Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@CJDawson96
CJDawson96 committed Jan 29, 2024
1 parent 45495ff commit a16af2a
Show file tree
Hide file tree
Showing 8 changed files with 102 additions and 33 deletions.
Binary file added contact-banner-short.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.
83 changes: 66 additions & 17 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,14 +15,13 @@


}
/* Style for navigation bar */
/* Style for navigation bar */
nav {
background-color: white;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 3vh;
margin-left: 12%;
margin-right: 12%;
}
Expand Down Expand Up @@ -75,18 +74,17 @@
.banner {
display: flex;
justify-content: center;
align-items: center;
height: 300px; /* set the height of the section to a fixed value */
align-items: flex-start;

}
.banner img{
width: 100%;
margin-top:18%;
}
/* Style for intro section */
.intro {
width: 100%;
background-color: #2A3566;
padding-top:22.25%;
padding-top:2.25%;
padding-bottom:3%;
color: white;
}
Expand Down Expand Up @@ -161,12 +159,55 @@
body {
background-color: white;
margin: 0;
font-family: 'Circular Book', sans-serif;
font-family: 'Circular Light', sans-serif;
}
.slider-container {
width: 50%;
margin: auto;
overflow: hidden;

}

.slides {
display: flex;
transition: transform 0.5s ease-in-out;
}

.slide {
min-width: 100%;
box-sizing: border-box;
}

img {
width: 100%;
}

.slide-btn {
position: absolute;
margin-top: -20%;
margin-left: 12%;
margin-right: 12%;
font-size: 24px;
cursor: pointer;
background-color: transparent;
color: black;
border: none;

border-radius: 50%;
}

.prev {
left: 10px;
}

.next {
right: 10px;
}

footer {
background-color: #2A3566;
color: white;
margin-top:5%;
padding-top: 3%;
padding-bottom: 4%;
padding-left: 12%;
Expand All @@ -181,21 +222,29 @@
padding-bottom: 5%;
Padding-top: 3%;
}

/* Add these styles for the hamburger menu */
.hamburger-menu {
font-size: 20px;
cursor: pointer;
display: none; /* Initially hide the hamburger menu on larger screens */
}


@media screen and (max-width: 600px) {
/* Styles for screens with a maximum width of 600px */
.slider-container {
width: 90%;
}
.slide-btn {
margin-top: -35%;
color: white;
}
.hamburger-menu {
display: block;
text-align: right;
position: absolute;
transform: translateY(100%);
top: 0;
top: -13px;
right: 0;
padding: 15px; /* Adjust padding for better spacing */
cursor: pointer;
Expand All @@ -210,8 +259,7 @@
margin-bottom: 20px;
}
.banner img {
margin-top: -15%;
width: 175%;
width: 150%;
}

#left-text-1 {
Expand Down Expand Up @@ -246,26 +294,26 @@
Padding-top: 5%;
}
.intro {
margin-top:-12%;
margin-top:0%;
}
.intro-text {
font-size: 5vw;
margin-top: -15%;
margin-top: 4%;
margin-left: -7%;
margin-right: -15%;
}
#index-header3 {
margin-top: 10%;
}
nav img {
height: 100px;
width: 100px;
height: 100px;
width: 100px;
margin: 0px;
}
nav {
margin-left: 3%;
margin-right: 3%;
margin-bottom:-3%;
margin-bottom:0%;
}


Expand Down Expand Up @@ -307,6 +355,7 @@


}


</style>
</head>
Expand All @@ -329,7 +378,7 @@
<!-- Banner image -->

<section class="banner">
<img src="contact-banner-1.png" alt="Banner Image">
<img src="contact-banner-short.png" alt="Banner Image">
</section>


Expand Down
Binary file added offerings-banner-short.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.
17 changes: 12 additions & 5 deletions offerings.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -165,7 +165,6 @@
width: 50%;
margin: auto;
overflow: hidden;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}

