Skip to content

Commit

Permalink
I am done with both home and contact us
Browse files Browse the repository at this point in the history
  • Loading branch information
@Oreo236
Oreo236 committed Aug 19, 2024
2 parents d750faa + 8fb22b7 commit 44af92d
Show file tree
Hide file tree
Showing 4 changed files with 238 additions and 138 deletions.
152 changes: 99 additions & 53 deletions about.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -482,75 +482,114 @@ header::before{
}

@media screen and (max-width: 480px) {
.aboutus-about {margin-bottom: 2em;
left: 3em;}
.aboutus-about img {width: 89px;
.aboutus-about {
margin-bottom: 2em;
/* left: -3em; */
}
.aboutus-about img {
width: 89px;
height: 72px;
left: 5em;
top: 7em;
transform: scale(1.75);}
.aboutus-about h1 {font-size: 5em;
top:70px;
left: 1em;}

.mission {height:250px;
margin-left: 0;
left: 2em;
top: 5em;
transform: scale(1.75);
}
.aboutus-about h1 {
font-size: 5em;
top: 28px;
left: 0.2em;
}

.mission {
height: 33em;
/* margin-left: 0; */
border-radius: 0;
padding: 25%;}
.mission h2 {font-size: 4em;
padding: 0%;
}
.mission h2 {
font-size: 4em;
line-height: 60px;
top: -1em;}
.mission p {left: 0em;
top: 1em;
}
.mission p {
left: 0em;
font-size:30px;
top: -2em;}
top: 2em;
}

.motivation {height: auto;
.motivation {
height: auto;
width:100%;
padding: 25%;}
.motivation h2 {font-size: 3em;
padding: 0%;
margin-top: 20em;
}
.motivation h2 {
font-size: 3em;
padding-top: 4em;
top: 0.6em;}
.motivation p {font-size: 20px;
top: 1em;}
top: 2em;
}
.motivation p {
font-size: 20px;
top: 4em;
width: 81%;
left: 2em;
padding-bottom: 9em;
}

.dashed-line img {overflow-x: hidden;}
.dashed-line img {position: relative;
left: -59em;
top: -15em;
transform: scale(0.75);}
.goal-image {position: relative;
.dashed-line img {
position: relative;
left: -61em;
top: -19em;
transform: scale(0.75);
}
.goal-image {
position: relative;
transform: scale(0.25);
top: -23em;
left: 20em;}
left: 7em;
}

.goal-text {margin-top: -32em;
.goal-text {
margin-top: -32em;
border-radius: 0;
padding: 25%;
padding: 0%;
padding-bottom: 1em;
z-index:2;}
.goal-text h2 {left: 1em;
top: -1em;
text-align:left;}
.goal-text p {text-align:left;
z-index:2;
}
.goal-text h2 {
top: 0em;
left: 1.5em;
text-align:left;
}
.goal-text p {
text-align:left;
left: 30px;
top: -3em;}
top: -1em;
}

.whatwedo {width:100%;
padding: 25%;
.whatwedo {
width:100%;
padding: 0%;
margin-top: 0;
height: auto;}
.whatwedo h2 {font-size: 50px;
margin-left: 20px;
margin-bottom:0px;}
height: auto;
}
.whatwedo h2 {
font-size: 50px;
margin-left: 1.5em;
/* margin-bottom: 0px; */
padding-top: 1em;
}
.whatwedo p {font-size: 20px;
margin-left: 20px;
width: 90%;}
.whatwedo img {position: relative;
.whatwedo img {
position: relative;
margin-left: 0px;
width: 100%;
top: -70em;
left: -5em;}
.about-container {left: 3em;
top: -57em;
left: -11em;
}
.about-container {
left: -3em;
position: relative;
}
.ourstory-text {padding: 0;}
Expand All @@ -567,17 +606,24 @@ header::before{
left: -20px;
top: -800px;}

.team-container {display: grid;
.team-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
position: relative;
left: 50px;}
.team {font-size: 50px;
left: 1em;
left: 50px;
transform: scale(0.75);
top: -7em;
}
.team {
font-size: 50px;
left: -1em;
position: relative;
margin-top: -201px;-
box;
margin-top: -5em;}
margin-top: -5em;
margin-bottom: -12em;
}
.team h2 {position:relative;
left: 1em;
top: 1em;}
Expand Down
65 changes: 41 additions & 24 deletions app.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -301,49 +301,66 @@ header::before{
.meet-app {margin-top: 6em;
text-align: center;}

.meet-app h1 {margin-top: 0em;
.meet-app h1 {
margin-top: 0em;
margin-left: 2em;
font-size: 4em;
font-size: 3em;
text-align: left;
left: -0.5em;}
left: -0.5em;
}

.blueleaf {top: -6.5em;
left: 16em;
.blueleaf {
top: -5.5em;
left: 12em;
width: 4rem;
transform: scale(1.25);}
transform: scale(1.25);
}

.meet-left p {margin-left: 3em;
.meet-left p {
margin-left: 2em;
font-size: 2em;
width: 90%;}
width: 90%;
}

.how-box {height: auto;
padding: 25%;
.how-box {
height: auto;
padding: 0%;
width: 100%;
flex-direction: column;
padding-bottom: 0em;}
padding-bottom: 0em;
}

.how-text h2 {font-size: 3em;
.how-text h2 {
font-size: 3em;
position: relative;
display: block;
left: 0em;
top: -2.25em;}
left: 1em;
top: 0em;
}

.ratio {width: 85%;
.ratio {
width: 85%;
height: 23em;
position: relative;
left: 1em;
top: -6em;}
left: 2em;
top: 2em;
padding-bottom: 6em;
}

#faq h2 {font-size: 3em;
width: 132%;
#faq h2 {
font-size: 3em;
width: 90%;
text-align: center;
left: 1em;
position: relative;}
left: 0.5em;
position: relative;
}

