-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (123 loc) · 5.49 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Coming Soon 1</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--===============================================================================================-->
<link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="css/util.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
</head>
<body>
<div class="size1 bg0 where1-parent">
<!-- Coutdown -->
<div class="flex-c-m bg-img1 size2 where1 overlay1 where2 respon2" style="background-image: url('images/bg01.jpg');">
<div class="wsize2 flex-w flex-c-m cd100 js-tilt">
<div class="flex-col-c-m size6 bor2 m-l-10 m-r-10 m-t-15">
<span class="l2-txt1 p-b-9 days">35</span>
<span class="s2-txt4">Days</span>
</div>
<div class="flex-col-c-m size6 bor2 m-l-10 m-r-10 m-t-15">
<span class="l2-txt1 p-b-9 hours">17</span>
<span class="s2-txt4">Hours</span>
</div>
<div class="flex-col-c-m size6 bor2 m-l-10 m-r-10 m-t-15">
<span class="l2-txt1 p-b-9 minutes">50</span>
<span class="s2-txt4">Minutes</span>
</div>
<div class="flex-col-c-m size6 bor2 m-l-10 m-r-10 m-t-15">
<span class="l2-txt1 p-b-9 seconds">39</span>
<span class="s2-txt4">Seconds</span>
</div>
</div>
</div>
<!-- Form -->
<div class="size3 flex-col-sb flex-w p-l-75 p-r-75 p-t-45 p-b-45 respon1">
<div class="wrap-pic1">
<img src="images/icons/logo.png" alt="LOGO">
</div>
<div class="p-t-50 p-b-60">
<p class="m1-txt1 p-b-36">
Our services and amazing website is <span class="m1-txt2">Coming Soon</span>, Subscribe to get the latest updates on when we launch!
</p>
<form class="contact100-form validate-form">
<div class="wrap-input100 m-b-10 validate-input" data-validate = "Name is required">
<input class="s2-txt1 placeholder0 input100" type="text" name="name" placeholder="Your Name">
<span class="focus-input100"></span>
</div>
<div class="wrap-input100 m-b-20 validate-input" data-validate = "Email is required: [email protected]">
<input class="s2-txt1 placeholder0 input100" type="text" name="email" placeholder="Email Address">
<span class="focus-input100"></span>
</div>
<div class="w-full">
<button class="flex-c-m s2-txt2 size4 bg1 bor1 hov1 trans-04">
Subscribe
</button>
</div>
</form>
<p class="s2-txt3 p-t-18">
And don’t worry, we hate spam too! You can unsubcribe at anytime.
</p>
</div>
<div class="flex-w">
<a href="#" class="flex-c-m size5 bg3 how1 trans-04 m-r-5">
<i class="fa fa-facebook"></i>
</a>
<a href="#" class="flex-c-m size5 bg4 how1 trans-04 m-r-5">
<i class="fa fa-twitter"></i>
</a>
<a href="#" class="flex-c-m size5 bg5 how1 trans-04 m-r-5">
<i class="fa fa-youtube-play"></i>
</a>
</div>
</div>
</div>
<!--===============================================================================================-->
<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
<script src="vendor/bootstrap/js/popper.js"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
<script src="vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
<script src="vendor/countdowntime/moment.min.js"></script>
<script src="vendor/countdowntime/moment-timezone.min.js"></script>
<script src="vendor/countdowntime/moment-timezone-with-data.min.js"></script>
<script src="vendor/countdowntime/countdowntime.js"></script>
<script>
$('.cd100').countdown100({
/*Set Endtime here*/
/*Endtime must be > current time*/
endtimeYear: 0,
endtimeMonth: 0,
endtimeDate: 35,
endtimeHours: 18,
endtimeMinutes: 0,
endtimeSeconds: 0,
timeZone: ""
// ex: timeZone: "America/New_York"
//go to " http://momentjs.com/timezone/ " to get timezone
});
</script>
<!--===============================================================================================-->
<script src="vendor/tilt/tilt.jquery.min.js"></script>
<script >
$('.js-tilt').tilt({
scale: 1.1
})
</script>
<!--===============================================================================================-->
<script src="js/main.js"></script>
</body>
</html>