Skip to content

Commit b2413e3

Browse files
0r-gh00r-gh0
committed
DESIGN ELEMENTS UPDATED
1 parent 67b27af commit b2413e3

File tree

3 files changed

+49
-33
lines changed

3 files changed

+49
-33
lines changed

‎favicon.ico

10.3 KB
Binary file not shown.

‎index.html

+15-15
Original file line numberDiff line numberDiff line change
@@ -397,7 +397,7 @@ <h1 class="name">DEBABRATA MAJHI</h1>
397397
<a href="https://api.whatsapp.com/send?phone=918116252958" class="whatsapp" target="_blank">
398398
<img src="ICONS/whatsapp.png" alt="WhatsApp">
399399
</a>
400-
<a href="https://www.linkedin.com/in/debabrata-maji-93a284213" class="github" target="_blank">
400+
<a href="https://www.linkedin.com/in/debabrata-maji-93a284213" class="linkedin" target="_blank">
401401
<img src="ICONS/linkedin.png" alt="linkedin">
402402
</a>
403403
</div>
@@ -503,8 +503,8 @@ <h1 class="name">JHELUM DHAR</h1>
503503
<div class="research-interests">
504504
<h3>EDUCATION</h3>
505505
<ul>
506-
<li><b>B.Sc</b> : <i>Calcutta University</i></li>
507-
<li><b>M.Sc</b> : <i>Ramakrishna Mission Vivekananda<br>Educational and Research Institute</i></li>
506+
<li><b>B.Sc</b> : <i>Dinabandhu Andrews College, Kolkata</i></li>
507+
<li><b>M.Sc</b> : <i>Ramakrishna Mission Vivekananda Educational<br>and Research Institute, Belur</i></li>
508508
</ul>
509509
<br>
510510
<h3>AREAS OF INTEREST</h3>
@@ -544,7 +544,7 @@ <h1 class="name">KIRAN DEEP GHOSH</h1>
544544
<a href="https://www.instagram.com/nemesis_kd10/" class="instagram" target="_blank">
545545
<img src="ICONS/instagram.png" alt="Instagram">
546546
</a>
547-
<a href="https://www.linkedin.com/in/kiran-deep-ghosh-972aa82aa/" class="github" target="_blank">
547+
<a href="https://www.linkedin.com/in/kiran-deep-ghosh-972aa82aa/" class="linkedin" target="_blank">
548548
<img src="ICONS/linkedin.png" alt="linkedin">
549549
</a>
550550
</div>
@@ -591,7 +591,7 @@ <h1 class="name">MRINMOY BERA</h1>
591591
<a href="https://api.whatsapp.com/send?phone=917430063841" class="whatsapp" target="_blank">
592592
<img src="ICONS/whatsapp.png" alt="WhatsApp">
593593
</a>
594-
<a href="https://www.linkedin.com/in/mrinmoy-bera-97a597285" class="github" target="_blank">
594+
<a href="https://www.linkedin.com/in/mrinmoy-bera-97a597285" class="linkedin" target="_blank">
595595
<img src="ICONS/linkedin.png" alt="linkedin">
596596
</a>
597597
</div>
@@ -638,7 +638,7 @@ <h1 class="name">PRABAL DAS</h1>
638638
<a href="https://api.whatsapp.com/send?phone=918768850068" class="whatsapp" target="_blank">
639639
<img src="ICONS/whatsapp.png" alt="WhatsApp">
640640
</a>
641-
<a href="https://www.linkedin.com/in/prabal-das-131628216/" class="github" target="_blank">
641+
<a href="https://www.linkedin.com/in/prabal-das-131628216/" class="linkedin" target="_blank">
642642
<img src="ICONS/linkedin.png" alt="linkedin">
643643
</a>
644644
</div>
@@ -689,7 +689,7 @@ <h1 class="name">PRASUN KUMAR MANDAL</h1>
689689
<a href="https://github.com/prasun1000" class="github" target="_blank">
690690
<img src="ICONS/github.png" alt="github">
691691
</a>
692-
<a href="https://www.linkedin.com/in/prasun-kumar-mandal-0b3765220?trk=contact-info" class="github" target="_blank">
692+
<a href="https://www.linkedin.com/in/prasun-kumar-mandal-0b3765220?trk=contact-info" class="linkedin" target="_blank">
693693
<img src="ICONS/linkedin.png" alt="linkedin">
694694
</a>
695695
</div>
@@ -890,7 +890,7 @@ <h1 class="name">SK. GOLAM KUDDUS</h1>
890890
<a href="http://github.com/kuddus24" class="github" target="_blank">
891891
<img src="ICONS/github.png" alt="github">
892892
</a>
893-
<a href="https://www.linkedin.com/in/sk-golam-kuddus-a36691183/" class="github" target="_blank">
893+
<a href="https://www.linkedin.com/in/sk-golam-kuddus-a36691183/" class="linkedin" target="_blank">
894894
<img src="ICONS/linkedin.png" alt="linkedin">
895895
</a>
896896
<a href="https://www.instagram.com/kuddusmath24/" class="instagram" target="_blank">
@@ -945,7 +945,7 @@ <h1 class="name">SOHAM BISWAS</h1>
945945
<a href="https://www.facebook.com/soham.biswas.925" class="facebook" target="_blank">
946946
<img src="ICONS/facebook.png" alt="facebook">
947947
</a>
948-
<a href="https://www.linkedin.com/in/soham-biswas-1aa7832b0/" class="github" target="_blank">
948+
<a href="https://www.linkedin.com/in/soham-biswas-1aa7832b0/" class="linkedin" target="_blank">
949949
<img src="ICONS/linkedin.png" alt="linkedin">
950950
</a>
951951
<a href="https://www.instagram.com/soham.biswas.925" class="instagram" target="_blank">
@@ -1045,13 +1045,13 @@ <h1 class="name">SUBHRADIP PALCHAUDHURI</h1>
10451045
<div class="content-student-rev">
10461046

