Husky/shop
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Damian Wessels
2023-11-10 15:57:52 +01:00
commit eb87e1912f
351 changed files with 51965 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

237
templates/layout.html Normal file
View File

@@ -0,0 +1,237 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<title>More - TCG Webshop</title>
<!-- Fonts -->
<link
href="https://fonts.googleapis.com/css?family=Poppins:200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap"
rel="stylesheet"/>
<!-- Icons -->
<link href="/public/css/nucleo-icons.css" rel="stylesheet"/>
<link href="/public/css/font-awesome.css" rel="stylesheet"/>
<!-- Jquery UI -->
<link type="text/css" href="/public/css/jquery-ui.css" rel="stylesheet"/>
<!-- Argon CSS -->
<link type="text/css" href="/public/css/argon-design-system.min.css" rel="stylesheet"/>
<!-- Main CSS-->
<link type="text/css" href="/public/css/style.css" rel="stylesheet"/>
<!-- Optional Plugins-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css"/>
</head>
<body>
<header class="header clearfix">
<div class="top-bar d-none d-sm-block">
<div class="container">
<div class="row">
<div class="col-6 text-left">
<ul class="top-links contact-info">
<li><i class="fa fa-envelope-o"></i> <a href="#">info@ww-tech.de</a></li>
<li><i class="fa fa-whatsapp"></i> +1 5589 55488 55</li>
</ul>
</div>
<div class="col-6 text-right">
<ul class="top-links account-links">
{{ if .user }}
<li><i class="fa fa-user-circle-o"></i> <a href="/profile">{{ .user.FirstName }}</a></li>
<li><i class="fa fa-power-off"></i> <a href="/logout">Ausloggen</a></li>
{{ else }}
<li><i class="fa fa-user-circle-o"></i> <a href="/register">Benutzerkonto erstellen</a></li>
<li><i class="fa fa-power-off"></i> <a href="/login">Einloggen</a></li>
{{ end }}
</ul>
</div>
</div>
</div>
</div>
<div class="header-main border-top">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3 col-12 col-sm-6">
<a class="navbar-brand mr-lg-5" href="/">
<i class="fa fa-shopping-bag fa-3x"></i> <span class="logo">More-TCG</span>
</a>
</div>
<div class="col-lg-7 col-12 col-sm-6">
<form action="#" class="search">
<div class="input-group w-100">
<input type="text" class="form-control" placeholder="Search"/>
<div class="input-group-append">
<button class="btn btn-primary" type="submit">
<i class="fa fa-search"></i>
</button>
</div>
</div>
</form>
</div>
<div class="col-lg-2 col-12 col-sm-6">
<div class="right-icons pull-right d-none d-lg-block">
<div class="single-icon wishlist">
<a href="#"><i class="fa fa-heart-o fa-2x"></i></a>
<span class="badge badge-default">5</span>
</div>
<div class="single-icon shopping-cart">
<a href="#"><i class="fa fa-shopping-cart fa-2x"></i></a>
<span class="badge badge-default">4</span>
</div>
</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-main navbar-expand-lg navbar-light border-top border-bottom">
<div class="container">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main_nav"
aria-controls="main_nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="main_nav">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Impressum</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#"
aria-expanded="true">Pages</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="/products">Products</a>
<a class="dropdown-item" href="product-detail.html">Product Detail</a>
<a class="dropdown-item" href="cart.html">Cart</a>
<a class="dropdown-item" href="checkout.html">Checkout</a>
</div>
</li>
</ul>
</div> <!-- collapse .// -->
</div> <!-- container .// -->
</nav>
</header>
{{ yield }}
<footer class="footer bg-primary">
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-6 col-12">
<!-- Single Widget -->
<div class="single-footer about">
<div class="logo-footer">
<i class="fa fa-shopping-bag fa-3x"></i> <span class="logo">More-TCG</span>
</div>
<p class="text">Ihr Onlineshop für Sammelkarten. Besser als bei Mike 1</p>
<p class="call">Haben Sie Fragen? Rufen Sie Stefan Rolfes an 24/7<span><a href="tel:123456789">+0123 456
789</a></span></p>
</div>
<!-- End Single Widget -->
</div>
<div class="col-lg-2 col-md-6 col-12">
<!-- Single Widget -->
<div class="single-footer links">
<h4>Information</h4>
<ul>
<li><a href="#">Über uns</a></li>
<li><a href="#">Fragen unt Antworten</a></li>
<li><a href="#">AGB's</a></li>
<li><a href="#">Kontaktiere uns</a></li>
<li><a href="#">Hilfe</a></li>
</ul>
</div>
<!-- End Single Widget -->
</div>
<div class="col-lg-2 col-md-6 col-12">
<!-- Single Widget -->
<div class="single-footer links">
<h4>Services</h4>
<ul>
<li><a href="#">Bezahlmethoden</a></li>
<!--<li><a href="#">Money-back</a></li>-->
<li><a href="#">Returns</a></li>
<li><a href="#">Versandskosten</a></li>
<li><a href="#">Datenschutz</a></li>
</ul>
</div>
<!-- End Single Widget -->
</div>
<div class="col-lg-3 col-md-6 col-12">
<!-- Single Widget -->
<div class="single-footer social">
<h4>Bleib in Verbindung</h4>
<!-- Single Widget -->
<div class="contact">
<ul>
<li>WW - Tech UG</li>
<li>Dät Haartje 27A</li>
<li>26683 Saterland</li>
<li>info@ww-tech.de</li>
<li>+032 3456 7890</li>
</ul>
</div>
<!-- End Single Widget -->
<ul>
<li><a href="#"><i class="ti-facebook"></i></a></li>
<li><a href="#"><i class="ti-twitter"></i></a></li>
<li><a href="#"><i class="ti-flickr"></i></a></li>
<li><a href="#"><i class="ti-instagram"></i></a></li>
</ul>
</div>
<!-- End Single Widget -->
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="container">
<div class="copyright-inner border-top">
<div class="row">
<div class="col-lg-6 col-12">
<div class="left">
<p>Copyright © 2023 <a href="https://de.wikipedia.org/wiki/VW_Golf_IV#/media/Datei:Golf_IV_Highline.JPG" target="_blank">Nikolei Seitz</a> -
All Rights Reserved.</p>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="right pull-right">
<ul class="payment-cards">
<li><i class="fa fa-cc-paypal"></i></li>
<!--<li><i class="fa fa-cc-amex"></i></li>
<li><i class="fa fa-cc-mastercard"></i></li>
<li><i class="fa fa-cc-stripe"></i></li>-->
<li><i class="fa fa-cc-visa"></i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- Core -->
<script src="/public/js/core/jquery.min.js"></script>
<script src="/public/js/core/popper.min.js"></script>
<script src="/public/js/core/bootstrap.min.js"></script>
<script src="/public/js/core/jquery-ui.min.js"></script>
<!-- Optional plugins -->
<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
<!-- Argon JS -->
<script src="/public/js/argon-design-system.js"></script>
<!-- Main JS-->
<script src="/public/js/main.js"></script>
</body>
</html>

