Skip to content

Commit

Permalink
about me changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@Sarojini-T
Sarojini-T authored Dec 5, 2023
1 parent c62bc60 commit 7ff3701
Show file tree
Hide file tree
Showing 3 changed files with 79 additions and 37 deletions.
Empty file added images/Scott-img.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
41 changes: 26 additions & 15 deletions pages/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@
<title>Assert Map</title>
</head>
<!-- #eff7e8 -->
<body style="background: #383d0358">
<body class="about-body" >
<header class="header">
<div class="website-name">
<a href="../index.html" class="title">ASSERT</a>
Expand Down Expand Up @@ -61,32 +61,38 @@ <h2 class="icons">Integrated Concentration in STEM (iCons)</h2>
</ul>
</div>
<div class="group-img">
<img src="../images/Group_pic.png" id="group-img">
<img src="../images/group-pic-2.png" id="group-img">
</div>
</div>

<div class="meet-team-section ">
<h1 class="meet-teem-header ">Meet the Team</h1>
<div class="scott-img">
<img class="intro-img" src="../images/Scott.png">
<p class="intro-paragraph">Scott M. Auerbach <br></p>
<div class="scott-img-div">
<img class="scott-img" src="../images/Scott-img.png">
<p class="name">Scott M. Auerbach</p>
<p class="intro-paragraph">
iCons Director,Chemistry Professor
</p>
</div>
<div class="Seniors-imgs">
<div class="Anvitha-img">
<img class="intro-img" src="../images/Anvitha-img.png">
<p class="intro-paragraph">Anvitha Ramachandran <br>
Senior, Computer Science + Engineering
<p class="name-Anvitha">Anvitha Ramachandran</p>
<p class="intro-paragraph">
Senior, CS + Engineering
</p>
</div>
<div class="Kushagra-img">
<img class="intro-img" src="../images/Kushagra-img.png">
<p class="intro-paragraph">Kushagra Srivastava <br>
<p class="name">Kushagra Srivastava</p>
<p class="intro-paragraph">
Senior, Computer Science
</p>
</div>
<div class="Gabby-img">
<img class="intro-img" src="../images/Gabby-img.png">
<p class="intro-paragraph">Gabby Walczak <br>
<p class="name">Gabby Walczak</p>
<p class="intro-paragraph">
Senior, Mathematics
</p>
</div>
Expand All @@ -95,27 +101,32 @@ <h1 class="meet-teem-header ">Meet the Team</h1>
<div class="Juniors-imgs">
<div class="intro">
<img class="intro-img" src="../images/Sarojini-img.png">
<p class="intro-paragraph">Sarojini Torchon <br>
Junior, Computer Science
<p class="name">Sarojini Torchon</p>
<p class="intro-paragraph">
Junior, CS + Maths
</p>
</div>
<div class="intro">
<img class="intro-img" src="../images/Jose-img.png">
<p class="intro-paragraph">Jose Cruz Mendez <br>
Junior, Mathematics + Computer Science
<p class="name">Jose Cruz Mendez</p>
<p class="intro-paragraph">
Junior, Maths + CS
</p>
</div>
<div class="intro">
<img class="intro-img" src="../images/Suhani-img.png">
<p class="intro-paragraph">Suhani Chawla <br>
<p class="name">Suhani Chawla</p>
<p class="intro-paragraph">
Junior, Computer Science
</p>
</div>
</div>
</div>

<!-- lenghten page -->
<div class="empty-div">


</div>


<!-- Footer -->
Expand Down
75 changes: 53 additions & 22 deletions styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -132,6 +132,10 @@ iframe {
}

/*about page styles */
.about-body{
background-color: #383d0358;
}

.title-section{
padding: 15rem;
background:#383d0369;
Expand All @@ -154,7 +158,7 @@ iframe {

#group-img{
width: 100%;
height: 75%;
height: 85%;
}

.about-title{
Expand All @@ -169,24 +173,11 @@ iframe {
.icons{
font-family: 'Alata', sans-serif;
text-align: center;
font-size: 30px;
font-size: 45px;
padding-top: 15px;
color:#f5fbef;
}

.revealable {
position: relative;
transform: translateY(150px);
opacity: 0;
transition: all 2s ease;
}

.revealable.active{
transform: translateY(0px);
opacity: 1;
}


.icons-paragraph{
font-family: 'Lato', sans-serif;
margin: 26px;
Expand All @@ -208,7 +199,7 @@ iframe {
.meet-teem-header{
text-align: center;
font-family: 'Alata', sans-serif;
font-size: 40px;
font-size: 45px;
color: #f5fbef;
}
.intro{
Expand All @@ -217,29 +208,69 @@ iframe {

}

/*styles to make circular image*/
.intro-img{
height: 20rem;
width: 15rem;
border: 1px solid #f5fbef;
box-shadow: 5px 2px 2px #383d0324;
box-shadow: 2px 2px 2px #383d0324;
margin: 26px;
margin-bottom: 5px;
}

.intro-paragraph{
.name{
font-family: 'Lato', sans-serif;
font-size: 26px;
font-size: 25px;
color:#232702;
font-weight: bolder;
margin: 35px;
margin-top: 2px;
margin-bottom: 2px;
}
/*
seperate name class for Anvitha so their name stays within picture width */
.name-Anvitha{
font-family: 'Lato', sans-serif;
font-size: 23px;
color:#232702;
font-weight: bolder;
margin: 35px;
margin-top: 2px;
margin-bottom: 2px;
}

.intro-paragraph{
font-family: 'Lato', sans-serif;
font-size: 18px;
color:#232702;
font-weight: bolder;
margin: 35px;
margin-top: 2px;
}
.scott-img-div{
display: flex;
justify-content: center;
flex-direction: column;
}

.scott-img{
height: 20rem;
width: 15rem;
box-shadow: 2px 2px 2px #383d0324;
margin: 26px;
margin-bottom: 5px;
display: flex;
justify-content: center;
}

.Seniors-imgs{
display: flex;
justify-content: space-evenly;
}

.Juniors-imgs{
display: flex;
justify-content: space-evenly;
}

.empty-div{
padding: 70px;
color: #383d0358;
}

0 comments on commit 7ff3701

Please sign in to comment.