10471047
<div class="social-media">
1048-
<a href="https://api.whatsapp.com/send?phone=918017306564" class="whatsapp" target="_blank">
1048+
<!-- <a href="https://api.whatsapp.com/send?phone=918017306564" class="whatsapp" target="_blank">
10491049
<img src="ICONS/whatsapp.png" alt="WhatsApp">
1050-
</a>
1051-
<a href="https://github.com/spc04" class="github" target="_blank">
1050+
</a> -->
1051+
<!-- <a href="https://github.com/spc04" class="github" target="_blank">
10521052
<img src="ICONS/github.png" alt="github">
1053-
</a>
1054-
<a href="https://www.linkedin.com/in/subhradip-palchaudhuri-64b0222a8/" class="github" target="_blank">
1053+
</a> -->
1054+
<a href="https://www.linkedin.com/in/subhradip-palchaudhuri-64b0222a8/" class="linkedin" target="_blank">
10551055
<img src="ICONS/linkedin.png" alt="linkedin">
10561056
</a>
10571057
<a href="https://www.instagram.com/s_pal.c/" class="instagram" target="_blank">
@@ -1060,7 +1060,7 @@ <h1 class="name">SUBHRADIP PALCHAUDHURI</h1>
10601060
<a href="https://www.facebook.com/subhradip.palchaudhuri.1" class="facebook" target="_blank">
10611061
<img src="ICONS/facebook.png" alt="Facebook">
10621062
</a>
1063-
<a href="https://twitter.com/SPalchaudhuri4" class="youtube" target="_blank">
1063+
<a href="https://twitter.com/SPalchaudhuri4" class="github" target="_blank">
10641064
<img src="ICONS/twitter.png" alt="twitter">
10651065
</a>
10661066
<a href="https://www.youtube.com/@subhrotunes" class="youtube" target="_blank">

‎style.css

+34-18
Original file line numberDiff line numberDiff line change
@@ -82,10 +82,9 @@ body {
8282
}
8383

