nphdigital/index.html at master · Tedydev-web/nphdigital · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
 <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="We apologize, the website is currently undergoing maintenance">
    <title>503 - Maintenance</title>
    <style>
        @import url('//fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;1,100;1,200;1,300;1,400&display=swap');

        body {
            font-family: 'Kanit', sans-serif;
            color: #333;
            text-align: center
        }

        .page_503 {
            background: #fff;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            padding: 20px
        }

        .container {
            max-width: 700px;
            width: 100%
        }

        .four_zero_four_bg {
            background-image: url('/503.gif');
            height: 350px;
            background-position: center
        }

        .four_zero_four_bg h1 {
            font-size: 80px;
            margin-top: 0px;
            color: #95684a
        }

        .contant_box_503 p {
            font-size: 25px
        }

        .link_503 {
            color: #fff;
            background: #39ac31;
            padding: 10px 20px;
            margin: 20px 0;
            display: inline-block;
            text-decoration: none
        }

        .link_503:hover {
            color: #fff;
            background: #333
        }
    </style>
</head>

<body>
    <section class="page_503">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="col-sm-10 col-sm-offset-1 text-center">
                        <div class="four_zero_four_bg">
                            <h1 class="text-center">503</h1>
                        </div>
                        <div class="contant_box_503">
                            <h2 class="h2">MAINTENANCE MODE</h2>
                            <p>We apologize, the website is currently undergoing maintenance. Please wait for a moment!
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <script defer
        src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015"
        integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ=="
        data-cf-beacon='{"rayId":"8cc4d89be8df40fc","version":"2024.8.0","r":1,"token":"c65579a9ff5e4195b2c71eeb6fd1529f","serverTiming":{"name":{"cfExtPri":true,"cfL4":true}}}'
        crossorigin="anonymous"></script>
</body>

</html>