Skip to content

Commit

Permalink
Update about.html and style.css: Adds team member information, modifi…
Browse files Browse the repository at this point in the history 
…es font styles and sizes, and adjusts layout

The changes include:

1. Adds team member information in about.html, including names, roles
  • Loading branch information
@abhijit-23blaze
abhijit-23blaze committed May 15, 2024
1 parent fee1d98 commit a50452f
Show file tree
Hide file tree
Showing 2 changed files with 200 additions and 25 deletions.
137 changes: 121 additions & 16 deletions about/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,17 +27,24 @@
<div class='content'>

<h1 class='h1--scalingSize' data-text='InsIIITS - Team'>InsIIITS - Team</h1>
<p class='h1--scalingSize' data-text='InsIIITS - Team'>Coming soon</p>


<p class='h2--scalingSize' data-text='Spiderman (web developer)'>Spiderman (web developer)🕸️</p>

<!-- <div class="team-section">
<div class="team-section">
<div class="team-member">
<div class="card">
<div class="card-content">
<img src="../Screenshot 2024-04-20 011043.png" alt="Team Member 1" class="team-member-img">
<div class="description">
<h3>Team Member 1</h3>
<p>nigga</p>
<h3>Abhijit Patil</h3>
<br>
<p>code go vroom</p>
<br>
<a href="https://www.linkedin.com/in/abhijiiitpatil/">Linkedin</a>

<a href="https://www.linkedin.com/in/abhijiiitpatil/">Github</a>

<a href="https://www.linkedin.com/in/abhijiiitpatil/">Portfolio</a>
</div>

</div>
Expand All @@ -47,10 +54,108 @@ <h3>Team Member 1</h3>

<br>
<br>
<p class='h2--scalingSize' data-text='The 3 great designers'>The 3 great designers ✨</p>

<br>
<br>
<div class="team-section">
<div class="team-member">
<div class="card">
<div class="card-content">
<img src="../Screenshot 2024-04-20 011043.png" alt="Team Member 1" class="team-member-img">
<div class="description">
<h3>Yojit Kaustub</h3>
<p>Creative Director</p>
</div>
</div>
</div>
</div>
<div class="team-member">
<div class="card">
<div class="card-content">
<img src="../Screenshot 2024-04-20 011043.png" alt="Team Member 1" class="team-member-img">
<div class="description">
<h3>Abraham VJ</h3>
<p>Editor in chief</p>
</div>
</div>
</div>
</div>
<div class="team-member">
<div class="card">
<div class="card-content">
<img src="../Screenshot 2024-04-20 011043.png" alt="Team Member 1" class="team-member-img">
<div class="description">
<h3>Shriansh Jain</h3>
<p>Professional Retard</p>
</div>
</div>
</div>
</div>
<div class="team-member">
<div class="card">
<div class="card-content">
<img src="../Screenshot 2024-04-20 011043.png" alt="Team Member 2" class="team-member-img">
<div class="description">
<h3>Vanya Awasthi</h3>
<p>Maruti Swiftie #1</p>
</div>
</div>
</div>
</div>
</div>
<p class='h2--scalingSize' data-text='The 3 great designers'>Content ke Bhooke ✒️</p>

<br>
<br>
<div class="team-section">
<div class="team-member">
<div class="card">
<div class="card-content">
<img src="../Screenshot 2024-04-20 011043.png" alt="Team Member 1" class="team-member-img">
<div class="description">
<h3>Yojit Kaustub</h3>
<p>Creative Director</p>
</div>
</div>
</div>
</div>
<div class="team-member">
<div class="card">
<div class="card-content">
<img src="../Screenshot 2024-04-20 011043.png" alt="Team Member 1" class="team-member-img">
<div class="description">
<h3>Abraham VJ</h3>
<p>Editor in chief</p>
</div>
</div>
</div>
</div>
<div class="team-member">
<div class="card">
<div class="card-content">
<img src="../Screenshot 2024-04-20 011043.png" alt="Team Member 1" class="team-member-img">
<div class="description">
<h3>Shriansh Jain</h3>
<p>Professional Retard</p>
</div>
</div>
</div>
</div>
<div class="team-member">
<div class="card">
<div class="card-content">
<img src="../Screenshot 2024-04-20 011043.png" alt="Team Member 2" class="team-member-img">
<div class="description">
<h3>Vanya Awasthi</h3>
<p>Maruti Swiftie #1</p>
</div>
</div>
</div>
</div>
</div>
<p class='h2--scalingSize' data-text='The 3 great designers'>Special Thanks to 💖</p>