8484
.bottom-arrow:hover {
85-
color: #42ffb3;
8685
transition: all 0.3s ease-in-out;
8786
box-shadow: 15px 15px 15px rgba(0, 0, 0, .6);
88-
background-color: #6cea7b; /* Increase opacity on hover */
87+
background-color: #57f8fe; /* Increase opacity on hover */
8988
}
9089

9190
.start-page-action {
@@ -237,8 +236,8 @@ body {
237236
font-family: 'Protest Riot', sans-serif;
238237
font-size: 3rem;
239238
margin-bottom: 10px;
240-
color: #ffffff;
241-
text-shadow: 2px 2px 5px rgb(0, 0, 0), 2px 2px 10px rgb(255, 0, 0), 2px 2px 10px rgb(255, 132, 0);
239+
color: #ff0c79;
240+
text-shadow: 2px 2px 10px rgb(0, 0, 0), 2px 2px 10px #fcb1d3, 2px 2px 10px #8d0a45;
242241
}
243242

244243
.content-student {
@@ -322,7 +321,7 @@ body {
322321
.download-button:hover {
323322
color: #1f4924;
324323
transition: all 0.3s ease-in-out;
325-
transform: translateY(-7px) scale(1.1);
324+
transform: scale(1.1);
326325
box-shadow: 15px 15px 15px rgba(0, 0, 0, .6);
327326
background-color: #6cea7b; /* Increase opacity on hover */
328327
}
@@ -345,30 +344,48 @@ body {
345344
height: 36px;
346345
border-radius: 100%;
347346
margin: 0 10px;
348-
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);
347+
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);
349348
text-decoration: none;
349+
overflow: hidden;
350350
}
351351

352352
.social-media a:hover {
353-
transform: scale(1.1);
354-
box-shadow: 15px 15px 15px rgba(0, 0, 0, .6);
353+
transform: scale(1.3);
354+
transition: all 0.6s ease-in-out;
355355
}
356356

357357
.social-media a img {
358358
width: 23px;
359359
height: 23px;
360+
transition: transform 0.6s ease-in-out;
361+
}
362+
363+
.social-media a:hover img {
364+
transform: rotate(360deg);
360365
}
361366

362367
.instagram:hover{
363368
background-color: #d62976; /* Increase opacity on hover */
364-
/* color: #b2d7fe; */
365-
transition: all 0.3s ease-in-out;
366-
transform: rotate(1080deg);
367369
}
368-
/* NOT WORKING !! */
369370

370-
.instagram a img:hover{
371-
transform: rotate(1080deg);
371+
.facebook:hover{
372+
background-color: #4267B2; /* Increase opacity on hover */
373+
}
374+
375+
.youtube:hover{
376+
background-color: #FF0000;
377+
}
378+
379+
.whatsapp:hover{
380+
background-color: #25D366;
381+
}
382+
383+
.github:hover{
384+
background-color: #ffffff;
385+
}
386+
387+
.linkedin:hover{
388+
background-color: #0a66c2;
372389
}
373390

374391
footer {
@@ -481,10 +498,9 @@ footer img {
481498
}
482499

483500
.bottom-arrow:hover {
484-
color: #42ffb3;
485501
transition: all 0.3s ease-in-out;
486502
box-shadow: 15px 15px 15px rgba(0, 0, 0, .6);
487-
background-color: #6cea7b; /* Increase opacity on hover */
503+
background-color: #57f8fe; /* Increase opacity on hover */
488504
}
489505

490506
.start-page-action {
@@ -594,8 +610,8 @@ footer img {
594610
font-family: 'Protest Riot', sans-serif;
595611
font-size: 1.8rem;
596612
margin-bottom: 20px; /* Adjust the margin as needed */
597-
color: #ffffff;
598-
text-shadow: 2px 2px 5px rgb(0, 0, 0), 2px 2px 10px rgb(255, 0, 0), 2px 2px 10px rgb(255, 132, 0);
613+
color: #ff0c79;
614+
text-shadow: 2px 2px 10px rgb(0, 0, 0), 2px 2px 10px #fcb1d3, 2px 2px 10px #8d0a45;
599615
text-align: center; /* Center the text */
600616
}
601617

0 commit comments

Comments
 (0)