nekoya/web
nekoya/web
1
0
Fork 0
mirror of https://gitlab.com/nekoya/web.git synced 2024-11-29 19:52:39 +01:00
Code Issues Projects Releases Packages 1 Wiki Activity
web/product.html

132 lines
6.6 KiB
HTML
Raw Normal View History

add individual product and bag page with css, add img.
2021-09-13 07:18:32 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Modif product and bag page
2021-09-14 14:24:32 +02:00
<title>product</title>
<link rel="stylesheet" href="styleproduct.css">
Modif product, bag and checkout
2021-09-13 11:31:07 +02:00
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
add individual product and bag page with css, add img.
2021-09-13 07:18:32 +02:00
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
</head>
<body class="bg-color">
<nav class="navbar navbar-expand-lg navbar-dark comp-color ml-5 mr-5 nav-radius">
Modif product, bag and checkout
2021-09-13 11:31:07 +02:00
<a class="navbar-brand" href="#">Details Products</a>
add individual product and bag page with css, add img.
2021-09-13 07:18:32 +02:00
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01"
aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo01">
<ul class="navbar-nav mx-auto">
<li class="nav-item active">
<a class="nav-link" href="/">Home</a>
</li>
<li class="nav-item">
Modif product, bag and checkout
2021-09-13 11:31:07 +02:00
<a class="nav-link disabled" href="/products-page.html" aria-disabled="true">Products</a>
add individual product and bag page with css, add img.
2021-09-13 07:18:32 +02:00
</li>
<li class="nav-item">
Modif product, bag and checkout
2021-09-13 11:31:07 +02:00
<a class="nav-link" href="/aboutus.html">About Us</a>
add individual product and bag page with css, add img.
2021-09-13 07:18:32 +02:00
</li>
</ul>
<span class="navbar-nav my-2 my-lg-0 text-white">
Modif product, bag and checkout
2021-09-13 11:31:07 +02:00
<a href="/loginPage.html"><button type="button" class="btn btn-outline-success mt-auto mb-auto mr-3">Login</button></a>
add individual product and bag page with css, add img.
2021-09-13 07:18:32 +02:00
<i class="fas fa-shopping-cart mt-auto mb-auto"><span class="ml-2 mt-auto mb-auto">$999</span></i>
</span>
</div>
</nav>
Modif product and bag page
2021-09-14 14:24:32 +02:00
<div class="card" style="background-color: #212226 ; border-radius: 20px; margin-top: 20px; ">
<div class="product">
<img src="assets/sepatu.png" alt="placeholder image" class="img-fluid" />
<div class="description">
<div style="margin-left: 20px;">
<h1>Fashione Shoes White</h1>
</div>
<div>
<p class="card-body" >
Bahan MeshReady Size 39-43 Silahkan order Sesuai dengan variasi yang diinginkan! Tidak menerima perubahan Warna dan size
lewat Chat!!! Toko Pandu Store menjual Berbagai Macam Perlengkapan dan Keperluan Anda sehari-hari! Silahkan Kunjungi Toko
kami Pandu Store untuk mengetahui apa saja barang yang kami Jual. Kebanyakan Barang yang Kami jual adalah Barang hasil Produksi
sendiri dengan mengutamakan Kualitas dan kenyamanan saat digunakan Pembeli! Kesesuaian Foto 90% Membeli = Sudah Membaca informasi
ini Happy Shoping!!!
</p>
</div>
<div class="sizeSepatu">
<form>
SIZE
<br>
<input type="radio" name="size"> 7 &emsp; &emsp;
<input type="radio" name="size"> 8 &emsp; &emsp;
<input type="radio" name="size"> 9 &emsp; &emsp;
</form>
</div>
<div style="display: flex; color: black;">
<button id="myBtn" class="button">Add to Cart</button>
<div id="myModal" class="modal">
<div class="modal-content">
<span class="close">&times;</span>
<h2><b>SUCCESSFULLY ADDED TO BAG</b></h2>
<div class="konten" >
<img src="assets/sepatu.png" alt="placeholder image" class="img-fluid" width="200px" height="200px">
<div style="padding-left: 20px; padding-right: 20px;">
<h3>Fashione Shoes White</h3>
<br>
<h5><b>Rp 1.999.999,00</b></h5>
<P>Total : 1</P>
</div>
<div style="padding-left: 20px; border-left: 1px solid black; padding-right: 20px;">
<h5><b>Your Bag</b></h5>
<br>
<p style="border-bottom: 1px solid black ;">Product Cost : Rp 1.999.999,00</p>
<p>Total Product Cost : Rp 1.999.999,00</p>
</div>
<div style="padding-left: 20px; border-left: 1px solid black;">
<a href="bag.html"> <button class="button" style="background-color: aqua;">Bag</button></a>
<a href="checkout.html"> <button class="button" style="background-color: green; color: white" >Checkout</button></a>
</div>
add individual product and bag page with css, add img.
2021-09-13 07:18:32 +02:00
</div>
</div>
Modif product and bag page
2021-09-14 14:24:32 +02:00
add individual product and bag page with css, add img.
2021-09-13 07:18:32 +02:00
</div>
</div>
Modif product and bag page
2021-09-14 14:24:32 +02:00
<br>
<br>
add individual product and bag page with css, add img.
2021-09-13 07:18:32 +02:00
</div>
Modif product and bag page
2021-09-14 14:24:32 +02:00
</div>
add individual product and bag page with css, add img.
2021-09-13 07:18:32 +02:00
</div>
Modif product, bag and checkout
2021-09-13 11:31:07 +02:00
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
add individual product and bag page with css, add img.
2021-09-13 07:18:32 +02:00
<script>
var modal = document.getElementById("myModal");
Modif product, bag and checkout
2021-09-13 11:31:07 +02:00
add individual product and bag page with css, add img.
2021-09-13 07:18:32 +02:00
var btn = document.getElementById("myBtn");
Modif product, bag and checkout
2021-09-13 11:31:07 +02:00
add individual product and bag page with css, add img.
2021-09-13 07:18:32 +02:00
var span = document.getElementsByClassName("close")[0];
Modif product, bag and checkout
2021-09-13 11:31:07 +02:00
btn.onclick = function() {
modal.style.display = "block";
add individual product and bag page with css, add img.
2021-09-13 07:18:32 +02:00
}
Modif product, bag and checkout
2021-09-13 11:31:07 +02:00
span.onclick = function() {
modal.style.display = "none";
Fix naming
2021-09-13 11:00:29 +02:00
}
Modif product, bag and checkout
2021-09-13 11:31:07 +02:00
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
add individual product and bag page with css, add img.
2021-09-13 07:18:32 +02:00
}
</script>
</body>
</html>
Reference in a new issue Copy permalink