Skip to content

Commit

Permalink
Merge pull request #191 from thecoding-society/Teams
Browse files Browse the repository at this point in the history 
All changes fixed
  • Loading branch information
@Praveenm1910
Praveenm1910 authored Oct 27, 2024
2 parents 62b625e + aaa23b4 commit 6639c77
Show file tree
Hide file tree
Showing 2 changed files with 81 additions and 16 deletions.
56 changes: 50 additions & 6 deletions css/style2.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -419,6 +419,9 @@ pre,
overflow: hidden;
padding: 5rem 0;
}
.modify{
font-size: 280px !important;
}
.card__container {
display: grid;
gap: 1.5rem;
Expand All @@ -439,6 +442,10 @@ pre,
border: 2px solid #F4F4FB;
margin-bottom: 1rem;
}
.speak_role{
font-size: 20px;
color: black;
}
.card__data {
margin-bottom: .5rem;
}
Expand All @@ -461,6 +468,7 @@ pre,
color: var(--title-color);
font-weight: 500;
transition: .4s;
pointer-events: none;
}
.card__button:hover {
background: linear-gradient(130deg, rgba(251, 251, 254, 1), rgba(251, 251, 254, .4));
Expand All @@ -469,6 +477,7 @@ pre,
position: absolute;
top: 50%;
transform: translateY(-50%);
padding-left: 15px;
}
.card__link {
display: block;
Expand Down Expand Up @@ -541,8 +550,8 @@ pre,
}
.container-team .grid .card , .first .card , .event-directors .card {
position: relative;
width: 290px;
height: 350px;
width: 250px;
height: 310px;
margin: 1em;
background: rgba(255, 255, 255, 0.05);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
Expand Down Expand Up @@ -1249,7 +1258,7 @@ div .contact_name .name {
padding: 0;
}
.card__container {
grid-template-columns: repeat(3, 1fr);
grid-template-columns: repeat(3, 2fr);
align-content: center;
margin-top: 50px;
}
Expand All @@ -1274,10 +1283,13 @@ div .contact_name .name {
# Our Team
--------------------------------------------------------------*/
@media (max-width: 2100px){
.container-team .grid .card , .first .card , .event-directors .card{
.container-team .grid .card{
width: 240px;
height: 300px;
}
.modify{
font-size: 235px !important;
}
.container-team .card .content .img{
width: 110px;
height: 110px;
Expand All @@ -1290,10 +1302,13 @@ div .contact_name .name {
}
}
@media (max-width: 1750px){
.container-team .grid .card , .first .card , .event-directors .card{
.container-team .grid .card{
width: 210px;
height: 270px;
}
.modify{
font-size: 210px !important;
}
.container-team .card .content .img{
width: 100px;
height: 100px;
Expand All @@ -1306,11 +1321,14 @@ div .contact_name .name {
}
}
@media (max-width: 1560px){
.container-team .grid .card , .first .card , .event-directors .card{
.container-team .grid .card{
width: 200px;
height: 260px;
margin: .5em;
}
.modify{
font-size: 185px !important;
}
.container-team .card .sci li a {
font-size: 17px;
}
Expand All @@ -1319,16 +1337,30 @@ div .contact_name .name {
.grid{
grid-template-columns: auto auto auto auto;
}
.modify{
font-size: 150px !important;
}
}
@media(max-width: 1075px) {
.grid{
grid-template-columns: auto auto auto;
}
.modify{
font-size: 125px !important;
}
}
@media(max-width: 968px){
.modify{
font-size: 100px !important;
}
}
@media(max-width: 768px) {
.grid {
grid-template-columns: auto auto;
}
.modify{
font-size: 70px !important;
}
.container .card .content .cardContent h3 {
letter-spacing: 0;
font-size: 12px;
Expand All @@ -1347,12 +1379,18 @@ div .contact_name .name {
.container-team .event-directors .card , .container-team .first .card{
margin: .1em;
}
.modify-small{
font-size: 50px;
}
}
@media(max-width: 530px) {
.container-team .grid .card , .event-directors .card , .first .card{
width: 200px;
height: 280px;
}
.modify{
font-size: 45px !important;
}
.event-directors .card{
padding: 40px 0px;
}
Expand Down Expand Up @@ -1385,6 +1423,12 @@ div .contact_name .name {
.event-directors{
column-gap: 10px;
}
.modify-small{
font-size: 35px !important;
}
.modify{
font-size: 40px !important;
}
.container-team .card .content .img{
width: 75px;
height: 75px;
Expand Down
41 changes: 31 additions & 10 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1463,8 +1463,35 @@ <h3 class="non-selectable">WANT TO PARTNER WITH US?</h3>
<div class="twinkling"></div>
</div>
<div class="heading">
<h1 class="heading-shadow">Speakers</h1>
<h2 class="heading-small" style="color: #fff">
<h1 class="heading-shadow modify">Judges & Speakers</h1>
<h2 class="heading-small modify-small" style="color: #fff">
<div style="overflow: hidden">
<div style="transform: translateY(0%); will-change: auto">J</div>
</div>
<div style="overflow: hidden">
<div style="transform: translateY(0%); will-change: auto">U</div>
</div>
<div style="overflow: hidden">
<div style="transform: translateY(0%); will-change: auto">D</div>
</div>
<div style="overflow: hidden">
<div style="transform: translateY(0%); will-change: auto">G</div>
</div>
<div style="overflow: hidden">
<div style="transform: translateY(0%); will-change: auto">E</div>
</div>
<div style="overflow: hidden">
<div style="transform: translateY(0%); will-change: auto">S</div>
</div>
<div style="overflow: hidden">
<div style="transform: translateY(0%); will-change: auto">&nbsp;</div>
</div>
<div style="overflow: hidden">
<div style="transform: translateY(0%); will-change: auto">&</div>
</div>
<div style="overflow: hidden">
<div style="transform: translateY(0%); will-change: auto">&nbsp;</div>
</div>
<div style="overflow: hidden">
<div style="transform: translateY(0%); will-change: auto">S</div>
</div>
Expand All @@ -1491,21 +1518,15 @@ <h2 class="heading-small" style="color: #fff">
</div>
</h2>
</div>

<div class="card__circle card__circle1"></div>
<div class="card__circle card__circle2"></div>

<div class="card__container bd-container">
<div class="card__glass mike">
<img src="img/Speaker/Speaker_PEC.jpg" alt="" class="card__img">

<div class="card__data">
<h3 class="card__title">Mike Odnis</h3>
<span class="card__profession">Undergraduate <br> Computer Science Student</span><br>
<span class="card__profession">Alpha Microsoft Learn<br> Student Ambassador</span><br>
</div>

<a href="#" class="card__button">Know more</a>

<a href="#" class="card__button">Workshop Speaker</a>
<div class="card__social">
<a href="https://www.instagram.com/_xmike__/" target="_blank" class="card__link"><i class='bx bxl-instagram'></i></a>
<a href="https://www.linkedin.com/in/mikeodnis" target="_blank" class="card__link"><i class='bx bxl-linkedin'></i></a>
Expand Down

0 comments on commit 6639c77

Please sign in to comment.