188
templates/pages/home.html Normal file
View File

@@ -0,0 +1,188 @@
{{ define "home" }}
<section class="slider-section pt-4 pb-4">
<div class="container">
<div class="slider-inner">
<div class="row">
<div class="col-md-3">
<nav class="nav-category">
<h2>Kategorien</h2>
<ul class="menu-category">
<li><a href="#">YU - GI - OH</a></li>
<li><a href="#">My Little Pony</a></li>
<li><a href="#">One Piece</a></li>
<!--<li><a href="#">Baby and Toys</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Digital Goods</a></li>-->
</ul>
</nav>
</div>
<div class="col-md-9">
<div id="carouselExampleIndicators" class="carousel slide carousel-fade" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner shadow-sm rounded">
<div class="carousel-item active">
<img class="d-block w-100" src="https://cdn1.epicgames.com/spt-assets/441b22f4c4414997a2994eba40e60daf/my-little-pony-a-maretime-bay-adventure-video-n33x0.png" alt="First slide">
<div class="carousel-caption d-none d-md-block">
<h5>Mountains, Nature Collection</h5>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="https://occ-0-2794-2219.1.nflxso.net/dnm/api/v6/E8vDc_W8CLv7-yMQu8KMEC7Rrr8/AAAABUX2KYwwhnfPwUIGOPB6DKz-f2tiWG2I1yE0swf9FQihfCjOYZg0eKiWdtExO4N0kjwkAWuTFhu1eLD2eesOqjtxsI0BaBdkFCRp.jpg?r=219" alt="Second slide">
<div class="carousel-caption d-none d-md-block">
<h5>Freedom, Sea Collection</h5>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="/public/img/slides/slide3.jpg" alt="Third slide">
<div class="carousel-caption d-none d-md-block">
<h5>Living the Dream, Lost Island</h5>
</div>
</div>
</div>
</div>
<!-- End Slider -->
</div>
</div>
</div>
</div>
</section>
<!-- Services -->
<section class="pt-5 pb-5">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="media">
<div class="iconbox iconmedium rounded-circle text-info mr-4">
<i class="fa fa-truck"></i>
</div>
<div class="media-body">
<h5>Schnelles Versenden</h5>
<p class="text-muted">
All Ihre Sachen werden Schnell versendet, besser als bei Michael Brauer
</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="media">
<div class="iconbox iconmedium rounded-circle text-purple mr-4">
<i class="fa fa-credit-card-alt"></i>
</div>
<div class="media-body">
<h5>Online Payment</h5>
<p class="text-muted">
All you have to do is to bring your passion. We take care of the rest.
</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="media">
<div class="iconbox iconmedium rounded-circle text-warning mr-4">
<i class="fa fa-refresh"></i>
</div>
<div class="media-body">
<h5>Free Return</h5>
<p class="text-muted">
All you have to do is to bring your passion. We take care of the rest.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Services -->
<section class="products-grids trending pb-4">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title">
<h2>Tolle Sachen</h2>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-xl-3 col-lg-4 col-md-4 col-12">
<div class="single-product">
<div class="product-img">
<a href="product-detail.html">
<img src="https://lastdraw.s3.amazonaws.com/files/images/shop/products/large/c61021b14fc3677d1638c4d938281b29.jpg" class="img-fluid" />
</a>
</div>
<div class="product-content">
<h3><a href="product-detail.html">Cool &amp; Awesome Item</a></h3>
<div class="product-price">
<span>$57.00</span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-12">
<div class="single-product">
<div class="product-img">
<a href="product-detail.html">
<img src="https://lastdraw.s3.amazonaws.com/files/images/shop/products/large/1ca7bb03d921c58576cd9cac69f75fa5.jpg" class="img-fluid" />
</a>
</div>
<div class="product-content">
<h3><a href="product-detail.html">Cool &amp; Awesome Item</a></h3>
<div class="product-price">
<span>$57.00</span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-12">
<div class="single-product">
<div class="product-img">
<a href="product-detail.html">
<img src="https://lastdraw.s3.amazonaws.com/files/images/shop/products/medium/f3df570535e6908a964e0efecde6a5ea.jpg" class="img-fluid" />
</a>
</div>
<div class="product-content">
<h3><a href="product-detail.html">Cool &amp; Awesome Item</a></h3>
<div class="product-price">
<span>$57.00</span>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-4 col-12">
<div class="single-product">
<div class="product-img">
<a href="product-detail.html">
<img src="https://lastdraw.s3.amazonaws.com/files/images/shop/products/medium/df2f282af73cd672ac1d97709b576328.jpg" class="img-fluid" />
</a>
</div>
<div class="product-content">
<h3><a href="product-detail.html">Cool &amp; Awesome Item</a></h3>
<div class="product-price">
<span>$57.00</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--<section class="mobile-apps pt-5 pb-3 border-top">
<div class="container">
<div class="row">
<div class="col-md-6">
<h3>Download apps</h3>
<p>Get an amazing app to make Your life easy</p>
</div>
<div class="col-md-6 text-md-right">
<a href="#"><img src="/public/img/appstore.png" height="40"></a>
<a href="#"><img src="/public/img/appstore.png" height="40"></a>
</div>
</div> <!-- row.// -->
<!--</div><!-- container // -->
<!--</section>-->
{{ end }}