templates/website/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <!--===== Required meta tags =====-->
  5.     <meta charset="utf-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="author" content="Kiola Online Solutions" />
  8.     <meta name="description" content="statistic charts">
  9.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  11.     <!--===== Title =====-->
  12.     <title>Shima Amini | {% block title %}Home{% endblock %}</title>
  14.     <!--===== Favicon =====-->
  15.     <link rel="shortcut icon" href="{{ asset('assets/images/logo.png') }}" />
  17.     <!--===== Google fonts =====-->
  18.     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&family=Jost:wght@300;400;500;600;700;800;900&display=swap">
  20.     <!--===== Global bootstrap required css =====-->
  21.     <link rel="stylesheet" href="{{ asset('assets/css/bootstrap/bootstrap.min.css') }}">
  23.     <!--===== Global styles including: Font Icons, Plugins, etc =====-->
  24.     <link rel="stylesheet" href="{{ asset('assets/css/font-awesome/all.min.css') }}">
  25.     <link rel="stylesheet" href="{{ asset('assets/css/feather/iconfont.css') }}">
  26.     <link rel="stylesheet" href="{{ asset('assets/css/pe-icon-stroke/Pe-icon-7-stroke.css') }}">
  27.     <link rel="stylesheet" href="{{ asset('assets/css/simple-line-icons/simple-line-icons.css') }}">
  28.     <link rel="stylesheet" href="{{ asset('assets/css/themify-icons/themify-icons.css') }}">
  29.     <link rel="stylesheet" href="{{ asset('assets/css/pe-icon-stroke/Pe-icon-7-stroke.css') }}">
  30.     <link rel="stylesheet" href="{{ asset('assets/css/swiper/swiper.min.css') }}">
  31.     <link rel="stylesheet" href="{{ asset('assets/css/animate/animate.min.css') }}">
  32.     <link rel="stylesheet" href="{{ asset('assets/css/magnific-popup/magnific-popup.css') }}">
  33.     <link rel="stylesheet" href="{{ asset('assets/css/mCustomScrollbar/jquery.mCustomScrollbar.min.css') }}">
  35.     <!--===== Main theme css =====-->
  36.     <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
  38.     <style>
  39.         .rounded {
  40.             border-radius: 1rem;
  41.         }
  42.         .flip-box-front {
  43.             background-color: black!important;
  44.         }
  46.         .bg-pink-gradient {
  47.             background-image: linear-gradient(125deg, #933eff, #3e74ff) !important;
  48.         }
  49.         .text-pink-gradient {
  50.              color: #3452ff;
  51.              background: linear-gradient(to right, #933eff, #3e74ff);
  52.              -webkit-background-clip: text;
  53.              -webkit-text-fill-color: transparent; }
  54.     </style>
  56.     {% block css %}{% endblock %}
  57. </head>
  59. <body class="stokes-wrapper">
  61. {% include 'website/includes/navbar.html.twig' %}
  63. {% block body %}{% endblock %}
  64. <!--==========
  65.     End of about section ==========-->
  67. <section class="py-5 bg-pink-gradient">
  68.     <div class="container">
  69.         <div class="row justify-content-center">
  70.             <div class="col-12 text-center">
  71.                 <h3 class="text-white">
  72.                     Transforming ideas into
  73.                     <u class="typer text-warning" data-words="captivating,immersive,innovative,dynamic,interactive,impactful,compelling,inspiring,unforgettable,exciting" data-delay="100" data-deleteDelay="1000"></u>
  74.                     digital experiences for your brand.
  75.                 </h3>
  76.             </div>
  77.         </div>
  78.     </div>
  79. </section>
  81. {% include 'website/includes/footer.html.twig' %}
  83. <div class="go-top">
  84.     <p class="go-top-text">Scroll To Top <i class="fas fa-long-arrow-alt-right ps-2"></i></p>
  85. </div>
  88. <!--===== Global required js =====-->
  89. <script src="{{ asset('assets/js/jquery-3.6.0.min.js') }}"></script>
  90. <script src="{{ asset('assets/js/popper.min.js') }}"></script>
  91. <script src="{{ asset('assets/js/bootstrap/bootstrap.min.js') }}"></script>
  93. <!--===== Global script: js libraries and plugins =====-->
  94. <script src="{{ asset('assets/js/appear/jquery.appear.js') }}"></script>
  95. <script src="{{ asset('assets/js/swiper/swiper.min.js') }}"></script>
  96. <script src="{{ asset('assets/js/swiper/SwiperAnimation.min.js') }}"></script>
  97. <script src="{{ asset('assets/js/magnific-popup/jquery.magnific-popup.min.js') }}"></script>
  98. <script src="{{ asset('assets/js/isotope/isotope.pkgd.min.js') }}"></script>
  99. <script src="{{ asset('assets/js/typer/typer.js') }}"></script>
  100. <script src="{{ asset('assets/js/mCustomScrollbar/jquery.mCustomScrollbar.min.js') }}"></script>
  101. <script src="{{ asset('assets/js/jarallax/jarallax.min.js') }}"></script>
  103. <!--===== Main theme script =====-->
  104. <script src="{{ asset('assets/js/functions.js') }}"></script>
  106. <!--==========
  107.   End of Javascript ==========-->
  108. {% block js %}{% endblock %}
  109. </body>
  110. </html>