69 lines
6.1 KiB
HTML
69 lines
6.1 KiB
HTML
<!doctype html>
|
|
<html class="no-js" lang="en">
|
|
<head>
|
|
<title>Crafto - The Multipurpose HTML5 Template</title>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="author" content="ThemeZaa">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
|
<meta name="description" content="Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 52+ ready demos.">
|
|
|
|
<link rel="shortcut icon" href="images/favicon.png">
|
|
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
|
|
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
|
<link rel="stylesheet" href="css/vendors.min.css" />
|
|
<link rel="stylesheet" href="css/icon.min.css" />
|
|
<link rel="stylesheet" href="css/style.min.css" />
|
|
<link rel="stylesheet" href="css/responsive.min.css" />
|
|
</head>
|
|
<body>
|
|
|
|
<section class="cover-background overflow-auto full-screen position-relative" style="background-image: url('images/coming-soon-bg.jpg');">
|
|
<div id="particles-style-01" class="position-absolute h-100 top-0 left-0 w-100" data-particle="true" data-particle-options="{"particles":{"number":{"value":10,"density":{"enable":true,"value_area":800}},"color":{"value":"#b0b4e2"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}},"opacity":{"value":1,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":4,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false}},"line_linked":{"enable":false,"distance":150,"color":"#ffffff","opacity":0.4,"width":1},"move":{"enable":true,"speed":6,"direction":"none","random":false,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"repulse"},"onclick":{"enable":true,"mode":"push"},"resize":true},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}}},"retina_detect":true}"></div>
|
|
<div class="container h-100">
|
|
<div class="row align-items-center justify-content-center h-100 z-index-2 position-relative">
|
|
<div class="col-md-12 col-lg-10 col-xl-8 col-xxl-7 text-center" data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
|
<a class="mb-10 md-mb-50px d-inline-block" href="index.html">
|
|
<img src="images/logo-black-big.png" data-at2x="images/logo-black-big@2x.png" alt>
|
|
</a>
|
|
<h1 class="fw-700 fs-70 mb-10px text-dark-gray ls-minus-2px">Coming soon!</h1>
|
|
<h6 class="text-dark-gray mb-0">We're getting ready to launch!</h6>
|
|
<div class="countdown-style-03 mb-9 mt-9">
|
|
<div data-enddate="2024/08/08 12:00:00" class="countdown"></div>
|
|
</div>
|
|
<div class="d-inline-block w-100 newsletter-style-03 position-relative mb-8 lg-mb-15 md-mb-6">
|
|
<form action="email-templates/subscribe-newsletter.php" method="post" class="position-relative lg-w-100 w-80 mx-auto">
|
|
<div class="position-relative">
|
|
<input class="input-large bg-white border-color-transparent w-100 border-radius-5px box-shadow-extra-large form-control required" type="email" name="email" placeholder="Enter your email address" />
|
|
<input type="hidden" name="redirect" value>
|
|
<button class="btn btn-extra-large text-dark-gray ls-0px left-icon submit text-transform-none fw-600" aria-label="submit"><i class="icon feather icon-feather-mail icon-small align-middle"></i><span>Notify me</span></button>
|
|
</div>
|
|
<div class="form-results border-radius-100px mt-15px p-15px fs-15 w-100 text-center d-none"></div>
|
|
</form>
|
|
<p class="fs-14 mt-15px mb-0">Subscribe our newsletter to get update when it'll be live.</p>
|
|
</div>
|
|
<div class="elements-social social-icon-style-08">
|
|
<ul class="medium-icon dark">
|
|
<li class="mb-0"><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
|
|
<li class="mb-0"><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
|
|
<li class="mb-0"><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
|
|
<li class="mb-0"><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
|
|
<li class="mb-0"><a class="linkedin" href="http://www.linkedin.com" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<script type="text/javascript" src="js/jquery.js"></script>
|
|
<script type="text/javascript" src="js/vendors.min.js"></script>
|
|
<script type="text/javascript" src="js/main.js"></script>
|
|
</body>
|
|
</html> |