templates/base_website.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.     <!-- SEO Meta description -->
  9.     <meta name="description"
  10.           content="AppBeats app landing page template or product landing page template helps you easily create websites for your app or product,  landing page template form promotion and many more.">
  11.     <meta name="author" content="ThemeTags">
  13.     <!-- OG Meta Tags to improve the way the post looks when you share the page on LinkedIn, Facebook, Google+ -->
  14.     <meta property="og:site_name" content=""/> <!-- website name -->
  15.     <meta property="og:site" content=""/> <!-- website link -->
  16.     <meta property="og:title" content=""/> <!-- title shown in the actual shared post -->
  17.     <meta property="og:description" content=""/> <!-- description shown in the actual shared post -->
  18.     <meta property="og:image" content=""/> <!-- image link, make sure it's jpg -->
  19.     <meta property="og:url" content=""/> <!-- where do you want your post to link to -->
  20.     <meta property="og:type" content="article"/>
  22.     <!--title-->
  23.     <title>AppBeats App Landing Page Template</title>
  25.     <!--favicon icon-->
  26.     <link rel="icon" href="img/favicon.png" type="image/png" sizes="16x16">
  28.     <!--google fonts-->
  29.     <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700%7COpen+Sans&display=swap" rel="stylesheet">
  31.     <!--Bootstrap css-->
  32.     <link rel="stylesheet" href="{{ asset('assets_website/css/bootstrap.min.css') }}">
  33.     <!--Magnific popup css-->
  34.     <link rel="stylesheet" href="{{ asset('assets_website/css/magnific-popup.css') }}">
  35.     <!--Themify icon css-->
  36.     <link rel="stylesheet" href="{{ asset('assets_website/css/themify-icons.css') }}">
  37.     <!--animated css-->
  38.     <link rel="stylesheet" href="{{ asset('assets_website/css/animate.min.css') }}">
  39.     <!--Owl carousel css-->
  40.     <link rel="stylesheet" href="{{ asset('assets_website/css/owl.carousel.min.css') }}">
  41.     <link rel="stylesheet" href="{{ asset('assets_website/css/owl.theme.default.min.css') }}">
  42.     <!--custom css-->
  43.     <link rel="stylesheet" href="{{ asset('assets_website/css/style.css') }}">
  44.     <!--responsive css-->
  45.     <link rel="stylesheet" href="{{ asset('assets_website/css/responsive.css') }}">
  47.     {% block extra_css %}
  48.     {% endblock %}
  50. </head>
  51. <body>
  54. <!--loader start-->
  55. <div id="preloader">
  56.     <div class="loader1">
  57.         <span></span>
  58.         <span></span>
  59.         <span></span>
  60.         <span></span>
  61.         <span></span>
  62.     </div>
  63. </div>
  64. <!--loader end-->
  66. <!--header section start-->
  67. <header class="header">
  68.     <!--start navbar-->
  69.     <nav class="navbar navbar-expand-lg fixed-top bg-transparent">
  70.         <div class="container">
  71.             <a class="navbar-brand" href="index-3.html">
  72.                 <img src="{{ asset('assets_website/img/logo.png') }}" width="100" alt="logo" class="img-fluid"/>
  73.             </a>
  74.             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
  75.                     aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  76.                 <span class="ti-menu"></span>
  77.             </button>
  78.             <div class="collapse navbar-collapse h-auto" id="navbarSupportedContent">
  79.                 <ul class="navbar-nav ml-auto menu">
  80.                     <li class="dropdown"><a href="#" class="dropdown-toggle"> Home</a>
  81.                         <ul class="sub-menu">
  82.                             <li><a href="index.html">Home Page 01</a></li>
  83.                             <li><a href="index-2.html">Home Page 02</a></li>
  84.                             <li><a href="index-3.html">Home Page 03</a></li>
  85.                             <li><a href="index-4.html">Home Page 04</a></li>
  86.                             <li><a href="index-5.html">Home Page 05</a></li>
  87.                             <li><a href="index-6.html">Home Page 06</a></li>
  88.                             <li><a href="index-7.html">Home Page 07 <span class="badge color-1 color-1-bg custom-badge"> New</span></a></li>
  89.                             <li><a href="index-8.html">Home Page 08 <span class="badge color-1 color-1-bg custom-badge"> New</span></a></li>
  90.                             <li><a href="index-9.html">Home Page 09 <span class="badge color-1 color-1-bg custom-badge"> New</span></a></li>
  91.                         </ul>
  92.                     </li>
  93.                     <li class="dropdown"><a  href="#" class="dropdown-toggle">Pages</a>
  94.                         <ul class="sub-menu">
  95.                             <li><a href="#">Login & Signup</a>
  96.                                 <ul class="sub-menu">
  97.                                     <li><a href="basic-login.html">Login Page 1</a></li>
  98.                                     <li><a href="login.html">Login Page 2</a></li>
  99.                                     <li><a href="basic-sign-up.html">Signup Page 1</a></li>
  100.                                     <li><a href="sign-up.html">Signup Page 2</a></li>
  101.                                     <li><a href="password-reset.html">Reset Password</a></li>
  102.                                     <li><a href="change-password.html">Change Password</a></li>
  103.                                 </ul>
  104.                             </li>
  105.                             <li><a href="#">Utilities</a>
  106.                                 <ul class="sub-menu">
  107.                                     <li><a href="download.html">Download Page</a></li>
  108.                                     <li><a href="review.html">Review Page</a></li>
  109.                                     <li><a href="faq.html">FAQ Page</a></li>
  110.                                     <li><a href="404.html">404 Page</a></li>
  111.                                     <li><a href="coming-soon.html">Coming Soon</a></li>
  112.                                     <li><a href="thank-you.html">Thank You Page</a></li>
  113.                                 </ul>
  114.                             </li>
  115.                             <li><a href="#">Teams  <span class="badge color-1 color-1-bg custom-badge"> New</span></a>
  116.                                 <ul class="sub-menu">
  117.                                     <li><a href="team.html">Team Page</a></li>
  118.                                     <li><a href="team-single.html">Team Single Page</a></li>
  119.                                 </ul>
  120.                             </li>
  121.                             <li><a href="#">Our Blog <span class="badge color-1 color-1-bg custom-badge"> New</span></a>
  122.                                 <ul class="sub-menu">
  123.                                     <li><a href="blog-default.html">Blog Default</a></li>
  124.                                     <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
  125.                                     <li><a href="blog-single-right-sidebar.html">Blog Details With Sidebar</a></li>
  126.                                 </ul>
  127.                             </li>
  128.                             <li><a href="partner.html">Our Partner <span class="badge color-1 color-1-bg custom-badge">New</span></a></li>
  129.                             <li><a href="project-details.html">Project Details <span class="badge color-1 color-1-bg custom-badge">New</span></a></li>
  130.                             <li><a href="services-details.html">Services Details <span class="badge color-1 color-1-bg custom-badge">New</span></a></li>
  132.                         </ul>
  133.                     </li>
  134.                     <li><a href="#features" class="page-scroll">Features</a></li>
  135.                     <li><a href="#how-it-work" class="page-scroll">How It Work</a></li>
  136.                     <li><a href="#screenshots" class="page-scroll">Screenshots</a></li>
  137.                     <li><a href="#reviews" class="page-scroll">Reviews</a></li>
  138.                     <li><a href="#pricing" class="page-scroll">Pricing</a></li>
  139.                     <li><a href="#faq" class="page-scroll">FAQ</a></li>
  140.                     <li><a href="#contact" class="page-scroll">Contact Us</a></li>
  141.                 </ul>
  142.             </div>
  143.         </div>
  144.     </nav>
  145. </header>
  148. {% block body %}
  149. {% endblock %}
  151. <!--footer section start-->
  152. <footer class="footer-section">
  153.     <!--footer top start-->
  154.     <div class="footer-top gradient-bg">
  155.         <div class="container">
  156.             <div class="row">
  157.                 <div class="col-lg-4 col-12">
  158.                     <div class="footer-nav-wrap text-white mb-0 mb-md-4 mb-lg-0">
  159.                         <a class="d-block" href="#"><img src="img/logo-white.png" alt="footer logo" width="150" class="img-fluid mb-1"></a>
  160.                         <p>Intrinsicly matrix high standards in niches whereas intermandated niche markets. Objectively harness competitive resources.</p>
  161.                         <ul class="list-unstyled social-list mb-0">
  162.                             <li class="list-inline-item"><a href="#" class="rounded"><span class="ti-facebook white-bg color-2 shadow rounded-circle"></span></a></li>
  163.                             <li class="list-inline-item"><a href="#" class="rounded"><span class="ti-twitter white-bg color-2 shadow rounded-circle"></span></a></li>
  164.                             <li class="list-inline-item"><a href="#" class="rounded"><span class="ti-linkedin white-bg color-2 shadow rounded-circle"></span></a></li>
  165.                             <li class="list-inline-item"><a href="#" class="rounded"><span class="ti-dribbble white-bg color-2 shadow rounded-circle"></span></a></li>
  166.                         </ul>
  167.                     </div>
  168.                 </div>
  170.                 <div class="col-lg-2 col-md-4 col-12">
  171.                     <div class="footer-nav-wrap text-white">
  172.                         <h5 class="text-white">Usefull Links</h5>
  173.                         <ul class="list-unstyled footer-nav-list mt-3">
  174.                             <li><a href="#" class="text-foot"><span class="ti-angle-double-right"></span> Privacy Protection</a></li>
  175.                             <li><a href="#" class="text-foot"><span class="ti-angle-double-right"></span> Safe Payments</a></li>
  176.                             <li><a href="#" class="text-foot"><span class="ti-angle-double-right"></span> Terms of Services</a></li>
  177.                             <li><a href="#" class="text-foot"><span class="ti-angle-double-right"></span> Documentation</a></li>
  178.                             <li><a href="#" class="text-foot"><span class="ti-angle-double-right"></span> Privacy Policy</a></li>
  179.                         </ul>
  180.                     </div>
  181.                 </div>
  183.                 <div class="col-lg-2 col-md-4 col-12">
  184.                     <div class="footer-nav-wrap text-white">
  185.                         <h5 class="text-white">Company</h5>
  186.                         <ul class="list-unstyled footer-nav-list mt-3">
  187.                             <li><a href="#" class="text-foot"><span class="ti-angle-double-right"></span> About us Section</a></li>
  188.                             <li><a href="#" class="text-foot"><span class="ti-angle-double-right"></span> Pricing Section</a></li>
  189.                             <li><a href="#" class="text-foot"><span class="ti-angle-double-right"></span> Features Section</a></li>
  190.                             <li><a href="#" class="text-foot"><span class="ti-angle-double-right"></span> FAQ Section</a></li>
  191.                             <li><a href="#" class="text-foot"><span class="ti-angle-double-right"></span> Contact Section</a></li>
  192.                         </ul>
  193.                     </div>
  194.                 </div>
  198.                 <div class="col-lg-4 col-md-4 col-12">
  199.                     <div class="footer-nav-wrap text-white">
  200.                         <h5 class="text-light footer-head">Newsletter</h5>
  201.                         <p>Subscribe our newsletter to get our update. We don't send span email to you.</p>
  202.                         <form action="#" class="newsletter-form mt-3">
  203.                             <div class="input-group">
  204.                                 <input type="email" class="form-control" id="subscribe-email" placeholder="Enter your email" required="">
  205.                                 <div class="input-group-append">
  206.                                     <button class="btn solid-btn subscribe-btn btn-hover" type="submit">
  207.                                         Subscribe
  208.                                     </button>
  209.                                 </div>
  210.                             </div>
  211.                         </form>
  212.                     </div>
  213.                 </div>
  214.             </div>
  215.         </div>
  216.     </div>
  217.     <!--footer top end-->
  219.     <!--footer copyright start-->
  220.     <div class="footer-bottom gray-light-bg py-3">
  221.         <div class="container">
  222.             <div class="row text-center justify-content-center">
  223.                 <div class="col-md-6 col-lg-5"><p class="copyright-text pb-0 mb-0">Copyrights © 2020. All
  224.                     rights reserved by
  225.                     <a href="https://themeforest.net/user/themetags" target="_blank">ThemeTags</a></p>
  226.                 </div>
  227.             </div>
  228.         </div>
  229.     </div>
  230.     <!--footer copyright end-->
  231. </footer>
  232. <!--footer section end-->
  234. <!--bottom to top button start-->
  235. <button class="scroll-top scroll-to-target" data-target="html">
  236.     <span class="ti-angle-up"></span>
  237. </button>
  238. <!--bottom to top button end-->
  241. <!--jQuery-->
  242. <script src="{{ asset('assets_website/js/jquery-3.4.1.min.js') }}"></script>
  243. <!--Popper js-->
  244. <script src="{{ asset('assets_website/js/popper.min.js') }}"></script>
  245. <!--Bootstrap js-->
  246. <script src="{{ asset('assets_website/js/bootstrap.min.js') }}"></script>
  247. <!--Magnific popup js-->
  248. <script src="{{ asset('assets_website/js/jquery.magnific-popup.min.js') }}"></script>
  249. <!--jquery easing js-->
  250. <script src="{{ asset('assets_website/js/jquery.easing.min.js') }}"></script>
  251. <!--wow js-->
  252. <script src="{{ asset('assets_website/js/wow.min.js') }}"></script>
  253. <!--owl carousel js-->
  254. <script src="{{ asset('assets_website/js/owl.carousel.min.js') }}"></script>
  255. <!--countdown js-->
  256. <script src="{{ asset('assets_website/js/jquery.countdown.min.js') }}"></script>
  257. <!--validator js-->
  258. <script src="{{ asset('assets_website/js/validator.min.js') }}"></script>
  259. <!--custom js-->
  260. <script src="{{ asset('assets_website/js/scripts.js') }}"></script>
  261.  {% block extra_scripts %}
  263. {% endblock %}
  265. </body>
  266. </html>
  267.     
  268.