zvonimir/templates
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add coming soon 007 template

Browse Source
This commit is contained in:
Zvonimir Rudinski
2024-05-21 05:25:47 +02:00
parent 6563f89639
commit 3154c8ab59
102 changed files with 37747 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
web/other/coming-soon-007/index.html Executable file
View File

@@ -0,0 +1,137 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Coming Soon 7</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="bg-img1 size1 overlay1" style="background-image: url('images/bg01.jpg');">
<div class="size1 p-l-15 p-r-15 p-t-30 p-b-50">
<div class="flex-w flex-sb-m p-l-75 p-r-60 p-b-165 respon1">
<div class="wrappic1 m-r-30 m-t-10 m-b-10">
<a href="#"><img src="images/icons/logo.png" alt="LOGO"></a>
</div>
<div class="flex-w m-t-10 m-b-10">
<a href="#" class="size4 flex-c-m how-social trans-04 m-r-5 m-b-3 m-t-3">
<i class="fa fa-facebook"></i>
</a>
<a href="#" class="size4 flex-c-m how-social trans-04 m-r-5 m-b-3 m-t-3">
<i class="fa fa-twitter"></i>
</a>
<a href="#" class="size4 flex-c-m how-social trans-04 m-r-5 m-b-3 m-t-3">
<i class="fa fa-youtube-play"></i>
</a>
</div>
</div>
<div class="wsize1 m-lr-auto">
<p class="txt-center l1-txt1 p-b-60">
Our website is <span class="l1-txt2">Coming Soon</span>, follow us for update now!
</p>
<form class="w-full flex-w flex-c-m validate-form">
<div class="wrap-input100 validate-input m-b-20" data-validate = "Valid email is required: ex@abc.xyz">
<input class="input100 placeholder0 m1-txt1" type="text" name="email" placeholder="Email Address">
<span class="focus-input100"></span>
</div>
<button class="flex-c-m size3 m1-txt2 how-btn1 trans-04 m-b-20">
Subscribe
</button>
</form>
<p class="txt-center s1-txt1 p-t-5">
And don’t worry, we hate spam too! You can unsubcribe at anytime.
</p>
</div>
<div class="flex-w flex-c-m cd100 wsize1 m-lr-auto p-t-116">
<div class="flex-col-c-m size2 bor1 m-l-10 m-r-10 m-b-15">
<span class="l1-txt3 p-b-9 days">35</span>
<span class="s1-txt2">Days</span>
</div>
<div class="flex-col-c-m size2 bor1 m-l-10 m-r-10 m-b-15">
<span class="l1-txt3 p-b-9 hours">17</span>
<span class="s1-txt2">Hours</span>
</div>
<div class="flex-col-c-m size2 bor1 m-l-10 m-r-10 m-b-15">
<span class="l1-txt3 p-b-9 minutes">50</span>
<span class="s1-txt2">Minutes</span>
</div>
<div class="flex-col-c-m size2 bor1 m-l-10 m-r-10 m-b-15">
<span class="l1-txt3 p-b-9 seconds">39</span>
<span class="s1-txt2">Seconds</span>
</div>
</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>