nekoya/web
nekoya/web
1
0
Fork 0
mirror of https://gitlab.com/nekoya/web.git synced 2025-03-25 16:12:04 +01:00
Code Issues Projects Releases Packages 1 Wiki Activity

Add lazy load to Payment Page

Browse source
This commit is contained in:
Moe Poi ~ 2021-09-26 20:51:02 +07:00
parent ca66c31d44
commit 95a382d105
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
payment.html
View file

@ -12,7 +12,6 @@
<link href="https://fonts.googleapis.com" rel="preconnect"> <link href="https://fonts.googleapis.com" rel="preconnect">
<link crossorigin href="https://fonts.gstatic.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"> <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
<style> <style>
body { body {
font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;
@ -142,10 +141,11 @@
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
} }
</style> </style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script>
</head> </head>
<body> <body>
<nav class="navbar navbar-dark nav-color ml-5 mr-5 nav-radius"> <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"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">
<a style="color: white; font-size: 16pt;">Payment</a> <a style="color: white; font-size: 16pt;">Payment</a>
@ -164,11 +164,11 @@
<h2>Payment Methods</h2> <h2>Payment Methods</h2>
</div> </div>
<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;"/> 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;"/> 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;"/> style="width: 100px; margin-right: 10px; margin: 20px;"/>
</div> </div>
<div class="card-body"> <div class="card-body">