<!-- Hero -->
<div class="bg-primary-dark position-relative">
<div class="container content-space-t-3 content-space-b-1">
<div class="row justify-content-center align-items-md-center mb-7">
<div class="col-md-6 mb-7 mb-md-0">
<!-- Heading -->
<div class="pe-lg-3 mb-7">
<h1 class="display-3 text-white mb-3 mb-md-5">Turn your ideas into a <span class="text-warning">startup</span></h1>
<p class="lead text-white-70">Space's feature-rich designed demo pages help you create the best possible product.</p>
</div>
<!-- End Heading -->
<div class="d-grid d-sm-flex gap-3">
<a class="btn btn-primary me-2" href="../page-login.html">Start now <i class="bi-chevron-right small ms-1"></i></a>
<a class="btn btn-ghost-light" href="https://www.youtube.com/watch?v=0qisGSwZym4" role="button" data-fslightbox="youtube-video">
Watch a demo <i class="bi-play-circle-fill ms-1"></i>
</a>
</div>
</div>
<!-- End Col -->
<div class="col-sm-10 col-md-6">
<img class="img-fluid" src="../assets/img/950x950/img5.jpg" alt="Image Description">
</div>
<!-- End Col -->
</div>
<!-- End Row -->
<div class="row">
<div class="col-sm mb-3 mb-sm-0">
<span class="h1 text-white">45k+</span>
<p class="lead text-white-70">clients from freelancers to corporate companies</p>
</div>
<!-- End Col -->
<div class="col-sm mb-3 mb-sm-0">
<span class="h1 text-white">8...</span>
<p class="lead text-white-70">years of experience in this business already</p>
</div>
<!-- End Col -->
<div class="col-sm">
<span class="h1 text-white">12k+</span>
<p class="lead text-white-70">resolved all kinds of questions</p>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- Lines -->
<div class="lines lines-light">
<div class="lines-container">
<div class="lines-item"></div>
<div class="lines-item"></div>
<div class="lines-item"></div>
<div class="lines-item"></div>
<div class="lines-item"></div>
</div>
</div>
<!-- End Lines -->
</div>
<!-- End Hero -->
<!-- JS Implementing Plugins -->
<!-- bundlejs:vendor [..] -->
<script src="../assets/vendor/fslightbox/index.js"></script>