From ee0ca605674da9b5d698b909f3c51bca4458da8d Mon Sep 17 00:00:00 2001
From: paulkrishanu4 <paulkrishanu84@gmail.com>
Date: Fri, 7 Jun 2024 17:13:19 +0530
Subject: [PATCH] scroll effect added

---
 Scrollreveal.js  | 19 ++++++++++
 teamMembers.html | 92 +++++++++++++++++++++++++-----------------------
 2 files changed, 66 insertions(+), 45 deletions(-)
 create mode 100644 Scrollreveal.js

diff --git a/Scrollreveal.js b/Scrollreveal.js
new file mode 100644
index 00000000..bbaabbf2
--- /dev/null
+++ b/Scrollreveal.js
@@ -0,0 +1,19 @@
+//script for scroll reveal effect
+const sreveal={
+  distance: "50px",
+  origin: "buttom",
+  duration: 1000,
+};
+
+ScrollReveal().reveal(".z1",{
+  ...sreveal,
+});
+ScrollReveal().reveal(".z2",{
+  ...sreveal,
+  delay:1200,
+  interval:1200
+});
+ScrollReveal().reveal(".z3",{
+  ...sreveal,
+  delay:1600
+});
\ No newline at end of file
diff --git a/teamMembers.html b/teamMembers.html
index 1e52632e..7569400a 100644
--- a/teamMembers.html
+++ b/teamMembers.html
@@ -161,7 +161,7 @@ <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Meet Our Core Tea
 
 
 									
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z1">
 											<div class="img-thumb">
 												<img src="./assets/img/team/david.webp" alt="Team members">
 											</div>
@@ -183,7 +183,7 @@ <h3>DISCORD Moderator
 
 
 									
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z2">
 											<div class="img-thumb">
 												<img src="./assets/img/team/Nitesh Agnihotri.webp" alt="Team members">
 											</div>
@@ -206,7 +206,7 @@ <h3> Tech Team Member</h3>
 										
 
 									
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z1">
 											<div class="img-thumb">
 												<img src="./assets/img/team/aditi.webp" alt="Team members">
 											</div>
@@ -230,7 +230,7 @@ <h3>Graphic & Content Creation Team
 
 
 									
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z3">
 											<div class="img-thumb">
 												<img src="./assets/img/team/swarna.webp" alt="Team members">
 											</div>
@@ -258,7 +258,7 @@ <h3>Graphic & Content Creation Team
 
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z1">
 											<div class="img-thumb">
 												<img src="./assets/img/team/ayush_raj.png" class="lazyload"
 													alt="">
@@ -279,7 +279,7 @@ <h3>Tech Team Member</h3>
 										
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z2">
 											<div class="img-thumb">
 												<img src="./assets/img/team/IMG-20221222-WA0017 - Nithish R.jpg" class="lazyload"
 													alt="">
@@ -298,7 +298,7 @@ <h3>Tech Team Member</h3>
 
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z3">
 											<div class="img-thumb">
 												<img src="./assets/img/team/IMG_20221005_011143_263 - Riya Jaiswal.jpg" class="lazyload"
 													alt="">
@@ -317,7 +317,7 @@ <h3>Doubt Solver</h3>
 
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z1">
 											<div class="img-thumb">
 												<img src="./assets/img/team/zeeshan.jpg" class="lazyload"
 													alt="">
@@ -339,7 +339,7 @@ <h3>Tech Team Member</h3>
 
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z2">
 											<div class="img-thumb">
 												<img src="./assets/img/team/-8enia0 - Pratap Divyansh.jpg" class="lazyload"
 													alt="">
@@ -358,7 +358,7 @@ <h3>Tech Team Member</h3>
 
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z3">
 											<div class="img-thumb">
 												<img src="./assets/img/team/IMG_20220827_185736 (1) (1) - P K (1).png" class="lazyload"
 													alt="">
@@ -377,7 +377,7 @@ <h3>Tech Team Member</h3>
 
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z2">
 											<div class="img-thumb">
 												<img src="./assets/img/team/7D449580-BD1B-4BD5-9C00-83927DE11073 - Pratikkumar Mohite.jpeg" class="lazyload"
 													alt="">
@@ -396,7 +396,7 @@ <h3>Doubt Solver</h3>
 										
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z1">
 											<div class="img-thumb">
 												<img src="./assets/img/team/Picsart_22-06-25_23-32-11-244 - Paakhi Iyer.jpg" class="lazyload"
 													alt="">
