-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy paththanks.html
executable file
·145 lines (124 loc) · 5.79 KB
/
thanks.html
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">
<head>
<title>Zervice, Coming Soon - 择维士，择维而事</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="//www.zervice.cn/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="//www.zervice.cn/favicon.ico" type="image/x-icon">
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i"
rel="stylesheet">
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template -->
<link href="css/coming-soon.css" rel="stylesheet">
<link rel="stylesheet" href="scss/coming-soon.scss">
</head>
<body>
<div class="overlay"></div>
<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
<source src="mp4/new-bg.mp4" type="video/mp4">
</video>
<div class="masthead">
<div class="masthead-bg"></div>
<div class="container h-100">
<div class="row h-100">
<div class="col-12 my-auto">
<div class="masthead-content text-white py-5 py-md-0">
<h1 class="mb-3">Thank You!</h1>
<p class="mb-5">We'll keep you updated! Stay tuned!</p>
</div>
</div>
</div>
</div>
</div>
<div class="mastclock">
<div class="container">
<style>
.clock svg [data-color="1"] {
fill: rgba(255, 255, 255, 1);
}
</style>
<div style="opacity:1" class="clock">
<svg preserveAspectRatio="xMidYMid meet" id="comp-jhoz2aavsvgcontent" data-bbox="3.5 3.5 193 193"
viewBox="3.5 3.5 193 193" height="200" width="200" xmlns="http://www.w3.org/2000/svg"
data-type="color" role="img">
<g>
<path fill="#FFFFFF" d="M100.267 3.5v16.632h-.533V3.5h.533z" data-color="1"></path>
<path fill="#FFFFFF" d="M100.267 179.868V196.5h-.533v-16.632h.533z" data-color="1"></path>
<path fill="#FFFFFF" d="M196.5 99.734v.533h-16.632v-.533H196.5z" data-color="1"></path>
<path fill="#FFFFFF" d="M20.132 99.734v.533H3.5v-.533h16.632z" data-color="1"></path>
<path fill="#FFFFFF" d="M183.533 51.68l.265.462-14.42 8.288-.265-.462 14.42-8.288z"
data-color="1"></path>
<path fill="#FFFFFF" d="M30.622 139.565l.265.462-14.42 8.288-.265-.463 14.42-8.287z"
data-color="1"></path>
<path fill="#FFFFFF" d="M147.819 16.183l.462.265L140 30.872l-.463-.266 8.282-14.423z"
data-color="1"></path>
<path fill="#FFFFFF" d="M59.997 169.131l.463.266-8.282 14.423-.462-.265 8.281-14.424z"
data-color="1"></path>
<path fill="#FFFFFF" d="M51.896 16.342l8.331 14.395-.461.267-8.331-14.395.461-.267z"
data-color="1"></path>
<path fill="#FFFFFF" d="M140.236 168.986l8.33 14.395-.46.267-8.332-14.395.462-.267z"
data-color="1"></path>
<path fill="#FFFFFF" d="M16.39 51.817l14.433 8.264-.265.463-14.433-8.265.265-.462z"
data-color="1"></path>
<path fill="#FFFFFF" d="M169.44 139.454l14.433 8.264-.264.463-14.434-8.265.265-.462z"
data-color="1"></path>
</g>
</svg>
</div>
</div>
<div class="container-hands">
<div style="width: 527px; height: 527px;" id="comp-jhoz1k88link" class="hands">
<img style="object-position:50% 50%;width:527px;height:527px;object-fit:cover" alt="" data-type="image"
itemprop="image" src="img/clock-hands.gif">
</div>
</div>
<div style="width: 373px; pointer-events: none;" class="text-header">
<p style="text-align:center;"><span style="letter-spacing:0.2em;">OUR NEW SITE IS</span></p>
</div>
<div style="width: 538px; pointer-events: none;" class="text-body">
<h1 style="line-height:1.2em; text-align:center;"><span style="letter-spacing:0.25em;">COMING<br>SOON</span>
</h1>
</div>
<div style="width: 304px; pointer-events: none;" class="text-footer">
<p style="text-align:center;"><span style="letter-spacing:0.2em;">STAY TUNED!</span></p>
</div>
</div>
<div class="social-icons">
<ul class="list-unstyled text-center mb-0">
<li class="list-unstyled-item">
<a href="#">
<i class="fab fa-twitter"></i>
</a>
</li>
<li class="list-unstyled-item">
<a href="#">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li class="list-unstyled-item">
<a href="#">
<i class="fab fa-instagram"></i>
</a>
</li>
</ul>
</div>
<div class="footer">
<span><a href="http://www.beian.miit.gov.cn">蜀ICP备20014518号-1</a></span>
<span>© 2020 Zervice </span>
</div>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/coming-soon.min.js"></script>
</body>
</html>