204 lines
6.8 KiB
PHP
204 lines
6.8 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
|
|
|
|
<title>Lugx Gaming Shop HTML5 Template</title>
|
|
|
|
<!-- Bootstrap core CSS -->
|
|
<link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
|
|
|
|
|
|
<!-- Additional CSS Files -->
|
|
<link rel="stylesheet" href="{{ asset('css/fontawesome.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('css/templatemo-lugx-gaming.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('css/owl.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('css/animate.css') }}">
|
|
<link rel="stylesheet"href="https://unpkg.com/swiper@7/swiper-bundle.min.css"/>
|
|
<!--
|
|
|
|
TemplateMo 589 lugx gaming
|
|
|
|
https://templatemo.com/tm-589-lugx-gaming
|
|
|
|
-->
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- ***** Header Area Start ***** -->
|
|
<header class="header-area header-sticky">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<nav class="main-nav">
|
|
<!-- ***** Logo Start ***** -->
|
|
<a href="index.html" class="logo">
|
|
<img src={{ asset('img/logo.png') }} alt="" style="width: 158px;">
|
|
</a>
|
|
<!-- ***** Logo End ***** -->
|
|
<!-- ***** Menu Start ***** -->
|
|
<ul class="nav">
|
|
<li><a href="index.html" class="active">Home</a></li>
|
|
<li><a href="shop.html">Ekstrakurikuler</a></li>
|
|
<li><a href="#">Login/Register</a></li>
|
|
</ul>
|
|
<a class='menu-trigger'>
|
|
<span>Menu</span>
|
|
</a>
|
|
<!-- ***** Menu End ***** -->
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!-- ***** Header Area End ***** -->
|
|
|
|
<div class="main-banner">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6 align-self-center">
|
|
<div class="caption header-text">
|
|
<h2>BEST GAMING SITE EVER!</h2>
|
|
<h6>Welcome to lugx</h6>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 offset-lg-2">
|
|
<div class="right-image">
|
|
<img src="{{ asset('img/banner-image.jpg') }}" alt="">
|
|
<span class="price">$22</span>
|
|
<span class="offer">-40%</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="features">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-6">
|
|
<a href="#">
|
|
<div class="item">
|
|
<div class="image">
|
|
<img src="{{ asset('img/featured-01.png') }}" alt="" style="max-width: 44px;">
|
|
</div>
|
|
<h4>Olahraga</h4>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<a href="#">
|
|
<div class="item">
|
|
<div class="image">
|
|
<img src="{{ asset('img/featured-02.png') }}" alt="" style="max-width: 44px;">
|
|
</div>
|
|
<h4>Seni</h4>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<a href="#">
|
|
<div class="item">
|
|
<div class="image">
|
|
<img src="{{ asset('img/featured-04.png') }}" alt="" style="max-width: 44px;">
|
|
</div>
|
|
<h4>KSM</h4>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section trending">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div class="section-heading">
|
|
<h4>Ekstrakurikuler</h4>
|
|
<h6>Daftar Ekstrakurikuler MAN 3 Banyuwangi</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="item">
|
|
<div class="thumb">
|
|
<a href="product-details.html"><img src="{{ asset('img/trending-01.jpg') }}" alt=""></a>
|
|
<span class="price"><em>$28</em>$20</span>
|
|
</div>
|
|
<div class="down-content">
|
|
<span class="category">Action</span>
|
|
<h4>Assasin Creed</h4>
|
|
<a href="product-details.html"><i class="fa fa-shopping-bag"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="item">
|
|
<div class="thumb">
|
|
<a href="product-details.html"><img src="{{ asset('img/trending-02.jpg') }}" alt=""></a>
|
|
<span class="price">$44</span>
|
|
</div>
|
|
<div class="down-content">
|
|
<span class="category">Action</span>
|
|
<h4>Assasin Creed</h4>
|
|
<a href="product-details.html"><i class="fa fa-shopping-bag"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="item">
|
|
<div class="thumb">
|
|
<a href="product-details.html"><img src="{{ asset('img/trending-02.jpg') }}" alt=""></a>
|
|
<span class="price"><em>$64</em>$44</span>
|
|
</div>
|
|
<div class="down-content">
|
|
<span class="category">Action</span>
|
|
<h4>Assasin Creed</h4>
|
|
<a href="product-details.html"><i class="fa fa-shopping-bag"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6">
|
|
<div class="item">
|
|
<div class="thumb">
|
|
<a href="product-details.html"><img src="{{ asset('img/trending-02.jpg') }}" alt=""></a>
|
|
<span class="price">$32</span>
|
|
</div>
|
|
<div class="down-content">
|
|
<span class="category">Action</span>
|
|
<h4>Assasin Creed</h4>
|
|
<a href="product-details.html"><i class="fa fa-shopping-bag"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<div class="col-lg-12">
|
|
<p>Copyright © 2048 LUGX Gaming Company. All rights reserved. <a rel="nofollow" href="https://templatemo.com" target="_blank">Design: TemplateMo</a></p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Scripts -->
|
|
<!-- Bootstrap core JavaScript -->
|
|
<script src="{{ asset('/js/jquery.min.js') }}"></script>
|
|
<script src="{{ asset('/js/bootstrap.min.js') }}"></script>
|
|
<script src="{{ asset('/js/isotope.min.js') }}"></script>
|
|
<script src="{{ asset('/js/owl-carousel.js') }}"></script>
|
|
<script src="{{ asset('/js/counter.js') }}"></script>
|
|
<script src="{{ asset('/js/custom.js') }}"></script>
|
|
|
|
</body>
|
|
</html>
|