From 26a2d849ea9b240401e4d018861a09812eb93878 Mon Sep 17 00:00:00 2001
From: moepoi <moepoi@protonmail.com>
Date: Thu, 23 Sep 2021 11:17:36 +0700
Subject: [PATCH] Migrate all png/jpg image assets to WebP format
---
bag.html | 8 ++--
checkout.html | 8 ++--
faq.html | 4 +-
forgot-password.html | 4 +-
index.html | 58 ++++++++++++++--------------
login.html | 6 +--
otp.html | 4 +-
payment.html | 10 ++---
product-list.html | 4 +-
product.html | 6 +--
register-verification-completed.html | 4 +-
register-verification-sent.html | 4 +-
register.html | 4 +-
transaction.html | 4 +-
14 files changed, 64 insertions(+), 64 deletions(-)
diff --git a/bag.html b/bag.html
index 9e16030..bc1e581 100644
--- a/bag.html
+++ b/bag.html
@@ -7,7 +7,7 @@
<title>bag</title>
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" rel="stylesheet">
- <link href="assets/favicon.png" rel="shortcut icon" type="image/png"/>
+ <link href="assets/favicon.webp" rel="shortcut icon" type="image/png"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com" rel="preconnect">
<link crossorigin href="https://fonts.gstatic.com" rel="preconnect">
@@ -129,7 +129,7 @@
<div class="card-body">
<div class="row">
<div class="col-sm-7 col-md-6 col-lg-4">
- <img alt="placeholder image" class="img-fluid" src="assets/sepatu.png" width="180px" height="180px"/>
+ <img alt="placeholder image" class="img-fluid" src="assets/sepatu.webp" width="180px" height="180px"/>
</div>
<div class="col-sm-5 col-md-6 col-lg-8">
<p>Fashione Shoes</p>
@@ -155,7 +155,7 @@
<div class="card-body">
<div class="row">
<div class="col-sm-7 col-md-6 col-lg-4">
- <img alt="placeholder image" class="img-fluid" src="assets/sepatu.png" width="180px" height="180px"/>
+ <img alt="placeholder image" class="img-fluid" src="assets/sepatu.webp" width="180px" height="180px"/>
</div>
<div class="col-sm-5 col-md-6 col-lg-8">
<p>Fashione Shoes</p>
@@ -181,7 +181,7 @@
<div class="card-body">
<div class="row">
<div class="col-sm-7 col-md-6 col-lg-4">
- <img alt="placeholder image" class="img-fluid" src="assets/sepatu.png" width="180px" height="180px"/>
+ <img alt="placeholder image" class="img-fluid" src="assets/sepatu.webp" width="180px" height="180px"/>
</div>
<div class="col-sm-5 col-md-6 col-lg-8">
<p>Fashione Shoes</p>
diff --git a/checkout.html b/checkout.html
index 5bd5a90..dad6460 100644
--- a/checkout.html
+++ b/checkout.html
@@ -7,7 +7,7 @@
<title>checkout</title>
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" rel="stylesheet">
- <link href="assets/favicon.png" rel="shortcut icon" type="image/png"/>
+ <link href="assets/favicon.webp" rel="shortcut icon" type="image/png"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com" rel="preconnect">
<link crossorigin href="https://fonts.gstatic.com" rel="preconnect">
@@ -292,7 +292,7 @@
<tbody>
<tr class="titletrdes">
<th scope="row" style="display: flex;"><img alt="placeholder image" class="img" height="80px"
- src="assets/sepatu.png" width="80px">
+ src="assets/sepatu.webp" width="80px">
<div class="info">
<p>Fashione Shoes</p>
<p>Size : 8</p>
@@ -305,7 +305,7 @@
</tr>
<tr>
<th scope="row" style="display: flex;"><img alt="placeholder image" class="img" height="80px"
- src="assets/sepatu.png" width="80px">
+ src="assets/sepatu.webp" width="80px">
<div class="info">
<p>Fashione Shoes</p>
<p>Size : 8</p>
@@ -318,7 +318,7 @@
</tr>
<tr>
<th scope="row" style="display: flex;"><img alt="placeholder image" class="img" height="80px"
- src="assets/sepatu.png" width="80px">
+ src="assets/sepatu.webp" width="80px">
<div class="info">
<p>Fashione Shoes</p>
<p>Size : 8</p>
diff --git a/faq.html b/faq.html
index f8d37e4..61dcb5e 100644
--- a/faq.html
+++ b/faq.html
@@ -5,7 +5,7 @@
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
- <link href="assets/favicon.png" rel="shortcut icon" type="image/png"/>
+ <link href="assets/favicon.webp" rel="shortcut icon" type="image/png"/>
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
@@ -39,7 +39,7 @@
<body class="bg-color">
<nav class="navbar navbar-expand-lg navbar-dark comp-color ml-5 mr-5 nav-radius">
- <a href="/"><img alt="Banner" class="navbar-brand" height="80" src="assets/logo_transparent.png"
+ <a href="/"><img alt="Banner" class="navbar-brand" height="80" src="assets/logo_transparent.webp"
style="margin-top: 0%;" width="80"></a>
<button aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"
data-target="#navbarTogglerDemo01" data-toggle="collapse" type="button">
diff --git a/forgot-password.html b/forgot-password.html
index f4c28cb..a58fe32 100644
--- a/forgot-password.html
+++ b/forgot-password.html
@@ -5,7 +5,7 @@
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
- <link href="assets/favicon.png" rel="shortcut icon" type="image/png"/>
+ <link href="assets/favicon.webp" rel="shortcut icon" type="image/png"/>
<title>Forgot Password Page</title>
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" rel="stylesheet">
@@ -177,7 +177,7 @@
<body>
<nav class="navbar navbar-dark nav-color ml-5 mr-5 nav-radius">
- <img alt="Banner" class="navbar-brand" src="assets/logo_transparent.png" style="margin-top: 0%;" width="5%">
+ <img alt="Banner" class="navbar-brand" src="assets/logo_transparent.webp" style="margin-top: 0%;" width="5%">
<ul class="navbar-nav">
<li class="nav-item">
<a style="color: white; font-size: 16pt;">Forgot Password Page</a>
diff --git a/index.html b/index.html
index ba37181..97a59cc 100644
--- a/index.html
+++ b/index.html
@@ -17,7 +17,7 @@
</head>
<body class="bg-color">
<nav class="navbar navbar-expand-lg navbar-dark nav-color ml-5 mr-5 nav-radius">
- <a href="/"><img alt="Banner" class="navbar-brand" height="80" src="assets/logo_transparent.png"
+ <a href="/"><img alt="Banner" class="navbar-brand" height="80" src="assets/logo_transparent.webp"
style="margin-top: 0%;" width="80"></a>
<button aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation"
class="navbar-toggler"
@@ -59,13 +59,13 @@
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
- <img class="d-block w-100" src="assets/Carousel_1.jpg" alt="First slide" height="550px">
+ <img class="d-block w-100" src="assets/Carousel_1.webp" alt="First slide" height="550px">
</div>
<div class="carousel-item">
- <img class="d-block w-100" src="assets/Carousel_2.jpg" alt="Second slide" height="550px">
+ <img class="d-block w-100" src="assets/Carousel_2.webp" alt="Second slide" height="550px">
</div>
<div class="carousel-item">
- <img class="d-block w-100" src="assets/Carousel_3.jpg" alt="Third slide" height="550px">
+ <img class="d-block w-100" src="assets/Carousel_3.webp" alt="Third slide" height="550px">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
@@ -85,7 +85,7 @@
<div class="container">
<div class="row justify-content-center">
<div class="col-md-4">
- <div class="banner_item align-item-center" style="background-image: url(assets/banner_1.jpg);">
+ <div class="banner_item align-item-center" style="background-image: url(assets/banner_1.webp);">
<div class="banner_category">
<a href="#">Women's</a>
</div>
@@ -93,7 +93,7 @@
</div>
<div class="col-md-4">
- <div class="banner_item align-item-center" style="background-image: url(assets/banner_2.jpg);">
+ <div class="banner_item align-item-center" style="background-image: url(assets/banner_2.webp);">
<div class="banner_category">
<a href="#">Men's</a>
</div>
@@ -137,7 +137,7 @@
<div class="product-item men">
<div class="product product_filter">
<div class="product_image">
- <img src="assets/Product_1.png" alt="product_1">
+ <img src="assets/Product_1.webp" alt="product_1">
</div>
<div class="favorite favorite_left"></div>
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
@@ -153,7 +153,7 @@
<div class="product-item women">
<div class="product product_filter">
<div class="product_image">
- <img src="assets/Product_2.png" alt="product_2">
+ <img src="assets/Product_2.webp" alt="product_2">
</div>
<div class="favorite favorite_left"></div>
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
@@ -169,7 +169,7 @@
<div class="product-item women">
<div class="product product_filter">
<div class="product_image">
- <img src="assets/Product_3.png" alt="product_3">
+ <img src="assets/Product_3.webp" alt="product_3">
</div>
<div class="favorite favorite_left"></div>
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
@@ -185,7 +185,7 @@
<div class="product-item women">
<div class="product product_filter">
<div class="product_image">
- <img src="assets/Product_4.png" alt="product_4">
+ <img src="assets/Product_4.webp" alt="product_4">
</div>
<div class="favorite favorite_left"></div>
<div class="product_info">
@@ -198,7 +198,7 @@
<div class="product-item women men">
<div class="product product_filter">
<div class="product_image">
- <img src="assets/Product_5.png" alt="product_5">
+ <img src="assets/Product_5.webp" alt="product_5">
</div>
<div class="favorite favorite_left"></div>
<div class="product_info">
@@ -211,7 +211,7 @@
<div class="product-item men">
<div class="product discount product_filter">
<div class="product_image">
- <img src="assets/Product_6.png" alt="product_6">
+ <img src="assets/Product_6.webp" alt="product_6">
</div>
<div class="favorite favorite_left"></div>
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
@@ -227,7 +227,7 @@
<div class="product-item women">
<div class="product product_filter">
<div class="product_image">
- <img src="assets/Product_7.png" alt="product_7">
+ <img src="assets/Product_7.webp" alt="product_7">
</div>
<div class="favorite favorite_left"></div>
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
@@ -243,7 +243,7 @@
<div class="product-item women men">
<div class="product product_filter">
<div class="product_image">
- <img src="assets/Product_8.png" alt="product_8">
+ <img src="assets/Product_8.webp" alt="product_8">
</div>
<div class="favorite favorite_left"></div>
<div class="product_info">
@@ -256,7 +256,7 @@
<div class="product-item men">
<div class="product product_filter">
<div class="product_image">
- <img src="assets/Product_9.png" alt="product_9">
+ <img src="assets/Product_9.webp" alt="product_9">
</div>
<div class="favorite favorite_left"></div>
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
@@ -272,7 +272,7 @@
<div class="product-item men">
<div class="product product_filter">
<div class="product_image">
- <img src="assets/Product_10.png" alt="product_1">
+ <img src="assets/Product_10.webp" alt="product_1">
</div>
<div class="favorite favorite_left"></div>
<div class="product_info">
@@ -288,7 +288,7 @@
</div>
</div>
-<div class="main_slider" style="background-image: url(assets/slider_1.jpg);">
+<div class="main_slider" style="background-image: url(assets/slider_1.webp);">
<div class="container fill_hight">
<div class="row align-items-center fill_hight" style="margin-top: -4%;">
<div class="col">
@@ -319,7 +319,7 @@
<div class="product-item men">
<div class="product discount product_filter">
<div class="product_image">
- <img src="assets/Product_1.png" alt="product_1">
+ <img src="assets/Product_1.webp" alt="product_1">
</div>
<div class="favorite favorite_left"></div>
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
@@ -336,7 +336,7 @@
<div class="product-item women">
<div class="product product_filter">
<div class="product_image">
- <img src="assets/Product_2.png" alt="product_2">
+ <img src="assets/Product_2.webp" alt="product_2">
</div>
<div class="favorite favorite_left"></div>
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
@@ -354,7 +354,7 @@
<div class="product-item women">
<div class="product product_filter">
<div class="product_image">
- <img src="assets/Product_3.png" alt="product_3">
+ <img src="assets/Product_3.webp" alt="product_3">
</div>
<div class="favorite favorite_left"></div>
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
@@ -373,7 +373,7 @@
<div class="product-item accessories">
<div class="product product_filter">
<div class="product_image">
- <img src="assets/Product_4.png" alt="product_4">
+ <img src="assets/Product_4.webp" alt="product_4">
</div>
<div class="favorite favorite_left"></div>
<div class="product_info">
@@ -389,7 +389,7 @@
<div class="product-item women men">
<div class="product product_filter">
<div class="product_image">
- <img src="assets/Product_5.png" alt="product_5">
+ <img src="assets/Product_5.webp" alt="product_5">
</div>
<div class="favorite favorite_left"></div>
<div class="product_info">
@@ -404,7 +404,7 @@
<div class="product-item accessories">
<div class="product discount product_filter">
<div class="product_image">
- <img src="assets/Product_6.png" alt="product_6">
+ <img src="assets/Product_6.webp" alt="product_6">
</div>
<div class="favorite favorite_left"></div>
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
@@ -423,7 +423,7 @@
<div class="product-item women">
<div class="product product_filter">
<div class="product_image">
- <img src="assets/Product_7.png" alt="product_7">
+ <img src="assets/Product_7.webp" alt="product_7">
</div>
<div class="favorite favorite_left"></div>
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
@@ -442,7 +442,7 @@
<div class="product-item accessories">
<div class="product product_filter">
<div class="product_image">
- <img src="assets/Product_8.png" alt="product_8">
+ <img src="assets/Product_8.webp" alt="product_8">
</div>
<div class="favorite favorite_left"></div>
<div class="product_info">
@@ -457,7 +457,7 @@
<div class="product-item men">
<div class="product product_filter">
<div class="product_image">
- <img src="assets/Product_9.png" alt="product_9">
+ <img src="assets/Product_9.webp" alt="product_9">
</div>
<div class="favorite favorite_left"></div>
<div class="product_bubble product_bubble_right product_bubble_red d-flex flex-column align-items-center">
@@ -476,7 +476,7 @@
<div class="product-item men">
<div class="product product_filter">
<div class="product_image">
- <img src="assets/Product_10.png" alt="product_1">
+ <img src="assets/Product_10.webp" alt="product_1">
</div>
<div class="favorite favorite_left"></div>
<div class="product_info">
@@ -490,11 +490,11 @@
</div>
<div class="product_slider_nav_left product_slider_nav d-flex align-items-center justify-content-center flex-column">
<i class="fa fas-chevron-left" aria-hidden="true"><img
- src="https://img.icons8.com/material-rounded/48/000000/back--v1.png"/></i>
+ src="https://img.icons8.com/material-rounded/48/000000/back--v1.webp"/></i>
</div>
<div class="product_slider_nav_right product_slider_nav d-flex align-items-center justify-content-center flex-column">
<i class="fa fas-chevron-right" aria-hidden="true"><img
- src="https://img.icons8.com/ios-glyphs/30/000000/more-than.png"/></i>
+ src="https://img.icons8.com/ios-glyphs/30/000000/more-than.webp"/></i>
</div>
</div>
</div>
diff --git a/login.html b/login.html
index 2ae1eed..6875a74 100644
--- a/login.html
+++ b/login.html
@@ -5,7 +5,7 @@
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
- <link href="assets/favicon.png" rel="shortcut icon" type="image/png"/>
+ <link href="assets/favicon.webp" rel="shortcut icon" type="image/png"/>
<title>Login Page</title>
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" rel="stylesheet">
@@ -246,7 +246,7 @@
<body>
<nav class="navbar navbar-dark nav-color ml-5 mr-5 nav-radius">
- <img alt="Banner" class="navbar-brand" src="assets/logo_transparent.png" style="margin-top: 0%;" width="5%">
+ <img alt="Banner" class="navbar-brand" src="assets/logo_transparent.webp" style="margin-top: 0%;" width="5%">
<ul class="navbar-nav">
<li class="nav-item">
<a style="color: white; font-size: 16pt;">Login Page</a>
@@ -297,7 +297,7 @@
<i><a href=""></a><img class="google-icon-svg" src="https://upload.wikimedia.org/wikipedia/commons/5/53/Google_%22G%22_Logo.svg"/><span></span></i>
</div>
<div class="facebook">
- <i><a href=""></a><img class="facebook-icon-svg" src="https://cdn-icons-png.flaticon.com/128/733/733547.png" style="height: 30px; width: 30px; margin: 0 30px; padding-top: -3px" ><span></span></i>
+ <i><a href=""></a><img class="facebook-icon-svg" src="https://cdn-icons-png.flaticon.com/128/733/733547.webp" style="height: 30px; width: 30px; margin: 0 30px; padding-top: -3px" ><span></span></i>
</div>
</div>
</div>
diff --git a/otp.html b/otp.html
index 637b9f1..482b106 100644
--- a/otp.html
+++ b/otp.html
@@ -5,7 +5,7 @@
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
- <link href="assets/favicon.png" rel="shortcut icon" type="image/png"/>
+ <link href="assets/favicon.webp" rel="shortcut icon" type="image/png"/>
<title>OTP Page</title>
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" rel="stylesheet">
@@ -141,7 +141,7 @@
<body>
<nav class="navbar navbar-dark nav-color ml-5 mr-5 nav-radius">
- <img alt="Banner" class="navbar-brand" src="assets/logo_transparent.png" style="margin-top: 0%;" width="5%">
+ <img alt="Banner" class="navbar-brand" src="assets/logo_transparent.webp" style="margin-top: 0%;" width="5%">
<ul class="navbar-nav">
<li class="nav-item">
<a style="color: white; font-size: 16pt;">OTP Page</a>
diff --git a/payment.html b/payment.html
index 021d62e..c8649c4 100644
--- a/payment.html
+++ b/payment.html
@@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
- <link href="assets/favicon.png" rel="shortcut icon" type="image/png"/>
+ <link href="assets/favicon.webp" rel="shortcut icon" type="image/png"/>
<title>Payment</title>
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" rel="stylesheet">
@@ -127,7 +127,7 @@
</head>
<body>
<nav class="navbar navbar-dark nav-color ml-5 mr-5 nav-radius">
- <img alt="Banner" class="navbar-brand" src="assets/logo_transparent.png" style="margin-top: 0%;" width="5%">
+ <img alt="Banner" class="navbar-brand" src="assets/logo_transparent.webp" style="margin-top: 0%;" width="5%">
<ul class="navbar-nav">
<li class="nav-item">
<a style="color: white; font-size: 16pt;">Payment Page</a>
@@ -146,11 +146,11 @@
<h2>Payment Methods</h2>
</div>
<div>
- <img alt="placeholder image" class="img-fluid" src="assets/bca.png"
+ <img alt="placeholder image" class="img-fluid" src="assets/bca.webp"
style="width: 100px; margin-right: 10px; margin: 20px;"/>
- <img alt="placeholder image" class="img-fluid" src="assets/bni.png"
+ <img alt="placeholder image" class="img-fluid" src="assets/bni.webp"
style="width: 100px; margin-right: 10px; margin: 20px;"/>
- <img alt="placeholder image" class="img-fluid " src="assets/bri.png"
+ <img alt="placeholder image" class="img-fluid " src="assets/bri.webp"
style="width: 100px; margin-right: 10px; margin: 20px;"/>
</div>
<div class="card-body">
diff --git a/product-list.html b/product-list.html
index eb0062d..762cf6e 100644
--- a/product-list.html
+++ b/product-list.html
@@ -5,7 +5,7 @@
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
- <link href="assets/favicon.png" rel="shortcut icon" type="image/png"/>
+ <link href="assets/favicon.webp" rel="shortcut icon" type="image/png"/>
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
@@ -27,7 +27,7 @@
<body class="bg-color">
<nav class="navbar navbar-expand-lg navbar-dark comp-color ml-5 mr-5 nav-radius">
- <a href="/"><img alt="Banner" class="navbar-brand" height="80" src="assets/logo_transparent.png"
+ <a href="/"><img alt="Banner" class="navbar-brand" height="80" src="assets/logo_transparent.webp"
style="margin-top: 0%;" width="80"></a>
<button aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"
data-target="#navbarTogglerDemo01" data-toggle="collapse" type="button">
diff --git a/product.html b/product.html
index 251ca9f..9e16668 100644
--- a/product.html
+++ b/product.html
@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
- <link href="assets/favicon.png" rel="shortcut icon" type="image/png"/>
+ <link href="assets/favicon.webp" rel="shortcut icon" type="image/png"/>
<title>Product Page</title>
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" rel="stylesheet">
@@ -241,7 +241,7 @@
<div class="card">
<div class="product">
- <img alt="placeholder image" class="img-fluid" src="assets/sepatu.png"/>
+ <img alt="placeholder image" class="img-fluid" src="assets/sepatu.webp"/>
<div class="description">
<div style="margin-left: 20px;">
<h1 class="titledes">Fashione Shoes White</h1>
@@ -278,7 +278,7 @@
<span class="close">×</span>
<h2 class="titlee"><b>SUCCESSFULLY ADDED TO BAG</b></h2>
<div class="konten">
- <img alt="placeholder image" class="img-fluid" height="200px" src="assets/sepatu.png"
+ <img alt="placeholder image" class="img-fluid" height="200px" src="assets/sepatu.webp"
width="200px">
<div class="bodymodal" style="padding-left: 20px; padding-right: 20px;">
<h3 class="titlemodal">Fashione Shoes White</h3>
diff --git a/register-verification-completed.html b/register-verification-completed.html
index b9814e6..785ec99 100644
--- a/register-verification-completed.html
+++ b/register-verification-completed.html
@@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
- <link href="assets/favicon.png" rel="shortcut icon" type="image/png"/>
+ <link href="assets/favicon.webp" rel="shortcut icon" type="image/png"/>
<title>Register</title>
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" rel="stylesheet">
@@ -133,7 +133,7 @@
</head>
<body>
<nav class="navbar navbar-dark nav-color ml-5 mr-5 nav-radius">
- <img alt="Banner" class="navbar-brand" src="assets/logo_transparent.png" style="margin-top: 0%;">
+ <img alt="Banner" class="navbar-brand" src="assets/logo_transparent.webp" style="margin-top: 0%;">
<ul class="navbar-nav">
<li class="nav-item">
<a style="color: white; font-size: 16pt;">Register Page</a>
diff --git a/register-verification-sent.html b/register-verification-sent.html
index 4c82d29..010a027 100644
--- a/register-verification-sent.html
+++ b/register-verification-sent.html
@@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
- <link href="assets/favicon.png" rel="shortcut icon" type="image/png"/>
+ <link href="assets/favicon.webp" rel="shortcut icon" type="image/png"/>
<title>Register</title>
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" rel="stylesheet">
@@ -109,7 +109,7 @@
</head>
<body>
<nav class="navbar navbar-dark nav-color ml-5 mr-5 nav-radius">
- <img alt="Banner" class="navbar-brand" src="assets/logo_transparent.png" style="margin-top: 0%;" width="5%">
+ <img alt="Banner" class="navbar-brand" src="assets/logo_transparent.webp" style="margin-top: 0%;" width="5%">
<ul class="navbar-nav">
<li class="nav-item">
<a style="color: white; font-size: 16pt;">Register Page</a>
diff --git a/register.html b/register.html
index 2d3171c..4b0b329 100644
--- a/register.html
+++ b/register.html
@@ -5,7 +5,7 @@
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
- <link href="assets/favicon.png" rel="shortcut icon" type="image/png"/>
+ <link href="assets/favicon.webp" rel="shortcut icon" type="image/png"/>
<title>Register</title>
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" rel="stylesheet">
@@ -152,7 +152,7 @@
<body>
<nav class="navbar navbar-dark nav-color ml-5 mr-5 nav-radius">
- <img alt="Banner" class="navbar-brand" src="assets/logo_transparent.png" style="margin-top: 0%;">
+ <img alt="Banner" class="navbar-brand" src="assets/logo_transparent.webp" style="margin-top: 0%;">
<ul class="navbar-nav">
<li class="nav-item">
<a style="color: white; font-size: 16pt;">Register Page</a>
diff --git a/transaction.html b/transaction.html
index aa97a74..2709b8c 100644
--- a/transaction.html
+++ b/transaction.html
@@ -5,7 +5,7 @@
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
- <link href="assets/favicon.png" rel="shortcut icon" type="image/png"/>
+ <link href="assets/favicon.webp" rel="shortcut icon" type="image/png"/>
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
@@ -28,7 +28,7 @@
<body class="bg-color">
<nav class="navbar navbar-expand-lg navbar-dark comp-color ml-5 mr-5 nav-radius">
- <a href="/"><img alt="Banner" class="navbar-brand" height="80" src="assets/logo_transparent.png"
+ <a href="/"><img alt="Banner" class="navbar-brand" height="80" src="assets/logo_transparent.webp"
style="margin-top: 0%;" width="80"></a>
<button aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"
data-target="#navbarTogglerDemo01" data-toggle="collapse" type="button">