Expand All @@ -190,9 +189,10 @@
margin-right: 12%;
font-size: 24px;
cursor: pointer;
background-color: transparent;
color: black;
border: none;

border-radius: 50%;
}

Expand Down Expand Up @@ -232,6 +232,13 @@

@media screen and (max-width: 600px) {
/* Styles for screens with a maximum width of 600px */
.slider-container {
width: 90%;
}
.slide-btn {
margin-top: -35%;
color: white;
}
.hamburger-menu {
display: block;
text-align: right;
Expand Down Expand Up @@ -299,8 +306,8 @@
margin-top: 10%;
}
nav img {
height: 100px;
width: 100px;
height: 100px;
width: 100px;
margin: 0px;
}
nav {
Expand Down Expand Up @@ -371,7 +378,7 @@
<!-- Banner image -->

<section class="banner">
<img src="offerings-banner-img.png" alt="Banner Image">
<img src="offerings-banner-short.png" alt="Banner Image">
</section>


Expand Down
Binary file added story-banner-short.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.
17 changes: 12 additions & 5 deletions story.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -165,7 +165,6 @@
width: 50%;
margin: auto;
overflow: hidden;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}

Expand All @@ -190,9 +189,10 @@
margin-right: 12%;
font-size: 24px;
cursor: pointer;
background-color: transparent;
color: black;
border: none;

border-radius: 50%;
}

Expand Down Expand Up @@ -232,6 +232,13 @@

@media screen and (max-width: 600px) {
/* Styles for screens with a maximum width of 600px */
.slider-container {
width: 90%;
}
.slide-btn {
margin-top: -35%;
color: white;
}
.hamburger-menu {
display: block;
text-align: right;
Expand Down Expand Up @@ -300,8 +307,8 @@
}
nav img {
height: 100px;
width: 100px;
margin: 0px;
width: 100px;
margin: 0px;
}
nav {
margin-left: 3%;
Expand Down Expand Up @@ -371,7 +378,7 @@
<!-- Banner image -->

<section class="banner">
<img src="story-banner-1.png" alt="Banner Image">
<img src="story-banner-short.png" alt="Banner Image">
</section>


Expand Down
Binary file added team-banner-short.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.
18 changes: 12 additions & 6 deletions team.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -165,7 +165,6 @@
width: 50%;
margin: auto;
overflow: hidden;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}

Expand All @@ -190,9 +189,10 @@
margin-right: 12%;
font-size: 24px;
cursor: pointer;
background-color: transparent;
color: black;
border: none;

border-radius: 50%;
}

Expand Down Expand Up @@ -232,6 +232,13 @@

@media screen and (max-width: 600px) {
/* Styles for screens with a maximum width of 600px */
.slider-container {
width: 90%;
}
.slide-btn {
margin-top: -35%;
color: white;
}
.hamburger-menu {
display: block;
text-align: right;
Expand Down Expand Up @@ -299,8 +306,8 @@
margin-top: 10%;
}
nav img {
height: 100px;
width: 100px;
height: 100px;
width: 100px;
margin: 0px;
}
nav {
Expand Down Expand Up @@ -371,7 +378,7 @@
<!-- Banner image -->

<section class="banner">
<img src="team-banner-1.png" alt="Banner Image">
<img src="team-banner-short.png" alt="Banner Image">
</section>


Expand Down Expand Up @@ -401,7 +408,6 @@ <h2 class="content-header">Meet Our Team</h2>
<div class="slide"><img src="team-gallery-3.png" alt="Team Gallery 3"></div>
<div class="slide"><img src="team-gallery-4.png" alt="Team Gallery 4"></div>
<div class="slide"><img src="team-gallery-5.png" alt="Team Gallery 5"></div>
<div class="slide"><img src="team-gallery-6.png" alt="Team Gallery 6"></div>
<!-- Add more slides as needed -->
</div>

Expand Down

0 comments on commit a16af2a

Please sign in to comment.