diff --git a/assets/sepatu.png b/assets/sepatu.png new file mode 100644 index 0000000..f665015 Binary files /dev/null and b/assets/sepatu.png differ diff --git a/bag.html b/bag.html new file mode 100644 index 0000000..ac06bd5 --- /dev/null +++ b/bag.html @@ -0,0 +1,124 @@ + + + + + + + Bag + + + + + + + + + + + + +
+

Shopping Bag

+
+ +
+
+ +
+
+
Item
+
Qty
+
Item Price
+
Sub Total
+
+ +
+ +
+
+ +
+

Fashione Shoes

+

Size : 8

+

Qty : 1

+
+
+

Qty

+

Rp 1.999.999,00

+

Rp 1.999.999,00

+
+ +
+
+ +
+

Fashione Shoes

+

Size : 8

+

Qty : 1

+
+
+

Qty

+

Rp 1.999.999,00

+

Rp 1.999.999,00

+
+
+ +
+
+
Order Summary
+
+
+

Sub Total

+

1.999.999,00

+
+
+ +
+
+

Shipping

+

-

+
+
+ +
+
+

Estimate

+

1.999.999,00

+
+
+
+ + + +
+ +
+ + + + + + \ No newline at end of file diff --git a/individualProduct.html b/individualProduct.html new file mode 100644 index 0000000..64cd226 --- /dev/null +++ b/individualProduct.html @@ -0,0 +1,131 @@ + + + + + + + individualProductPage + + + + + + + + + + + +
+
+ +
+
+
+

Fashione Shoes White

+
+
+

+ 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!!! +

+
+
+
+ SIZE +
+ 7     + 8     + 9     +
+
+ +
+ + + +
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/styleIndividualProduct.css b/styleIndividualProduct.css new file mode 100644 index 0000000..467da44 --- /dev/null +++ b/styleIndividualProduct.css @@ -0,0 +1,91 @@ + +.bg-color { + background-color: #1b1c1e; +} + +.comp-color { + background-color: #212226; +} + +.nav-radius { + border-bottom-left-radius: 20px; + border-bottom-right-radius: 20px; +} + +.product { + background-color: 1b1c1e; + font-family: 'Poppins', sans-serif; + display: flex; + margin: 2% 3%; + justify-content: left; + text-align: left; +} + +.description { + color: #ffffff; + font-family: 'Poppins', sans-serif; + margin: 0 0%; + justify-content: center; + text-align: left; +} + +.button { + background-color: #c2f706; + border: none; + color: black; + padding: 10px 20px; + text-align: center; + text-decoration: none; + display: inline-block; + margin: 4px 2px; + cursor: pointer; + border-radius: 16px; + } + + .modal { + display: none; + position: fixed; + z-index: 1; + padding-top: 100px; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0,0,0); + background-color: rgba(0,0,0,0.4); + } + + .modal-content { + background-color: #fefefe; + margin: auto; + padding: 20px; + border: 1px solid #888; + width: 80%; + } + + .close { + color: #aaaaaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + } + + + + + + + + + + + + \ No newline at end of file diff --git a/stylebag.css b/stylebag.css new file mode 100644 index 0000000..675dbd5 --- /dev/null +++ b/stylebag.css @@ -0,0 +1,57 @@ +.bg-color { + background-color: #1b1c1e; +} + +.comp-color { + background-color: #212226; +} + +.nav-radius { + border-bottom-left-radius: 20px; + border-bottom-right-radius: 20px; +} + +.title{ + color: white; + font-family: 'Poppins', sans-serif; + display: flex; + margin: 2% 3%; + justify-content: left; + text-align: left; + background-color: 1b1c1e; +} + +.bag-body{ + background-color: 1b1c1e; + color: white; + font-family: 'Poppins', sans-serif; + display: flex; + justify-content: left; + text-align: left; +} + +.bag-list{ + display: flex; + color: white; + border-bottom: 1px solid white; + background-color: 1b1c1e; + font-family: 'Poppins', sans-serif; + margin-bottom: 1%; + justify-content: left; + text-align: left; +} + + +.body-right{ + margin-left: 30px; + color: white; + width: 30%; + height: 100%; + +} + +.button{ + color: white; + background-color: green; + margin-top: 15px; +}