@@ -415,7 +415,7 @@ <h3>Community Management </h3>
 										
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z2">
 											<div class="img-thumb">
 												<img src="./assets/img/team/IMG_20201212_080046 - ATUL Sharma.jpg" class="lazyload"
 													alt="">
@@ -434,7 +434,7 @@ <h3>Event Manager </h3>
 										
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z3">
 											<div class="img-thumb">
 												<img src="./assets/img/team/yash mangal - YASH MANGAL.jpg" class="lazyload"
 													alt="">
@@ -453,7 +453,7 @@ <h3>Tech Team Member </h3>
 										
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z2">
 											<div class="img-thumb">
 												<img src="./assets/img/team/newpassportphotoWhite - Himangshu Lahkar.jpg" class="lazyload"
 													alt="">
@@ -472,7 +472,7 @@ <h3>PR and Outreach Manager  </h3>
 										
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z1">
 											<div class="img-thumb">
 												<img src="./assets/img/team/IMG_20221219_182613 - Chhavi J Singh.jpg" class="lazyload"
 													alt="">
@@ -491,7 +491,7 @@ <h3>Graphic design </h3>
 										
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z3">
 											<div class="img-thumb">
 												<img src="./assets/img/team/Renitha K - Renitha K.jpg" class="lazyload"
 													alt="">
@@ -510,7 +510,7 @@ <h3>Tech Team </h3>
 										
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z1">
 											<div class="img-thumb">
 												<img src="./assets/img/team/20221222_153626 - Faeka Ansari.jpg" class="lazyload"
 													alt="">
@@ -529,7 +529,7 @@ <h3>Community Management </h3>
 																				
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z2">
 											<div class="img-thumb">
 												<img src="./assets/img/team/20221214_180840 - Komal Gupta.jpg" class="lazyload"
 													alt="">
@@ -548,7 +548,7 @@ <h3>Gtaphic designing  </h3>
 																				
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z3">
 											<div class="img-thumb">
 												<img src="./assets/img/team/G-00-562 - Alan Martin.jpg" class="lazyload"
 													alt="">
@@ -567,7 +567,7 @@ <h3>Tech Team  </h3>
 																				
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z1">
 											<div class="img-thumb">
 												<img src="./assets/img/team/IMG-20211226-WA0015 - Bhavik Kothari.jpg" class="lazyload"
 													alt="">
@@ -586,7 +586,7 @@ <h3>Tech Team </h3>
 																				
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z2">
 											<div class="img-thumb">
 												<img src="./assets/img/team/Manan_Jain-1 - Manan Jain.jpg" class="lazyload"
 													alt="">
@@ -605,7 +605,7 @@ <h3>Content Creation Team </h3>
 																				
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z3">
 											<div class="img-thumb">
 												<img src="./assets/img/team/Screenshot_20221222-165128_LinkedIn - Devyani Channe.jpg" class="lazyload"
 													alt="">
@@ -624,7 +624,7 @@ <h3>Event Management Team </h3>
 																				
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z1">
 											<div class="img-thumb">
 												<img src="./assets/img/team/Arunima-gdg - Arunima Chaudhuri.jpeg" class="lazyload"
 													alt="">
@@ -643,7 +643,7 @@ <h3>Community Management Team</h3>
 																				
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z2">
 											<div class="img-thumb">
 												<img src="./assets/img/team/anas profile - Anas - SS20CO016.jpg" class="lazyload"
 													alt="">
@@ -662,7 +662,7 @@ <h3>Social Media Team </h3>
 																				
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z3">
 											<div class="img-thumb">
 												<img src="./assets/img/team/sk-photu - Shravani Kaware.jpg" class="lazyload"
 													alt="">
@@ -681,7 +681,7 @@ <h3>Tech Team </h3>
 																														
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z1">
 											<div class="img-thumb">
 												<img src="./assets/img/team/pfp - tanisha gupta.jpg" class="lazyload"
 													alt="">
@@ -700,7 +700,7 @@ <h3>Doubt solver  </h3>
 																														
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z2">
 											<div class="img-thumb">
 												<img src="./assets/img/team/IMG_20221216_202008 - Divjot Singh Arora.jpg" class="lazyload"
 													alt="">
@@ -719,7 +719,7 @@ <h3>Pr And Outreach Team </h3>
 																														
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z3">
 											<div class="img-thumb">
 												<img src="./assets/img/team/priya - Priya Chakraborty.jpg" class="lazyload"
 													alt="">
@@ -738,7 +738,7 @@ <h3>Content Creation Team </h3>
 																														
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z1">
 											<div class="img-thumb">
 												<img src="./assets/img/team/20221029_155750 - Sakshi Goenka.jpg" class="lazyload"
 													alt="">
