<div class="landing-top-header overflow-hidden">
<div class="top sticky overflow-hidden">
<div class="app-sidebar__overlay" data-bs-toggle="sidebar"></div>
<div class="app-sidebar bg-transparent horizontal-main">
<div class="container">
<div class="main-sidemenu navbar px-0">
<a class="navbar-brand ps-0 d-none d-lg-block" href="{{ absolute_url(path('app_home')) }}">
<img alt="" class="logo-2" src="../build/images/brand/logo-3.png">
<img alt="" class="dark-landinglogo" src="../build/images/brand/logo.png">
</a>
<div class="slide-left disabled" id="slide-left"><svg xmlns="http://www.w3.org/2000/svg" fill="#7b8191" width="24" height="24" viewBox="0 0 24 24"><path d="M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z"/></svg></div>
<ul class="side-menu">
<li class="slide">
<a class="side-menu__item active" data-bs-toggle="slide" href="#home"><span class="side-menu__label">Home</span></a>
</li>
<li class="slide">
<a class="side-menu__item" data-bs-toggle="slide" href="#About"><span class="side-menu__label">About</span></a>
</li>
<li class="slide">
<a class="side-menu__item" data-bs-toggle="slide" href="#Clients"><span class="side-menu__label">Clients</span></a>
</li>
<li class="slide">
<a class="side-menu__item" data-bs-toggle="slide" href="#Features"><span class="side-menu__label">Features</span></a>
</li>
<li class="slide">
<a class="side-menu__item" data-bs-toggle="slide" href="#Faq"><span class="side-menu__label">Faq's</span></a>
</li>
<li class="slide">
<a class="side-menu__item" data-bs-toggle="slide" href="#Team"><span class="side-menu__label">Team</span></a>
</li>
<li class="slide">
<a class="side-menu__item" data-bs-toggle="slide" href="#Contact"><span class="side-menu__label">Contact</span></a>
</li>
</ul>
<div class="header-nav-right d-flex">
<a href="#" target="_blank" class="btn btn-pill btn-outline-primary btn-w-md py-2 me-1 my-auto d-lg-none d-xl-block d-block">
Sign up
</a>
<a href="#" target="_blank" class="btn btn-pill btn-primary btn-w-md py-2 my-auto d-lg-none d-xl-block d-block">
Get Started
</a>
</div>
</div>
</div>
</div>
<!--/APP-SIDEBAR-->
</div>
<!-- Header Main-->
<div class="demo-screen-headline main-demo main-demo-1 overflow-hidden pb-0 mb-6" id="home">
<div class="container px-5 px-md-0">
<div class="overflow-hidden">
<div class="row">
<div class="col-lg-6 text-left pos-relative overflow-hidden p-3">
<h1 class="text-shadow text-dark">Choose correct path to boost your business with <span
class="text-primary">Noa.</span></h1>
<h6 class="mt-3">Noa-Now you can use this admin template to design stunning dashboards that
will wow your target viewers or users to no end. To create a good and well-structured
dashboard, you need to start from scratch with HTML, SCSS, CSS, and JS and with lots of
coding, but by using this Noa-Admin template, you can customise your dashboard
effortlessly within no time.</h6>
<h6 class="mb-4">We create our templates in a very professional manner to satisfy our
clients.</h6>
<a href="#" class="btn btn-pill btn-primary btn-w-md py-2 me-2 mb-1">Buy Now<i
class="fe fe-activity ms-2"></i></a>
<a href="#" class="btn btn-pill btn-secondary btn-w-md py-2 mb-1">Demo<i
class="fe fe-file-text mx-2"></i></a>
</div>
<div class="col-lg-6 text-left pos-relative overflow-hidden market-image">
<img alt="" class="logo-2" src="../build/images/landing/market.png">
</div>
</div>
</div>
</div>
</div>
<!-- Header Main Close-->
</div>