#accordion {width: 131%;
#accordion {
width: 93%;
position: relative;
left: 0.7em;
font-size:3em;}
left: 0em;
font-size:3em;
}

#accordion li label {font-size: 0.8em;}

Expand Down
63 changes: 35 additions & 28 deletions footer.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,8 +36,7 @@ button{
}

/*Footer Bar Starts*/ /*NEED TO ADJUST LENGTH"*/
footer {
position:relative;
footer {position:relative;
background-color: rgba(123, 167, 105, 1);
width:100%;
height:300px;
Expand Down Expand Up @@ -181,42 +180,50 @@ footer p {position:relative;
}
}

@media screen and (max-device-width: 480px) {
.button-container {display: flex;
flex-direction: column;
align-items: center;
gap: 10px;}
@media screen and (max-width: 480px){}

footer {height: 57em;
padding: 25%;
footer {height: 61em;
padding: 0%;
width:100%;}

.FooterImg {top: -47em;
width: 100%;}
footer h4 {font-size: 45px;
.FooterImg {
top: -42em;
width: 100%;
transform: scale(0.85);
}
footer h4 {
font-size: 38px;
position: relative;
top: 1em;
left:-0.5em;
width: 126%;}
.Join {width: 260px;
top: 3em;
left: -1em;
width: 126%;
}
.Join {
width: 260px;
height: 70px;
font-size: 25px;
position: relative;
top: 30px;
top: 87px;
transform: scale(1.25);
margin: 20px;}
margin: 20px;
}

footer nav {transform: scale(2);
margin-top: 140px;}
footer nav {
transform: scale(2);
margin-top: 167px;
}
footer nav a {font-size: 16px;
margin: 10px 0;}
.InstallApp {transform: scale(2);
top: -60px;
margin-bottom: 30px;}
footer p {margin-top: 13em;
font-size: 19px;
.InstallApp {
transform: scale(2);
top: -91px;
margin-bottom: 30px;
}
footer p {
margin-top: 12em;
font-size: 16px;
width: 130%;
left: -1em;
display:flex;}
}
left: 3em;
display:flex;
}
/* Footer Ends */
Loading

0 comments on commit 44af92d

Please sign in to comment.