@@ -757,7 +757,7 @@ <h3>Event Management Team </h3>
 																																								
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z2">
 											<div class="img-thumb">
 												<img src="./assets/img/team/IMG_20220111_200114_117 - mr_pravin_ nag.jpg" class="lazyload"
 													alt="">
@@ -776,7 +776,7 @@ <h3>Content Creation Team </h3>
 																																								
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z3">
 											<div class="img-thumb">
 												<img src="./assets/img/team/Nishtha_Pandey_PR_and_Outreach - NISHTHA PANDEY.jpeg" class="lazyload"
 													alt="">
@@ -795,7 +795,7 @@ <h3>PR and Outreach Team </h3>
 																																								
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z1">
 											<div class="img-thumb">
 												<img src="./assets/img/team/Me - VISHNUPPRIYAN PL.jpg" class="lazyload"
 													alt="">
@@ -814,7 +814,7 @@ <h3>Content Creation Team </h3>
 																																								
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z2">
 											<div class="img-thumb">
 												<img src="./assets/img/team/InShot_20220926_202854195 - Swarna Jha.jpg" class="lazyload"
 													alt="">
@@ -833,7 +833,7 @@ <h3>Graphics Team </h3>
 																																								
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z3">
 											<div class="img-thumb">
 												<img src="./assets/img/team/IMG_20221222_210327 - khushboo jha.jpg" class="lazyload"
 													alt="">
@@ -852,7 +852,7 @@ <h3>PR and Outreach Team</h3>
 																																																		
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z1">
 											<div class="img-thumb">
 												<img src="./assets/img/team/Photo (2) - Akshat Pattiwar.png" class="lazyload"
 													alt="">
@@ -871,7 +871,7 @@ <h3>Content Creation Team </h3>
 																																																		
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z2">
 											<div class="img-thumb">
 												<img src="./assets/img/team/IMG_20220823_001417 - Aishwarya.jpg" class="lazyload"
 													alt="">
@@ -890,7 +890,7 @@ <h3>Content creation and Tech Team  </h3>
 																																																		
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z3">
 											<div class="img-thumb">
 												<img src="./assets/img/team/IMG_2777 - Yash Pimple.jpg" class="lazyload"
 													alt="">
@@ -909,7 +909,7 @@ <h3>Tech Team </h3>
 																																																		
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z1">
 											<div class="img-thumb">
 												<img src="./assets/img/team/IMG-20221211-WA0266 - Srijanna Das.jpg" class="lazyload"
 													alt="">
@@ -928,7 +928,7 @@ <h3>Community Management Team </h3>
 																																																												
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z2">
 											<div class="img-thumb">
 												<img src="./assets/img/team/IMG-20220909-WA0044 - Trivedi Bakul.jpg" class="lazyload"
 													alt="">
@@ -946,7 +946,7 @@ <h3>Content Creation Team  </h3>
 										</div>
 
 										
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z3">
 											<div class="img-thumb">
 												<img src="./assets/img/team/2_20220716_205938_0001 - Krupesh Vithlani.png" class="lazyload"
 													alt="">
@@ -965,7 +965,7 @@ <h3>Graphics Team </h3>
 
 										
 										
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z1">
 											<div class="img-thumb">
 												<img src="./assets/img/team/shikha.jpg" class="lazyload"
 													alt="">
@@ -983,7 +983,7 @@ <h3>Tech Team  </h3>
 										</div>
 
 										
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z3">
 											<div class="img-thumb">
 												<img src="./assets/img/team/photo - CHHAVI SHARMA.jpg" class="lazyload"
 													alt="">
@@ -1001,7 +1001,7 @@ <h3>Video and Content Team  </h3>
 										</div>
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z1">
 											<div class="img-thumb">
 												<img src="./assets/img/team/Aastha Shah.jpg" class="lazyload"
 													alt="">
@@ -1020,7 +1020,7 @@ <h3>Content Creation Team  </h3>
 
 
 
-										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12">
+										<div class="testimonial-item col-lg-3 col-md-4 col-sm-12 z2">
 											<div class="img-thumb">
 												<img src="./assets/img/team/Sulagna Dutta Roy.jpg" class="lazyload"
 													alt="">
@@ -1203,6 +1203,8 @@ <h3 class="footer-titel">Contact</h3>
 <!--Swiper JS-->
 <script src="https://unpkg.com/swiper@7/swiper-bundle.min.js"></script>
 <script src="assets/js/swipper.js"></script>
+<script src="https://unpkg.com/scrollreveal"></script>
+<script src="./Scrollreveal.js"></script>