Skip to content

Commit

Permalink
Merge branch 'Teams_Updation'
Browse files Browse the repository at this point in the history
  • Loading branch information
@aviiciii
aviiciii committed Oct 16, 2024
2 parents 047d963 + 864e052 commit 0268124
Show file tree
Hide file tree
Showing 2 changed files with 286 additions and 14 deletions.
68 changes: 61 additions & 7 deletions css/style2.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -530,11 +530,16 @@ pre,
}
.grid {
display: grid;
grid-template-columns: auto auto auto;
grid-template-columns: auto auto auto auto;
justify-content: center;
align-items: center;
}
.container-team .card {
.event-directors{
display: flex;
justify-content: center;
align-items: center;
}
.container-team .grid .card , .first .card , .event-directors .card {
position: relative;
width: 290px;
height: 350px;
Expand All @@ -546,7 +551,6 @@ pre,
justify-content: center;
align-items: center;
flex-direction: column;
flex: 0 0 290px;
backdrop-filter: blur(40px);
border: solid 2px transparent;
background-clip: padding-box;
Expand Down Expand Up @@ -599,7 +603,7 @@ pre,
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 500;
font-size: 18px;
font-size: 22px;
text-align: center;
margin: 20px 0 10px;
line-height: 1.1em;
Expand Down Expand Up @@ -642,6 +646,7 @@ pre,
justify-content: center;
align-items: center;
color:#adadad;
font-size: 20px;
}
.cardContent p {
margin-bottom: 50px;
Expand Down Expand Up @@ -1244,10 +1249,16 @@ div .contact_name .name {
/*--------------------------------------------------------------
# Our Team
--------------------------------------------------------------*/
@media(max-width: 1400px){
.grid{
grid-template-columns: auto auto auto;
}
}
@media(max-width: 1075px) {
.container .card {
width: 200px;
width: 230px;
height: 290px;
margin: .6em;
}
.container .card .content .img img {
width: 110px;
Expand All @@ -1273,15 +1284,58 @@ div .contact_name .name {
font-size: 12px;
}
.container .card .content .cardContent p {
font-size: 10px;
font-size: 15px;
}
.container-team .grid .card{
margin: .5em;
width: 250px;
}
.container-team .event-directors .card , .container-team .first .card{
margin: .1em;
}
}
@media(max-width: 530px) {
.grid {
grid-template-columns: auto;
}
.container .card {
.container-team .grid .card , .event-directors .card {
width: 290px;
height: 350px;
}
.event-directors{
flex-direction: column;
row-gap: 10px;
}
.event-directors .card{
padding: 40px 0px;
}
}
@media(max-width: 375px){
.container-team .grid .card , .event-directors .card{
width: 230px !important;
height:280px;
}
.event-directors .card{
padding: 20px 0px;
}
.container-team .card .content .img , .container-team .card .content .img img{
width: 100px;
height: 100px;
}
.container-team .first .card{
width: 230px !important;
height: 280px;
}
}
@media(max-width: 1000px) and (min-width: 768px){
.container-team .grid .card{
width: 250px;
margin: .1em;
height: 300px;
}
.grid{
row-gap: 15px;
margin-top: 15px;
}
}
/*--------------------------------------------------------------
Expand Down
232 changes: 225 additions & 7 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1572,8 +1572,7 @@ <h3>Dr D Anuradha</h3>
</ul>
</div>
</div>

<div class="grid">
<div class="event-directors">
<div class="card">
<div class="content">
<div class="img"><img
Expand Down Expand Up @@ -1627,6 +1626,9 @@ <h3>Aswin A S</h3>
</li>
</ul>
</div>
</div>

<div class="grid">
<div class="card">
<div class="content">
<div class="img"><img
Expand All @@ -1653,11 +1655,6 @@ <h3>Harrish M</h3>
</li>
</ul>
</div>



<!-- Add more cards as needed -->

<div class="card">
<div class="content">
<div class="img"><img
Expand Down Expand Up @@ -1737,6 +1734,227 @@ <h3>Dilip V</h3>
</li>
</ul>
</div>
<div class="card">
<div class="content">
<div class="img"><img
src="https://ik.imagekit.io/kkf9yxfnrh/pechacks/Organizers/Akash.jpg?updatedAt=1728575765000"
alt="Aakash M">
</div>
<div class="cardContent">
<h3>Aakash M</h3>
<p>Design & Media</p>
</div>
</div>
<ul class="sci">
<li style="--i:1">
<a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a>
</li>
<li style="--i:2">
<a href="www.linkedin.com/in/aakash-m-5854a3317" target="_blank"><i
class="fa fa-linkedin"></i></a>
</li>
<li style="--i:3">
<a href="https://www.instagram.com/ash.gt650?igsh=MXRwd2Jhb3ptNTR5Yg%3D%3D&utm_source=qr" target="_blank"><i
class="fa fa-instagram"></i></a>
</li>
<li style="--i:4">
<a href="https://github.com/ASH252004" target="_blank"><i class="fa fa-github"></i></a>
</li>
</ul>
</div>
<div class="card">
<div class="content">
<div class="img"><img
src="https://ik.imagekit.io/kkf9yxfnrh/pechacks/Organizers/Alen%20Rex.png?updatedAt=1728575765336"
alt="Alen Rex T">
</div>
<div class="cardContent">
<h3>Alen Rex T</h3>
<p>Design & Media</p>
</div>
</div>
<ul class="sci">
<li style="--i:1">
<a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a>
</li>
<li style="--i:2">
<a href="https://www.linkedin.com/in/alen-rex-70130227a/" target="_blank"><i
class="fa fa-linkedin"></i></a>
</li>
<li style="--i:3">
<a href="https://www.instagram.com/alen_r_x/" target="_blank"><i
class="fa fa-instagram"></i></a>
</li>
<li style="--i:4">
<a href="https://github.com/alenrex-t" target="_blank"><i class="fa fa-github"></i></a>
</li>
</ul>
</div>
<div class="card">
<div class="content">
<div class="img"><img
src="https://ik.imagekit.io/kkf9yxfnrh/pechacks/Organizers/Archana.jpg?updatedAt=1728628249161"
alt="Archana G">
</div>
<div class="cardContent">
<h3>Archana G</h3>
<p>Outreach</p>
</div>
</div>
<ul class="sci">
<li style="--i:1">
<a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a>
</li>
<li style="--i:2">
<a href="https://www.linkedin.com/in/archanag16/" target="_blank"><i
class="fa fa-linkedin"></i></a>
</li>
<li style="--i:3">
<a href="https://www.instagram.com/arch_ana.16/" target="_blank"><i
class="fa fa-instagram"></i></a>
</li>
<li style="--i:4">
<a href="https://github.com/Ach16" target="_blank"><i class="fa fa-github"></i></a>
</li>
</ul>
</div>
<div class="card">
<div class="content">
<div class="img"><img
src="https://ik.imagekit.io/kkf9yxfnrh/pechacks/Organizers/Bharanivelan.jpg?updatedAt=1728575883595"
alt="Bharanivelan J">
</div>
<div class="cardContent">
<h3>Bharanivelan J</h3>
<p>Hospitality</p>
</div>
</div>
<ul class="sci">
<li style="--i:1">
<a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a>
</li>
<li style="--i:2">
<a href="https://www.linkedin.com/in/bharanivelan-j/" target="_blank"><i
class="fa fa-linkedin"></i></a>
</li>
<li style="--i:3">
<a href="https://www.instagram.com/bharanivelan_jk/profilecard/?igsh=MThubjd5cW03dXlxMg==" target="_blank"><i
class="fa fa-instagram"></i></a>
</li>
<li style="--i:4">
<a href="https://github.com/Bharanivelan" target="_blank"><i class="fa fa-github"></i></a>
</li>
</ul>
</div>
<div class="card">
<div class="content">
<div class="img"><img
src="https://ik.imagekit.io/kkf9yxfnrh/pechacks/Organizers/Inba.jpg?updatedAt=1728578018709"
alt="Inba M">
</div>
<div class="cardContent">
<h3>Inba M</h3>
<p>Outreach</p>
</div>
</div>
<ul class="sci">
<li style="--i:1">
<a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a>
</li>
<li style="--i:2">
<a href="https://www.linkedin.com/in/inba-mathi-230234254/" target="_blank"><i
class="fa fa-linkedin"></i></a>
</li>
<li style="--i:3">
<a href="https://www.instagram.com/inba.mathi6/" target="_blank"><i
class="fa fa-instagram"></i></a>
</li>
<li style="--i:4">
<a href="https://github.com/inba-m" target="_blank"><i class="fa fa-github"></i></a>
</li>
</ul>
</div>
<div class="card">
<div class="content">
<div class="img"><img
src="https://ik.imagekit.io/kkf9yxfnrh/pechacks/Organizers/Keshni.jpg?updatedAt=1728578266060"
alt="Keshni B">
</div>
<div class="cardContent">
<h3>Keshni B</h3>
<p>Sponsorship</p>
</div>
</div>
<ul class="sci">
<li style="--i:1">
<a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a>
</li>
<li style="--i:2">
<a href="https://www.linkedin.com/in/keshni-naidu-614146244/" target="_blank"><i
class="fa fa-linkedin"></i></a>
</li>
<li style="--i:3">
<a href="https://www.instagram.com/keshhh_.offside?igsh=NHV6ZWVoaThiajdh" target="_blank"><i
class="fa fa-instagram"></i></a>
</li>
<li style="--i:4">
<a href="https://github.com/Kesh1486" target="_blank"><i class="fa fa-github"></i></a>
</li>
</ul>
</div>
<div class="card">
<div class="content">
<div class="img"><img
src="https://ik.imagekit.io/kkf9yxfnrh/pechacks/Organizers/Praveen%20M.jpg?updatedAt=1728737373429"
alt="Praveen M">
</div>
<div class="cardContent">
<h3>Praveen M</h3>
<p>WebOps</p>
</div>
</div>
<ul class="sci">
<li style="--i:1">
<a href="mailto:[email protected]"><i class="fa fa-envelope"></i></a>
</li>
<li style="--i:2">
<a href="https://www.instagram.com/_.praveen._1910/" target="_blank"><i
class="fa fa-linkedin"></i></a>
</li>
<li style="--i:3">
<a href="https://www.linkedin.com/in/praveen-m-919650255/" target="_blank"><i
class="fa fa-instagram"></i></a>
</li>
<li style="--i:4">
<a href="https://github.com/Praveenm1910" target="_blank"><i class="fa fa-github"></i></a>
</li>
</ul>
</div>
<div class="card">
<div class="content">
<div class="img"><img
src="https://ik.imagekit.io/kkf9yxfnrh/pechacks/Organizers/Sarath%20Kumaran%20P.jpg?updatedAt=1728575989804"
alt="Sarath Kumaran P">
</div>
<div class="cardContent">
<h3>Sarath Kumaran P</h3>
<p>WebOps</p>
</div>
</div>
<ul class="sci">
<li style="--i:1">
<a href="mailto:[email protected]" target="_blank"><i class="fa fa-envelope"></i></a>
</li>
<li style="--i:2">
<a href="https://www.linkedin.com/in/p-sarath-kumaran" target="_blank"><i
class="fa fa-linkedin"></i></a>
</li>
<li style="--i:4">
<a href="https://github.com/p-sarath-kumaran" target="_blank"><i class="fa fa-github"></i></a>
</li>
</ul>
</div>

</div>
</div>
</section>
Expand Down

0 comments on commit 0268124

Please sign in to comment.