mirror of
https://gitlab.com/nekoya/web.git
synced 2025-04-15 18:27:08 +02:00
Migrate all png/jpg image assets to WebP format
This commit is contained in:
parent
1e8d6df6c2
commit
26a2d849ea
14 changed files with 64 additions and 64 deletions
8
bag.html
8
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>
|
||||
|
|
|
@ -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>
|
||||
|
|
4
faq.html
4
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">
|
||||
|
|
|
@ -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>
|
||||
|
|
58
index.html
58
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>
|
||||
|
|
|
@ -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>
|
||||
|
|
4
otp.html
4
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>
|
||||
|
|
10
payment.html
10
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">
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Add table
Reference in a new issue