Main/resources/[test]/ry_shops/html/index.html
2025-06-07 08:51:21 +02:00

58 lines
No EOL
3.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>RY SHOPS</title>
<link href="https://fonts.googleapis.com/css?family=Signika" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css"/>
<link href="https://cdn.jsdelivr.net/gh/vaibhav111tandon/vov.css@latest/vov.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="ui" style="display: none;">
<div class="shopContainer">
<div class="shopHeader">
<div class="shopHeader-Title" id="shopTitle"></div>
<div class="shopHeader-Others">
<div class="shopHeader-Others-BasketTotal">
<div class="shopHeader-Others-BasketTotal-Icon">
<i class="bi bi-basket"></i>
</div>
<div class="shopHeader-Others-BasketTotal-Others">
<div class="shopHeader-Others-BasketTotal-Others-Text">Total</div>
<div class="shopHeader-Others-BasketTotal-Others-Total" id="totalcheckout">0$</div>
</div>
</div>
<div class="shopHeader-Others-Exit">
<div class="shopHeader-Others-Exit-Btn" onclick="closeMenu()"><i class="bi bi-x-circle"></i></div>
</div>
</div>
</div>
<div class="shopCategorys" id="shopCategorys"></div>
<div class="shopSearch" id="shopSearch">
<form id="shopSearch-Form">
<input type="text" id="shopSearch-Input" placeholder="Search Product..">
</form>
<div class="shopSearch-ClearBasket"><button id="shopSearch-ClearBasket" onclick="clearBasket()"><i class="bi bi-cart-x"></i></button></div>
</div>
<div class="shopContent">
<div class="shopItems" id="shopItems"></div>
</div>
<div class="shopRightContent">
<div class="noProductsAdded" id="noProductsAdded" style="display: none;"><h1 id="noProductsAdded-Text">Basket Empty</h1></div>
<div class="basketItems" id="basketItems"></div>
</div>
<div class="shopButtonCheckout" id="shopButtonCheckout">
<button class="shopButtonCheckout-Btn" style="margin-right: 0;" id="checkout" onclick="proceedCheckout()">Checkout</button>
<div class="more-btns" id="more-btns"></div>
</div>
</div>
</div>
<script src="js/config.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="js/index.js"></script>
<script src="js/functions.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.1.1/howler.min.js" type="text/javascript"></script>
</body>
</html>