<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="msapplication-TileColor" content="#0E0E0E">
<meta name="template-color" content="#0E0E0E">
{{ sonata_seo_metadatas() }}
<link href="{{ asset('themes/castine/assets/css/style.css') }}" rel="stylesheet">
{{ encore_entry_link_tags('main') }}
<title>{{ pageTitle ~' | '~ setting('app_name') }}</title>
</head>
<body>
<!-- Preloader Start-->
<div id="preloader-active">
<div class="preloader d-flex align-items-center justify-content-center">
<div class="preloader-inner position-relative">
<div class="text-center">
<div class="loader"></div>
</div>
</div>
</div>
</div>
<header class="header sticky-bar">
<div class="container">
<div class="main-header">
<div class="header-left">
<div class="header-logo"><a class="d-flex" href="{{ path('home_page') }}"><img alt="Agon" src="{{ asset('build/images/logo.png') }}"></a></div>
<div class="header-nav">
<nav class="nav-main-menu d-none d-xl-block">
{{ front_menu_render(0,"menu/front_menu.html.twig") }}
</nav>
<div class="burger-icon burger-icon-white"><span class="burger-icon-top"></span><span class="burger-icon-mid"></span><span class="burger-icon-bottom"></span></div>
</div>
</div>
<div class="header-right">
<div class="block-signin"><a class="btn btn-default hover-up icon-arrow-right" href="page-signup.html">Get Started</a></div>
</div>
</div>
</div>
</header>
<div class="mobile-header-active mobile-header-wrapper-style perfect-scrollbar">
<div class="mobile-header-wrapper-inner">
<div class="mobile-header-top">
<div class="user-account"><img src="{{ asset('themes/castine/assets/imgs/template/ava_1.png') }}" alt="Agon">
<div class="content">
<h6 class="user-name">Hi <span class="text-brand">Steven !</span></h6>
<p class="font-xs text-muted">You have 5 new messages</p>
</div>
</div>
</div>
<div class="mobile-header-content-area">
<div class="perfect-scroll">
<div class="mobile-menu-wrap mobile-header-border">
<!-- mobile menu start-->
<nav>
<ul class="mobile-menu font-heading">
<li class="has-children"><a class="active" href="{{ path('home_page') }}">Home</a>
<ul class="sub-menu">
<li><a href="{{ path('home_page') }}">Homepage - 1</a></li>
<li><a href="index-2.html">Homepage - 2</a></li>
<li><a href="index-3.html">Homepage - 3</a></li>
<li><a href="index-4.html">Homepage - 4</a></li>
<li><a href="index-5.html">Homepage - 5</a></li>
<li><a href="index-6.html">Homepage - 6</a></li>
<li><a href="index-7.html">Homepage - 7</a></li>
<li><a href="index-8.html">Homepage - 8</a></li>
</ul>
</li>
<li class="has-children"><a href="page-about-1.html">About</a>
<ul class="sub-menu">
<li><a href="page-about-1.html">About Us - 1</a></li>
<li><a href="page-about-2.html">About Us - 2</a></li>
<li><a href="page-about-3.html">About Us - 3</a></li>
</ul>
</li>
<li class="has-children"><a href="page-service-1.html">Company</a>
<ul class="sub-menu">
<li><a class="closer" href="page-service-1.html">Services - 1</a></li>
<li><a class="closer" href="page-service-2.html">Services - 2</a></li>
<li class="hr"><span></span></li>
<li><a class="closer" href="page-pricing-1.html">Pricing - 1</a></li>
<li><a class="closer" href="page-pricing-2.html">Pricing - 2</a></li>
<li class="hr"><span></span></li>
<li><a class="closer" href="page-faqs-1.html">FAQs - 1</a></li>
<li><a class="closer" href="page-faqs-2.html">FAQs - 2</a></li>
<li class="hr"><span></span></li>
<li><a class="closer" href="page-career.html">Career</a></li>
<li><a class="closer" href="page-career-detail.html">Career Detail</a></li>
</ul>
</li>
<li class="has-children"><a href="#">Pages</a>
<ul class="sub-menu">
<li><a href="page-contact.html">Contact</a></li>
<li><a href="page-signup.html">Sign Up</a></li>
<li><a href="page-login.html">Log In</a></li>
<li><a href="page-reset.html">Reset Password</a></li>
<li><a href="404.html">Error 404</a></li>
</ul>
</li>
<li class="has-children"><a href="blog-1.html">Blog</a>
<ul class="sub-menu">
<li><a class="closer" href="blog-1.html">Blog 1</a></li>
<li><a class="closer" href="blog-2.html">Blog 2</a></li>
<li class="hr"><span></span></li>
<li><a href="blog-single.html">Blog Single</a></li>
</ul>
</li>
<li class="has-children"><a href="#">Shop</a>
<ul class="sub-menu">
<li><a class="closer" href="page-shop-grid-1.html">Shop Grid 1</a></li>
<li><a class="closer" href="page-shop-grid-2.html">Shop Grid 2</a></li>
<li><a class="closer" href="page-shop-single.html">Product Details</a></li>
</ul>
</li>
</ul>
</nav>
<!-- mobile menu end-->
</div>
<div class="site-copyright color-gray-400">Copyright 2022 © {{ app_name }}. <br>Designed by<a href="bomateq.com"> Bomateq Multimedia</a></div>
</div>
</div>
</div>
</div>
<main class="main">
{% block page_container %} {% endblock %}
</main>
<!-- Footer-->
<footer class="footer mt-50">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-3 width-20 mb-30">
<h4 class="text-heading-5">Contact</h4>
<div class="mt-20 text-body-text color-gray-600 mb-20">{{ setting('app_address') }}</div>
<div class="mt-20 text-body-text color-gray-600">{{ setting('primary_number') }}</div>
<div class="mt-20 text-body-text color-gray-600">{{ setting('secondary_number') }}</div>
<div class="text-body-text color-gray-600"><a href="#">[email protected]</a></div>
</div>
<div class="col-lg-3 width-20 mb-30">
<h4 class="text-heading-5">About Us</h4>
<ul class="menu-footer mt-20">
<li><a href="#">Mission & Vision</a></li>
<li><a href="#">Our Team</a></li>
<li><a href="page-career.html">Careers</a></li>
<li><a href="#">Press & Media</a></li>
<li><a href="#">Advertising</a></li>
<li><a href="#">Testimonials</a></li>
</ul>
</div>
<div class="col-lg-3 width-20 mb-30">
<h4 class="text-heading-5">Discover</h4>
<ul class="menu-footer mt-20">
<li><a href="blog-2.html">Our Blog</a></li>
<li><a href="page-pricing-1.html">Plans & Pricing</a></li>
<li><a href="#">Knowledge Base</a></li>
<li><a href="#">Cookie Policy</a></li>
<li><a href="#">Office Center</a></li>
<li><a href="blog-1.html">News & Events</a></li>
</ul>
</div>
<div class="col-lg-3 width-16">
<h4 class="text-heading-5">Useful links</h4>
<ul class="menu-footer mt-20">
<li><a href="#">Request an offer</a></li>
<li><a href="#">How it works</a></li>
<li><a href="page-pricing-2.html">Pricing</a></li>
<li><a href="#">Reviews</a></li>
<li><a href="#">Stories</a></li>
</ul>
</div>
</div>
<div class="footer-bottom mt-20">
<div class="row">
<div class="col-md-6"><span class="color-gray-400 text-body-lead">© {{ "now"|date('Y')}}</span>
<a class="text-body-text color-gray-400 ml-50" href="page-terms.html">Privacy policy</a>
<a class="text-body-text color-gray-400 ml-50" href="page-terms.html">Terms of service</a></div>
<div class="col-md-6 text-center text-lg-end text-md-end">
<div class="footer-social"><a class="icon-socials icon-facebook" href="https://facebook.com/" target="_blank"></a><a class="icon-socials icon-twitter" href="https://twitter.com/" target="_blank"></a><a class="icon-socials icon-instagram" href="https://www.instagram.com/" target="_blank"></a><a class="icon-socials icon-linkedin" href="https://www.linkedin.com/" target="_blank"></a></div>
</div>
</div>
</div>
</div>
</footer>
<script src="{{ asset('themes/castine/assets/js/vendors/jquery-3.6.0.min.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/vendors/jquery-migrate-3.3.0.min.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/vendors/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/vendors/waypoints.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/vendors/wow.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/vendors/magnific-popup.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/vendors/perfect-scrollbar.min.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/vendors/select2.min.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/vendors/isotope.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/vendors/scrollup.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/vendors/counterup.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/vendors/slick.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/vendors/jquery.elevatezoom.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/vendors/swiper-bundle.min.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/vendors/noUISlider.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/vendors/slider.js') }}"></script>
<script src="{{ asset('themes/castine/assets/js/mainc619.js?v=1.0') }}"></script>
{{ encore_entry_script_tags('main') }}
</body>
</html>