Skip to content

Commit 0a9344b

Browse files
areeburrubareeburrub
committed
fix: Event Card on Hover
1 parent 522dfa1 commit 0a9344b

File tree

3 files changed

+55
-36
lines changed

3 files changed

+55
-36
lines changed

‎CSS/index.css

+4-4
Original file line numberDiff line numberDiff line change
@@ -52,10 +52,10 @@
5252
margin-bottom: 20px;
5353
}
5454

55-
.events_box{
56-
transition: transform 0.03s;
57-
}
55+
/* .events_box{
56+
transition: all 0.1s ease-in;
57+
} */
58+
5859
.events_box:hover{
5960
transform: scale(1.1);
60-
6161
}

‎assets/css/main.css

2.21 KB
Binary file not shown.

‎index.html

+51-32
Original file line numberDiff line numberDiff line change
@@ -1089,48 +1089,67 @@ <h1 class="section-title wow fadeInDown mt-5" data-wow-delay="0.3s">Our <span> E
10891089
<div class="events_container wow fadeInDown">
10901090

10911091
<div class="events_box_row">
1092-
<div class="events_box" data-aos="fade-up" data-aos-duration="1500">
1093-
<img src="./assets/img/Event/event1-small.webp" class="events_img"
1094-
alt="Course on full stack development" />
1095-
<div class="content ">
1096-
<h4>Full Stack Development</h4>
1097-
<p>Speaker : Praveen Kumar Purushothaman (YouTuber), Ashtja Prasad (core team member)</p>
1098-
<p>Date of Event : 15/01/2022</p>
1099-
<a href="https://youtu.be/7aS6ru6Omts" class="btn btn-danger" target="_blank">WATCH NOW</a>
1092+
1093+
<div class="theCard" data-aos="fade-up" data-aos-duration="1500">
1094+
<div class="events_box">
1095+
<div class="events_box_img">
1096+
<img src="./assets/img/Event/event1-small.webp" class="events_img" alt="Course on full stack development" />
1097+
</div>
1098+
1099+
1100+
<div class="content ">
1101+
<h4>Full Stack Development</h4>
1102+
<p>Speaker : Praveen Kumar Purushothaman (YouTuber), Ashtja Prasad (core team member)</p>
1103+
<p>Date of Event : 15/01/2022</p>
1104+
<a href="https://youtu.be/7aS6ru6Omts" class="btn btn-danger" target="_blank">WATCH NOW</a>
1105+
</div>
1106+
11001107
</div>
11011108
</div>
11021109

1103-
<div class="events_box" data-aos="fade-up" data-aos-duration="1500">
1104-
<img src="./assets/img/Event/event3.webp" class="events_img" alt="Course on Machine Learning" />
1105-
<div class="content">
1106-
<h4>Get Started With Machine Learning</h4>
1107-
<p>Speaker : Saurav Mukherjee (Founder CodeIN Community)</p>
1108-
<p>Date of Event : 21/09/2021</p>
1109-
<a href="https://youtu.be/lUSixxX9pK4" class="btn btn-danger" target="_blank">WATCH NOW</a>
1110+
<div class="theCard" data-aos="fade-up" data-aos-duration="1500">
1111+
<div class="events_box">
1112+
<div class="events_box_img">
1113+
<img src="./assets/img/Event/event3.webp" class="events_img" alt="Course on Machine Learning" />
1114+
</div>
1115+
<div class="content">
1116+
<h4>Get Started With Machine Learning</h4>
1117+
<p>Speaker : Saurav Mukherjee (Founder CodeIN Community)</p>
1118+
<p>Date of Event : 21/09/2021</p>
1119+
<a href="https://youtu.be/lUSixxX9pK4" class="btn btn-danger" target="_blank">WATCH NOW</a>
1120+
</div>
11101121
</div>
11111122
</div>
11121123

1113-
<div class="events_box" data-aos="fade-up" data-aos-duration="1500">
1114-
<img src="./assets/img/Event/event2.webp" class="events_img"
1115-
alt="Googlr Crowdsource contribution image" />
1116-
<div class="content">
1117-
<h4>Google CrowdSource Contributions</h4>
1118-
<p>Speaker : Sowmya V & Saurav Mukherjee (Google CrowdSource Influencer)</p>
1119-
<p>Date of Event : 30/12/2021</p>
1120-
<a href="#" class="btn btn-danger">NOT RECORDED</a>
1124+
1125+
<div class="theCard" data-aos="fade-up" data-aos-duration="1500">
1126+
<div class="events_box">
1127+
<div class="events_box_img">
1128+
<img src="./assets/img/Event/event2.webp" class="events_img" alt="Googlr Crowdsource contribution image" />
1129+
</div>
1130+
<div class="content">
1131+
<h4>Google CrowdSource Contributions</h4>
1132+
<p>Speaker : Sowmya V & Saurav Mukherjee (Google CrowdSource Influencer)</p>
1133+
<p>Date of Event : 30/12/2021</p>
1134+
<a href="#" class="btn btn-danger">NOT RECORDED</a>
1135+
</div>
11211136
</div>
11221137
</div>
1123-
1124-
<div class="events_box" data-aos="fade-up" data-aos-duration="1500">
1125-
<img src="./assets/img/Event/event4-small.webp" class="events_img lazyload"
1126-
alt="Hacktoberfest event image" />
1127-
<div class="content">
1128-
<h4> Introduction to HACKTOBERFEST' 2021</h4>
1129-
<p>Speaker : Praveen Kumar Purushothaman (Full Stack Developer, YouTuber)</p>
1130-
<p>Date of Event : 11/10/2021</p>
1131-
<a href="https://youtu.be/fmDYVtInswU" class="btn btn-danger" target="_blank">WATCH NOW</a>
1138+
1139+
<div class="theCard" data-aos="fade-up" data-aos-duration="1500">
1140+
<div class="events_box">
1141+
<div class="events_box_img">
1142+
<img src="./assets/img/Event/event4-small.webp" class="events_img lazyload" alt="Hacktoberfest event image" />
1143+
</div>
1144+
<div class="content">
1145+
<h4> Introduction to HACKTOBERFEST' 2021</h4>
1146+
<p>Speaker : Praveen Kumar Purushothaman (Full Stack Developer, YouTuber)</p>
1147+
<p>Date of Event : 11/10/2021</p>
1148+
<a href="https://youtu.be/fmDYVtInswU" class="btn btn-danger" target="_blank">WATCH NOW</a>
1149+
</div>
11321150
</div>
11331151
</div>
1152+
11341153
</div>
11351154
</div>
11361155
</div>

0 commit comments

Comments
 (0)