{{ include('partials/main.html.twig') }}
<head>
{{ include('partials/title-meta.html.twig', {title: 'Coming Soon'}) }}
<!-- swiper css -->
<link rel="stylesheet" href="/libs/swiper/swiper-bundle.min.css">
{{ include('partials/head-css.html.twig') }}
</head>
{{ include('partials/body.html.twig') }}
<div class="preview-img">
<div class="swiper-container preview-thumb">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="slide-bg" style="background-image: url(./images/bg-1.jpg);"></div>
</div>
<div class="swiper-slide">
<div class="slide-bg" style="background-image: url(./images/bg-2.jpg);"></div>
</div>
<div class="swiper-slide">
<div class="slide-bg" style="background-image: url(./images/bg-3.jpg);"></div>
</div>
</div>
</div>
<!-- preview-thumb -->
<div class="swiper-container preview-thumbsnav">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div>
<img src="/images/bg-1.jpg" alt=""
class="avatar-sm nav-img rounded-circle">
</div>
</div>
<div class="swiper-slide">
<div>
<img src="/images/bg-2.jpg" alt=""
class="avatar-sm nav-img rounded-circle">
</div>
</div>
<div class="swiper-slide">
<div>
<img src="/images/bg-3.jpg" alt=""
class="avatar-sm nav-img rounded-circle">
</div>
</div>
</div>
</div>
<!-- preview-thumb -->
</div>
<!-- preview bg -->
<div class="coming-content min-vh-100 py-4 px-3 py-sm-5">
<div class="bg-overlay bg-primary"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="text-center py-4 py-sm-5">
<div class="mb-5">
<a href="{{ path('home') }}">
<img src="/images/logo-sm.svg" alt="" height="30" class="me-1"><span class="logo-txt text-white font-size-22">Minia</span>
</a>
</div>
<h3 class="text-white mt-5">Let's get started with Minia</h3>
<p class="text-white-50 font-size-16">Donec pede justo fringilla vel aliquet nec vulputate eget arcu. In enim justo, rhoncus ut imperdiet a venenatis vitae, justo felis</p>
<div data-countdown="2024/12/31" class="counter-number mt-5"></div>
<form class="app-search mt-5 mx-auto">
<div class="position-relative">
<input type="text" class="form-control" placeholder="Enter your email address">
<button class="btn btn-primary" type="button"><i class="bx bx-paper-plane align-middle"></i></button>
</div>
</form>
</div>
</div>
<!-- end col -->
</div>
<!-- end row -->
</div>
<!-- end container -->
</div>
<!-- coming-content -->
{{ include('partials/vendor-scripts.html.twig') }}
<!-- swiper js -->
<script src="/libs/swiper/swiper-bundle.min.js"></script>
<!-- Plugins js-->
<script src="/libs/jquery-countdown/dist/jquery.countdown.min.js"></script>
<!-- Countdown js -->
<script src="/js/pages/coming-soon.init.js"></script>
</body>
</html>