templates/women/home/home_women.twig line 1

  1. {% extends 'women/base/base_women.twig' %}
  3. {% block head %}
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width,initial-scale=1">
  8.     <meta name="description" content="multikart">
  9.     <meta name="keywords" content="multikart">
  10.     <meta name="author" content="multikart">
  11.     <link rel="icon" href="../assets/images/favicon/12.png" type="image/x-icon">
  12.     <link rel="shortcut icon" href="../assets/images/favicon/12.png" type="image/x-icon">
  13.     <title>SELECTWEARS</title>
  15.     <!--Google font-->
  16.     <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
  17.     <link rel="preconnect" href="https://fonts.gstatic.com">
  18.     <link href="https://fonts.googleapis.com/css2?family=Yellowtail&display=swap" rel="stylesheet">
  20.     <!-- Icons -->
  21.     <link rel="stylesheet" type="text/css" href="{{ asset("assets/css/vendors/font-awesome.css") }}">
  23.     <!--Slick slider css-->
  24.     <link rel="stylesheet" type="text/css" href="{{ asset("assets/css/vendors/slick.css") }}">
  25.     <link rel="stylesheet" type="text/css" href="{{ asset("assets/css/vendors/slick-theme.css") }}">
  27.     <!-- Animate icon -->
  28.     <link rel="stylesheet" type="text/css" href="{{ asset("assets/css/vendors/animate.css") }}">
  30.     <!-- Themify icon -->
  31.     <link rel="stylesheet" type="text/css" href="{{ asset("assets/css/vendors/themify-icons.css") }}">
  33.     <!-- Bootstrap css -->
  34.     <link rel="stylesheet" type="text/css" href="{{ asset("assets/css/vendors/bootstrap.css") }}">
  36.     <!-- Theme css -->
  37.     <link rel="stylesheet" type="text/css" href="{{ asset("assets/css/style.css") }}">
  38.     <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom.css') }}">
  40.     {# Font Awesome #}
  41.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  42.     <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/responsive.css') }}">
  44.     <style>
  45.     .ratio2_1 .bg-size:before {
  46.         padding-top: 100% !important;
  47.     }
  48.     </style>
  49. {% endblock %}
  51. {% block main %}
  53.     <!-- Home slider -->
  54.     <section class="p-0">
  55.         <div class="slide-1 home-slider">
  56.             <div>
  57.                 <div class="home">
  58.                     <img src="/uploads/slides/slide_women_1.jpg" alt="" class="bg-img blur-up lazyload">
  59.                     <div class="container">
  60.                         <div class="row">
  61.                             <div class="col">
  62.                                 <div class="slider-contain">
  63.                                     <div>
  64.                                     <div class="title2 ">
  65.                                         <h2 class="title-inner2 text-light text-hotpink">{{ 'Elevate Your Style with SELECTWEARS' | trans({},'templates') }}</h2>
  66.                                     </div>
  67.                                         {# <h4>Elevate Your Style with SELECTWEARS</h4> #}
  68.                                         <a href="{{ path('app_category',{id: 2,gender: 'women'}) }}" class="btn btn-solid">{{ 'Discover now' | trans({},'templates') }}</a>
  69.                                         {# <h1>Explore Our Latest Women's Fashion Trends!</h1><a href="#" class="btn btn-solid">Discover now</a> #}
  70.                                     </div>
  71.                                     {# <div class="title2 text-hotpink">
  72.                                         <h2 class="title-inner2 text-light text-hotpink">Elevate Your Style with SELECTWEARS</h2>
  73.                                     </div> #}
  74.                                 </div>
  75.                             </div>
  76.                         </div>
  77.                     </div>
  78.                 </div>
  79.             </div>
  80.             <div>
  81.                 <div class="home">
  82.                     <img src="/uploads/slides/slide_women_2.jpg" alt="" class="bg-img blur-up lazyload">
  83.                     <div class="container">
  84.                         <div class="row">
  85.                             <div class="col">
  86.                                 <div class="slider-contain">
  87.                                     <div>
  88.                                     <div class="title2 ">
  89.                                         <h2 class="title-inner2 text-light text-hotpink">{{ 'Elevate Your Style with SELECTWEARS' | trans({},'templates') }}</h2>
  90.                                     </div>
  91.                                         {# <h4>Elevate Your Style with SELECTWEARS</h4> #}
  92.                                         <a href="{{ path('app_category',{id: 2,gender: 'women'}) }}" class="btn btn-solid">{{ 'Discover now' | trans({},'templates') }}</a>
  93.                                         {# <h1>Explore Our Latest Women's Fashion Trends!</h1><a href="#" class="btn btn-solid">Discover now</a> #}
  94.                                     </div>
  95.                                     {# <div class="title2 text-hotpink">
  96.                                         <h2 class="title-inner2 text-light text-hotpink">Elevate Your Style with SELECTWEARS</h2>
  97.                                     </div> #}
  98.                                 </div>
  99.                             </div>
  100.                         </div>
  101.                     </div>
  102.                 </div>
  103.             </div>
  104.             <div>
  105.                 <div class="home">
  106.                     <img src="/uploads/slides/slide_women_3.jpg" alt="" class="bg-img blur-up lazyload">
  107.                     <div class="container">
  108.                         <div class="row">
  109.                             <div class="col">
  110.                                 <div class="slider-contain">
  111.                                     <div>
  112.                                     <div class="title2 ">
  113.                                         <h2 class="title-inner2 text-light text-hotpink">{{ 'Elevate Your Style with SELECTWEARS' | trans({},'templates') }}</h2>
  114.                                     </div>
  115.                                         {# <h4>Elevate Your Style with SELECTWEARS</h4> #}
  116.                                         <a href="{{ path('app_category',{id: 2,gender: 'women'}) }}" class="btn btn-solid">{{ 'Discover now' | trans({},'templates') }}</a>
  117.                                         {# <h1>Explore Our Latest Women's Fashion Trends!</h1><a href="#" class="btn btn-solid">Discover now</a> #}
  118.                                     </div>
  119.                                     {# <div class="title2 text-hotpink">
  120.                                         <h2 class="title-inner2 text-light text-hotpink">Elevate Your Style with SELECTWEARS</h2>
  121.                                     </div> #}
  122.                                 </div>
  123.                             </div>
  124.                         </div>
  125.                     </div>
  126.                 </div>
  127.             </div>
  128.         </div>
  129.     </section>
  130.     <!-- Home slider end -->
  133.     <div class="title1 title-fancy section-t-space">
  134.         <h2 class="title-inner1 title-gradient">{{ 'special products' | trans({},'templates') }}</h2>
  135.     </div>
  137.     {% if newArrivals or bestSellers or featuredProducts %}
  138.     <section class="section-b-space pt-0 ratio_asos">
  139.         <div class="container container-lg">
  140.             <div class="row">
  141.                 <div class="col">
  142.                     <div class="theme-tab">
  143.                         <ul class="tabs tab-title">
  145.                             {% if newArrivals %}
  146.                             <li class=""><a href="tab-4">{{ 'New Arrivals' | trans({},'templates') }}</a></li>
  147.                             {% endif %}
  149.                             {% if featuredProducts %}
  150.                             <li class=""><a href="tab-5">{{ 'Featured Products' | trans({},'templates') }}</a></li>
  151.                             {% endif %}
  153.                             {% if bestSellers %}
  154.                             <li class="current"><a href="tab-6">{{ 'Best Sellers' | trans({},'templates') }}</a></li>
  155.                             {% endif %}
  157.                         </ul>
  158.                         <div class="tab-content-cls">
  159.                             {% if newArrivals %}
  160.                             <div id="tab-4" class="tab-content active default new-arrivals-col" style="display: none;">
  161.                                 <div class="no-slider row five-product">
  162.                                     {% for product in newArrivals %}
  163.                                     <div class="product-box">
  164.                                         <div class="img-wrapper">
  165.                                             <div class="lable-block">
  166.                                                 <span class="lable-gradient">{{ 'new' | trans({},'templates') }}</span> 
  167.                                                 {# <span class="lable4">best seller</span> #}
  168.                                             </div>
  169.                                             <div class="front">
  170.                                                 <a href="{{ path('app_product_page',{pid: product.id ,vid: product.firstVariantId(),gender: 'women'}) }}" class="bg-size blur-up lazyloaded" style="background-image: url({{ product.mainImage }}); background-size: cover; background-position: center center; display: block;"><img src="{{ product.mainImage }}" class="img-fluid blur-up lazyload bg-img" alt="" style="display: none;"></a>
  171.                                             </div>
  172.                                             <div class="back">
  173.                                                 <a href="{{ path('app_product_page',{pid: product.id ,vid: product.firstVariantId(),gender: 'women'}) }}" class="bg-size blur-up lazyloaded" style="background-image: url({{ product.getSecondImage() }}); background-size: cover; background-position: center center; display: block;"><img src="{{ product.getSecondImage() }}" class="img-fluid blur-up lazyload bg-img" alt="" style="display: none;"></a>
  174.                                             </div>
  175.                                             <div class="cart-info cart-wrap">
  176.                                                 <a href="javascript:void(0)" onclick="addToFavoris(this)" data-p-id="{{product.id}}" title="Add to Wishlist">
  177.                                                     {% if product.id in app.session.get('wishlist') %}
  178.                                                         <i class='fa-solid fa-heart' style='color: #ff0000;'></i>
  179.                                                     {% else %}
  180.                                                         <i class='fa-regular fa-heart'></i>
  181.                                                     {% endif %}
  182.                                                 </a> 
  183.                                             </div>
  184.                                         </div>
  185.                                         <div class="product-detail">
  186.                                             {# <div class="rating"><i class="fa fa-star"></i> <i class="fa fa-star"></i>
  187.                                                 <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i>
  188.                                             </div> #}
  189.                                             <a href="{{ path('app_product_page',{pid: product.id ,vid: product.firstVariantId(),gender: 'women'}) }}">
  190.                                                 <h6>{{ product.name }}</h6>
  191.                                             </a>
  192.                                             <h4>{{ product.firstVariantPrice() }} EUR</h4>
  193.                                             {# <ul class="color-variant">
  194.                                                 <li class="bg-light0"></li>
  195.                                                 <li class="bg-light1"></li>
  196.                                                 <li class="bg-light2"></li>
  197.                                             </ul> #}
  198.                                         </div>
  199.                                     </div>
  200.                                     {% endfor %}
  201.                                 </div>
  202.                             </div>
  203.                             {% endif %}
  205.                             {% if featuredProducts %}
  206.                             <div id="tab-5" class="tab-content" style="display: none;">
  207.                                 <div class="no-slider row five-product">
  208.                                     {% for product in featuredProducts %}
  209.                                     <div class="product-box">
  210.                                         <div class="img-wrapper">
  211.                                             <div class="lable-block">
  212.                                                 {# <span class="lable-gradient">new</span>  #}
  213.                                                 <span class="lable4">{{ 'featured' | trans({},'templates') }}</span>
  214.                                             </div>
  215.                                             <div class="front">
  216.                                                 <a href="{{ path('app_product_page',{pid: product.id ,vid: product.firstVariantId(),gender: 'women'}) }}" class="bg-size blur-up lazyloaded" style="background-image: url({{ product.mainImage }}); background-size: cover; background-position: center center; display: block;"><img src="{{ product.mainImage }}" class="img-fluid blur-up lazyload bg-img" alt="" style="display: none;"></a>
  217.                                             </div>
  218.                                             <div class="back">
  219.                                                 <a href="{{ path('app_product_page',{pid: product.id ,vid: product.firstVariantId(),gender: 'women'}) }}" class="bg-size blur-up lazyloaded" style="background-image: url({{ product.getSecondImage() }}); background-size: cover; background-position: center center; display: block;"><img src="{{ product.getSecondImage() }}" class="img-fluid blur-up lazyload bg-img" alt="" style="display: none;"></a>
  220.                                             </div>
  221.                                             <div class="cart-info cart-wrap">
  222.                                                 <a href="javascript:void(0)" onclick="addToFavoris(this)" data-p-id="{{product.id}}" title="Add to Wishlist">
  223.                                                     {% if product.id in app.session.get('wishlist') %}
  224.                                                         <i class='fa-solid fa-heart' style='color: #ff0000;'></i>
  225.                                                     {% else %}
  226.                                                         <i class='fa-regular fa-heart'></i>
  227.                                                     {% endif %}                                                
  228.                                                 </a> 
  229.                                             </div>
  230.                                         </div>
  231.                                         <div class="product-detail">
  232.                                             {# <div class="rating"><i class="fa fa-star"></i> <i class="fa fa-star"></i>
  233.                                                 <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i>
  234.                                             </div> #}
  235.                                             <a href="{{ path('app_product_page',{pid: product.id ,vid: product.firstVariantId(),gender: 'women'}) }}">
  236.                                                 <h6>{{ product.name }}</h6>
  237.                                             </a>
  238.                                             <h4>{{ product.firstVariantPrice() }} EUR</h4>
  239.                                             {# <ul class="color-variant">
  240.                                                 <li class="bg-light0"></li>
  241.                                                 <li class="bg-light1"></li>
  242.                                                 <li class="bg-light2"></li>
  243.                                             </ul> #}
  244.                                         </div>
  245.                                     </div>
  246.                                     {% endfor %}
  247.                                 </div>
  248.                             </div>
  249.                             {% endif %}
  251.                             {% if bestSellers %}
  252.                             <div id="tab-6" class="tab-content best-sellers-col" style="display: none;">
  253.                                 <div class="no-slider row five-product">
  254.                                     {% for product in bestSellers %}
  255.                                     <div class="product-box">
  256.                                         <div class="img-wrapper">
  257.                                             <div class="lable-block">
  258.                                                 {# <span class="lable-gradient">new</span>  #}
  259.                                                 <span class="lable4">{{ 'best seller' | trans({},'templates') }}</span>
  260.                                             </div>
  261.                                             <div class="front">
  262.                                                 <a href="{{ path('app_product_page',{pid: product.id ,vid: product.firstVariantId(),gender: 'women'}) }}" class="bg-size blur-up lazyloaded" style="background-image: url({{ product.mainImage }}); background-size: cover; background-position: center center; display: block;"><img src="{{ product.mainImage }}" class="img-fluid blur-up lazyload bg-img" alt="" style="display: none;"></a>
  263.                                             </div>
  264.                                             <div class="back">
  265.                                                 <a href="{{ path('app_product_page',{pid: product.id ,vid: product.firstVariantId(),gender: 'women'}) }}" class="bg-size blur-up lazyloaded" style="background-image: url({{ product.getSecondImage() }}); background-size: cover; background-position: center center; display: block;"><img src="{{ product.getSecondImage() }}" class="img-fluid blur-up lazyload bg-img" alt="" style="display: none;"></a>
  266.                                             </div>
  267.                                             <div class="cart-info cart-wrap">
  269.                                                 <a href="javascript:void(0)" onclick="addToFavoris(this)" data-p-id="{{product.id}}" title="Add to Wishlist">
  270.                                                     {% if product.id in app.session.get('wishlist') %}
  271.                                                         <i class='fa-solid fa-heart' style='color: #ff0000;'></i>
  272.                                                     {% else %}
  273.                                                         <i class='fa-regular fa-heart'></i>
  274.                                                     {% endif %}                                                
  275.                                                 </a> 
  276.                                             </div>
  277.                                         </div>
  278.                                         <div class="product-detail">
  279.                                             {# <div class="rating"><i class="fa fa-star"></i> <i class="fa fa-star"></i>
  280.                                                 <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i>
  281.                                             </div> #}
  282.                                             <a href="{{ path('app_product_page',{pid: product.id ,vid: product.firstVariantId(),gender: 'women'}) }}">
  283.                                                 <h6>{{ product.name }}</h6>
  284.                                             </a>
  285.                                             <h4>{{ product.firstVariantPrice() }} EUR</h4>
  286.                                             {# <ul class="color-variant">
  287.                                                 <li class="bg-light0"></li>
  288.                                                 <li class="bg-light1"></li>
  289.                                                 <li class="bg-light2"></li>
  290.                                             </ul> #}
  291.                                         </div>
  292.                                     </div>
  293.                                     {% endfor %}
  294.                                 </div>
  295.                             </div>
  296.                             {% endif %}
  297.                         </div>
  298.                     </div>
  299.                 </div>
  300.             </div>
  301.         </div>
  302.     </section>
  303.     {% endif %}
  305.     <!-- collection banner -->
  306.     <section class="banner-padding banner-furniture ratio2_1">
  307.         <div class="container container-lg">
  308.             <div class="col-12">
  309.                     <div class="title1 title-fancy">
  310.                         <h2 class="title-inner1 title-gradient">{{ 'Explore Our Collections' | trans({},'templates') }}</h2>
  311.                     </div>
  312.             </div>
  313.             <div class="row partition3 justify-content-center">
  314.                 {% for collection in featuredCollections %}
  315.                 <div class="col-md-3 pt-4">
  316.                     <a href="{{ path('app_collection',{id: collection.id,gender: 'women'}) }}">
  317.                         <div class="collection-banner collection-raduis p-left text-start">
  318.                             <div class="img-part">
  319.                                 <img src="/uploads/collections/{{ collection.image }}" alt=""
  320.                                     class="img-fluid blur-up lazyload bg-img">
  321.                             </div>
  322.                             <div class="contain-banner">
  323.                                 <div class="col-12 d-flex justify-content-center">
  324.                                     {# <h4>save 30%</h4> #}
  325.                                     <h2 class="text-white text-center text-stroke">{{ collection.name }}</h2>
  326.                                 </div>
  327.                             </div>
  328.                         </div>
  329.                     </a>
  330.                 </div>
  331.                 {% endfor %}
  332.             </div>
  333.         </div>
  334.     </section>
  335.   
  337.     <!-- Add to cart modal popup start-->
  338.     <div class="modal fade bd-example-modal-lg theme-modal cart-modal" id="addtocart" tabindex="-1" role="dialog"
  339.         aria-hidden="true">
  340.         <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
  341.             <div class="modal-content">
  342.                 <div class="modal-body modal1">
  343.                     <div class="container-fluid p-0">
  344.                         <div class="row">
  345.                             <div class="col-12">
  346.                                 <div class="modal-bg addtocart">
  347.                                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
  348.                                         <span aria-hidden="true">&times;</span>
  349.                                     </button>
  350.                                     <div class="media">
  351.                                         <a href="#">
  352.                                             <img class="img-fluid blur-up lazyload pro-img"
  353.                                                 src="../assets/images/fashion/product/43.jpg" alt="">
  354.                                         </a>
  355.                                         <div class="media-body align-self-center text-center">
  356.                                             <a href="#">
  357.                                                 <h6>
  358.                                                     <i class="fa fa-check"></i>Item
  359.                                                     <span>men full sleeves</span>
  360.                                                     <span> successfully added to your Cart</span>
  361.                                                 </h6>
  362.                                             </a>
  363.                                             <div class="buttons">
  364.                                                 <a href="#" class="view-cart btn btn-solid">Your cart</a>
  365.                                                 <a href="#" class="checkout btn btn-solid">Check out</a>
  366.                                                 <a href="#" class="continue btn btn-solid">Continue shopping</a>
  367.                                             </div>
  369.                                             <div class="upsell_payment">
  370.                                                 <img src="../assets/images/payment_cart.png"
  371.                                                     class="img-fluid blur-up lazyload" alt="">
  372.                                             </div>
  373.                                         </div>
  374.                                     </div>
  375.                                     <div class="product-section">
  376.                                         <div class="col-12 product-upsell text-center">
  377.                                             <h4>Customers who bought this item also.</h4>
  378.                                         </div>
  379.                                         <div class="row" id="upsell_product">
  380.                                             <div class="product-box col-sm-3 col-6">
  381.                                                 <div class="img-wrapper">
  382.                                                     <div class="front">
  383.                                                         <a href="#">
  384.                                                             <img src="../assets/images/fashion/product/1.jpg"
  385.                                                                 class="img-fluid blur-up lazyload mb-1"
  386.                                                                 alt="cotton top">
  387.                                                         </a>
  388.                                                     </div>
  389.                                                     <div class="product-detail">
  390.                                                         <h6><a href="#"><span>cotton top</span></a></h6>
  391.                                                         <h4><span>$25</span></h4>
  392.                                                     </div>
  393.                                                 </div>
  394.                                             </div>
  395.                                             <div class="product-box col-sm-3 col-6">
  396.                                                 <div class="img-wrapper">
  397.                                                     <div class="front">
  398.                                                         <a href="#">
  399.                                                             <img src="../assets/images/fashion/product/34.jpg"
  400.                                                                 class="img-fluid blur-up lazyload mb-1"
  401.                                                                 alt="cotton top">
  402.                                                         </a>
  403.                                                     </div>
  404.                                                     <div class="product-detail">
  405.                                                         <h6><a href="#"><span>cotton top</span></a></h6>
  406.                                                         <h4><span>$25</span></h4>
  407.                                                     </div>
  408.                                                 </div>
  409.                                             </div>
  410.                                             <div class="product-box col-sm-3 col-6">
  411.                                                 <div class="img-wrapper">
  412.                                                     <div class="front">
  413.                                                         <a href="#">
  414.                                                             <img src="../assets/images/fashion/product/13.jpg"
  415.                                                                 class="img-fluid blur-up lazyload mb-1"
  416.                                                                 alt="cotton top">
  417.                                                         </a>
  418.                                                     </div>
  419.                                                     <div class="product-detail">
  420.                                                         <h6><a href="#"><span>cotton top</span></a></h6>
  421.                                                         <h4><span>$25</span></h4>
  422.                                                     </div>
  423.                                                 </div>
  424.                                             </div>
  425.                                             <div class="product-box col-sm-3 col-6">
  426.                                                 <div class="img-wrapper">
  427.                                                     <div class="front">
  428.                                                         <a href="#">
  429.                                                             <img src="../assets/images/fashion/product/19.jpg"
  430.                                                                 class="img-fluid blur-up lazyload mb-1"
  431.                                                                 alt="cotton top">
  432.                                                         </a>
  433.                                                     </div>
  434.                                                     <div class="product-detail">
  435.                                                         <h6><a href="#"><span>cotton top</span></a></h6>
  436.                                                         <h4><span>$25</span></h4>
  437.                                                     </div>
  438.                                                 </div>
  439.                                             </div>
  440.                                         </div>
  441.                                     </div>
  442.                                 </div>
  443.                             </div>
  444.                         </div>
  445.                     </div>
  446.                 </div>
  447.             </div>
  448.         </div>
  449.     </div>
  450.     <!-- Add to cart modal popup end-->
  453.     <!-- tap to top start -->
  454.     <div class="tap-top">
  455.         <div><i class="fa fa-angle-double-up"></i></div>
  456.     </div>
  457.     <!-- tap to top end -->
  459. {% endblock %}
  461.  {% block newsletter %}
  462.                 {% include 'front_end/base/newsletter.twig' %}
  463. {% endblock %}
  465. {% block js %}
  466.     <!-- latest jquery-->
  467.     <script src="{{ asset("assets/js/jquery-3.3.1.min.js") }}"></script>
  469.     <!-- menu js-->
  470.     <script src="{{ asset("assets/js/menu.js") }}"></script>
  472.     <!-- lazyload js-->
  473.     <script src="{{ asset("assets/js/lazysizes.min.js") }}"></script>
  475.     <!-- slick js-->
  476.     <script src="{{ asset("assets/js/slick.js") }}"></script>
  478.     <!-- Bootstrap js-->
  479.     <script src="{{ asset("assets/js/bootstrap.bundle.min.js") }}"></script>
  481.     <!-- Bootstrap Notification js-->
  482.     <script src="{{ asset("assets/js/bootstrap-notify.min.js") }}"></script>
  484.     <!-- Theme js-->
  485.     <script src="{{ asset("assets/js/theme-setting.js") }}"></script>
  486.     <script src="{{ asset("assets/js/script.js") }}"></script>
  488.     <script src="{{ asset('assets/js/modules.js') }}"></script>
  490.     <script>
  491.         $(window).on('load', function () {
  492.             setTimeout(function () {
  493.                 $('#exampleModal').modal('show');
  494.             }, 2500);
  495.         });
  497.         function openSearch() {
  498.             document.getElementById("search-overlay").style.display = "block";
  499.         }
  501.         function closeSearch() {
  502.             document.getElementById("search-overlay").style.display = "none";
  503.         }
  504.     </script>
  505. {% endblock %}