Add lazy load to Payment Page

This commit is contained in:
Moe Poi ~ 2021-09-26 20:51:02 +07:00
parent ca66c31d44
commit 95a382d105

View file

@ -12,7 +12,6 @@
<link href="https://fonts.googleapis.com" rel="preconnect">
<link crossorigin href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Poppins', sans-serif;
@ -142,10 +141,11 @@
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script>
</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.webp" style="margin-top: 0%;" width="5%">
<img alt="Banner" class="navbar-brand lazyload" 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</a>
@ -164,11 +164,11 @@
<h2>Payment Methods</h2>
</div>
<div>
<img alt="placeholder image" class="img-fluid" src="assets/bca.webp"
<img alt="placeholder image" class="img-fluid lazyload" src="assets/bca.webp"
style="width: 100px; margin-right: 10px; margin: 20px;"/>
<img alt="placeholder image" class="img-fluid" src="assets/bni.webp"
<img alt="placeholder image" class="img-fluid lazyload" src="assets/bni.webp"
style="width: 100px; margin-right: 10px; margin: 20px;"/>
<img alt="placeholder image" class="img-fluid " src="assets/bri.webp"
<img alt="placeholder image" class="img-fluid lazyload" src="assets/bri.webp"
style="width: 100px; margin-right: 10px; margin: 20px;"/>
</div>
<div class="card-body">