<br>
<br>
<div class="team-section">
Expand All @@ -59,8 +164,8 @@ <h3>Team Member 1</h3>
<div class="card-content">
<img src="../Screenshot 2024-04-20 011043.png" alt="Team Member 1" class="team-member-img">
<div class="description">
<h3>Team Member 1</h3>
<p>chigga</p>
<h3>Yojit Kaustub</h3>
<p>Creative Director</p>
</div>
</div>
</div>
Expand All @@ -70,8 +175,8 @@ <h3>Team Member 1</h3>
<div class="card-content">
<img src="../Screenshot 2024-04-20 011043.png" alt="Team Member 1" class="team-member-img">
<div class="description">
<h3>Team Member 1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget justo vitae libero fermentum bibendum.</p>
<h3>Abraham VJ</h3>
<p>Editor in chief</p>
</div>
</div>
</div>
Expand All @@ -81,8 +186,8 @@ <h3>Team Member 1</h3>
<div class="card-content">
<img src="../Screenshot 2024-04-20 011043.png" alt="Team Member 1" class="team-member-img">
<div class="description">
<h3>Team Member 1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget justo vitae libero fermentum bibendum.</p>
<h3>Shriansh Jain</h3>
<p>Professional Retard</p>
</div>
</div>
</div>
Expand All @@ -92,8 +197,8 @@ <h3>Team Member 1</h3>
<div class="card-content">
<img src="../Screenshot 2024-04-20 011043.png" alt="Team Member 2" class="team-member-img">
<div class="description">
<h3>Team Member 2</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget justo vitae libero fermentum bibendum.</p>
<h3>Vanya Awasthi</h3>
<p>Maruti Swiftie #1</p>
</div>
</div>
</div>
Expand All @@ -102,10 +207,10 @@ <h3>Team Member 2</h3>
<br>
<br>
<br>
<br> -->
<br>

<!-- <input type='checkbox' id='switch'>
<label for='switch'><span><span class='icon'>→</span> switch bg</span></label> -->
<input type='checkbox' id='switch'>
<label for='switch'><span><span class='icon'>→</span> switch bg</span></label>
</div>
</section>

Expand Down
88 changes: 79 additions & 9 deletions about/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -114,12 +114,16 @@

.description h3 {
margin: 0;
font-size: 1.2rem;
font-size: 1.8rem;

color: #000;


}

.description p {
margin: 0;
font-size: 0.9rem;
font-size: .9rem;
}


Expand All @@ -131,6 +135,7 @@
place-items: flex-start center;
background: var(--bg);
overflow-x: hidden;

}

#parent{
Expand Down Expand Up @@ -269,13 +274,26 @@
top: 10px;
filter: invert(8);
}
.h2 {


position: absolute;


.h2--scalingSize {
font-family: 'Times New Roman', Times, serif ;
font-style: italic;
font-size:6rem;
position:relative;
top: 10px;
filter: invert(8);
}

.h3--scalingSize {
font-family: 'Times New Roman', Times, serif ;
font-style: italic;
font-size:6rem;
position:relative;

top: 10px;

}


[for="switch"] {
cursor: pointer;
Expand Down Expand Up @@ -691,12 +709,64 @@



#nav-bar{
display: none;
:root {
--background: #000000;
--navbar-width: 220px;
--navbar-width-min: 40px;
--navbar-dark-primary: #5eead467;
--navbar-dark-secondary: #60a5fa;
--navbar-light-primary: #000000;
--navbar-light-secondary: #000000;
}

.nav-button {
position: relative;
margin-left: 2px;
height: 54px;
display: flex;
align-items: center;
color: var(--navbar-light-secondary);
direction: ltr;
cursor: pointer;
z-index: 1;
transition: color 0.2s;
}

.nav-button1 {
margin-left: 10px;
}

.wrapper {
margin-left: 50px;
width: 100%;
height: auto;
position: relative;
overflow: scroll; /* Change to 'scroll' */
}

.h1--scalingSize {
font-family: 'Times New Roman', Times, serif ;
font-style: italic;
font-size:2.5rem;
position:relative;
top: 10px;
filter: invert(8);
}

.team-member-img {
width: 120px; /* Adjust image width as needed */
height: auto; /* Maintain aspect ratio */
border-radius: 20px; /* Optional: Apply border-radius */
}

.h2--scalingSize {
font-family: 'Times New Roman', Times, serif ;
font-style: italic;
font-size:2rem;
position:relative;
top: 10px;
filter: invert(8);
}


}
Expand Down

0 comments on commit a50452f

Please sign in to comment.