Skip to content

Commit bcd37bf

Browse files
coderGtmcoderGtm
committed
delta landing page aos
1 parent ffee185 commit bcd37bf

File tree

1 file changed

+22
-16
lines changed

1 file changed

+22
-16
lines changed

‎delta.html

Lines changed: 22 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet">
88
<link rel="stylesheet" href="styles/delta.css">
9+
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
910
<title>DELTA: Employee Attendance is now a breeze</title>
1011
</head>
1112
<body>
@@ -28,68 +29,68 @@ <h2 class="ps-3 text-white">DELTA</h2>
2829

2930
<div class="container py-5">
3031
<div class="row align-items-center">
31-
<div class="col-12 col-md-6 mt-1">
32+
<div class="col-12 col-md-6 mt-1" data-aos="fade-up">
3233
<h1 class="display-1"><b>Employee Attendance Management is now a breeze...🍃</b></h1>
3334
</div>
34-
<div class="col-12 col-md-6 text-center mt-5">
35+
<div class="col-12 col-md-6 text-center mt-5" data-aos="fade-left">
3536
<img id="landingLogo" src="assets/images/delta.png" alt="">
3637
</div>
3738
</div>
3839
</div>
3940
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#4d8fff" fill-opacity="1" d="M0,224L80,202.7C160,181,320,139,480,112C640,85,800,75,960,85.3C1120,96,1280,128,1360,144L1440,160L1440,320L1360,320C1280,320,1120,320,960,320C800,320,640,320,480,320C320,320,160,320,80,320L0,320Z"></path></svg>
4041
<div id="info" class="text-white">
4142
<div class="container text-center">
42-
<h1 class="pb-5"><i>Have peace of mind knowing that you no longer need to maintain register-books!</i></h1>
43+
<h1 class="pb-5" data-aos="fade-up"><i>Have peace of mind knowing that you no longer need to maintain register-books!</i></h1>
4344
<div class="row justify-content-center align-items-center my-2">
44-
<div class="col-md-2 my-2">
45+
<div class="col-md-2 my-2" data-aos="fade-right">
4546
<img class="ss" src="assets/images/delta-ss-1.webp" alt="">
4647
</div>
47-
<div class="col-md-2 d-none d-md-block my-2">
48+
<div class="col-md-2 d-none d-md-block my-2" data-aos="fade-up">
4849
<img class="ss" src="assets/images/arrowBlue.webp" alt="">
4950
</div>
50-
<div class="col-md-2 my-2">
51+
<div class="col-md-2 my-2" data-aos="fade-right">
5152
<img class="ss" src="assets/images/delta-ss-2.webp" alt="">
5253
</div>
53-
<div class="col-md-2 d-none d-md-block my-2">
54+
<div class="col-md-2 d-none d-md-block my-2" data-aos="fade-down">
5455
<img class="ss" src="assets/images/arrowBlack.webp" alt="">
5556
</div>
56-
<div class="col-md-2 my-2">
57+
<div class="col-md-2 my-2" data-aos="fade-left">
5758
<img class="ss" src="assets/images/delta-ss-3.webp" alt="">
5859
</div>
5960
</div>
60-
<h1 class="pt-5"><i>And the power of monitoring your staff from any corner of the world...no seriously...!</i></h1>
61+
<h1 class="pt-5" data-aos="fade-down"><i>And the power of monitoring your staff from any corner of the world...no seriously...!</i></h1>
6162
<div class="row justify-content-around align-items-center mt-5">
62-
<div class="col-md-3 my-2">
63+
<div class="col-md-3 my-2" data-aos="fade-right">
6364
<img class="ss" src="assets/images/delta-ss-4.webp" alt="">
6465
</div>
65-
<div class="col-md-3 my-2">
66+
<div class="col-md-3 my-2" data-aos="fade-up">
6667
<img class="img-fluid" src="assets/images/relaxing_walk.svg" alt="">
6768
</div>
68-
<div class="col-md-3 my-2">
69+
<div class="col-md-3 my-2" data-aos="fade-left">
6970
<img class="ss" src="assets/images/delta-ss-5.webp" alt="">
7071
</div>
7172
</div>
7273
</div>
7374
</div>
7475
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#4d8fff" fill-opacity="1" d="M0,160L60,149.3C120,139,240,117,360,117.3C480,117,600,139,720,165.3C840,192,960,224,1080,202.7C1200,181,1320,107,1380,69.3L1440,32L1440,0L1380,0C1320,0,1200,0,1080,0C960,0,840,0,720,0C600,0,480,0,360,0C240,0,120,0,60,0L0,0Z"></path></svg>
7576
<div class="container text-center">
76-
<h1 class="display-1 pb-3" style="color: #26477d;"><b>With the <span style="color: #000;"><i>all-in-2</i></span> solution</b></h1>
77+
<h1 class="display-1 pb-3" style="color: #26477d;" data-aos="fade-down-right"><b>With the <span style="color: #000;"><i>all-in-2</i></span> solution</b></h1>
7778
<div class="row">
78-
<div class="col-md-6 py-5">
79+
<div data-aos="fade-right" class="col-md-6 py-5">
7980
<img class="solutionIcon mb-3" src="assets/images/delta.png" alt="">
8081
<h2>DELTA Attendance</h2>
8182
<h5>(at your workplace)</h5>
8283
<a href='https://play.google.com/store/apps/details?id=com.coderGtm.delta&utm_source=website&utm_campaign=promotion&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1'><img style="width: 20vh;" alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png'/></a>
8384
</div>
84-
<div class="col-md-6 py-5">
85+
<div data-aos="fade-left" class="col-md-6 py-5">
8586
<img class="solutionIcon mb-3" src="assets/images/deltaAdmin.png" alt="">
8687
<h2>DELTA Admin</h2>
8788
<h5>(on your device)</h5>
8889
<a href='https://play.google.com/store/apps/details?id=com.coderGtm.deltaAdmin&utm_source=website&utm_campaign=promotion&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1'><img style="width: 20vh;" alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png'/></a>
8990
</div>
9091
</div>
9192
</div>
92-
<div class="container text-center mt-5">
93+
<div class="container text-center mt-5" data-aos="fade-down">
9394
<h1 class="my-5">Testimonials</h1>
9495
<div class="row align-items-center my-5">
9596
<div class="col-md-6">
@@ -112,5 +113,10 @@ <h5><a href="mailto:codergtm@gmail.com">coderGtm@gmail.com</a></h5>
112113
<br><br>
113114
<h6>Developed with ❤️ by Gautam Mehta (<a href="https://github.com/coderGtm" class="text-decoration-none text-white" target="_blank" rel="noopener noreferrer">@coderGtm</a>)</h6>
114115
</footer>
116+
117+
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
118+
<script>
119+
AOS.init();
120+
</script>
115121
</body>
116122
</html>

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy