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 authored Jan 6, 2024
1 parent 2950fa6 commit 9a5cf6b
Show file tree
Hide file tree
Showing 5 changed files with 398 additions and 33 deletions.
106 changes: 98 additions & 8 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,14 @@
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<title>Greco's Specialty Foods</title>
<style>
/* Style for fonts */
@font-face {
font-family: 'Circular Light';
src: url('Circular/CircularStd-Light.otf') format('woff2'),
url('Circular/CircularStd-Light.otf') format('otf');
font-family: 'Circular Book';
src: url('Circular/CircularStd-Book.otf') format('woff2'),
url('Circular/CircularStd-Book.otf') format('otf');
font-family: 'Times Now';
src: url('Times Now/TimesNow-ExtraLight.woff') format('woff2');

Expand Down Expand Up @@ -64,6 +64,7 @@
}
#contact-link {
margin-left: 35px;
margin-right: 50px;
}

#team-link {
Expand Down Expand Up @@ -160,7 +161,7 @@
body {
background-color: white;
margin: 0;
font-family: 'Circular Light', sans-serif;
font-family: 'Circular Book', sans-serif;
}

footer {
Expand All @@ -181,10 +182,29 @@
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 */
.hamburger-menu {
display: block;
text-align: right;
position: absolute;
transform: translateY(100%);
top: 0;
right: 0;
padding: 15px; /* Adjust padding for better spacing */
cursor: pointer;
}
#email-button {
padding-top: 7%;
padding-bottom: 7%;
}
.column {
width: 100%;
display: block;
Expand All @@ -199,7 +219,7 @@
}

.content {
Margin-top:-35%;
Margin-top:0%;
}

.content-section {
Expand All @@ -225,6 +245,64 @@
padding-bottom: 5%;
Padding-top: 5%;
}
.intro {
margin-top:-22%;
}
.intro-text {
font-size: 5vw;
margin-top: -15%;
margin-left: -7%;
margin-right: -15%;
}
#index-header3 {
margin-top: 10%;
}
nav img {
height: 125px;
margin: 0px;
}
nav {
margin-left: 3%;
margin-right: 3%;
margin-bottom:-3%;
}


nav a {
display: block;
font-size: 14px;
text-align: center;
padding-left: 15px;
padding-right: 15px;
padding-top: 5%;
padding-bottom: 5%;
}
#nav-list {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: white;
text-align: right;
padding-top: 60px;
}

#offerings-link {
margin-left: 0px;
}
#contact-link {
margin-left: 0px;
margin-right: 0px;
}

#team-link {
margin-left: 0px;
}
h2 {
font-size: 5vw;
}
}


Expand All @@ -240,8 +318,10 @@
<a href="offerings.html" id="offerings-link">Offerings</a>
<a href="team.html" id="team-link">Team</a>
<a href="contact.html" id="contact-link">Contact</a>
<a href="mailto:[email protected]" id="email-button">Email Us</a>
</div>
<a href="mailto:[email protected]" id="email-button">Email Us</a>

<div class="hamburger-menu">&#9776;</div> <!-- Add this line for the hamburger menu -->
</nav>

<!-- Banner image -->
Expand Down Expand Up @@ -296,3 +376,13 @@ <h2 class="footer-header">Contact Us</h2>
Email:<br> [email protected]</p>
</div>
</footer>
<script>
document.addEventListener('DOMContentLoaded', function () {
const hamburgerMenu = document.querySelector('.hamburger-menu');
const navList = document.getElementById('nav-list');

hamburgerMenu.addEventListener('click', function () {
navList.style.display = (navList.style.display === 'block' ? 'none' : 'block');
});
});
</script>
4 changes: 4 additions & 0 deletions index.htm
View file
Original file line number Diff line number Diff line change
Expand Up @@ -201,6 +201,10 @@
right: 0;
padding: 15px; /* Adjust padding for better spacing */
cursor: pointer;
}
#email-button {
padding-top: 7%;
padding-bottom: 7%;
}
.column {
width: 100%;
Expand Down
108 changes: 99 additions & 9 deletions offerings.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,14 @@
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<title>Greco's Specialty Foods</title>
<style>
/* Style for fonts */
@font-face {
font-family: 'Circular Light';
src: url('Circular/CircularStd-Light.otf') format('woff2'),
url('Circular/CircularStd-Light.otf') format('otf');
font-family: 'Circular Book';
src: url('Circular/CircularStd-Book.otf') format('woff2'),
url('Circular/CircularStd-Book.otf') format('otf');
font-family: 'Times Now';
src: url('Times Now/TimesNow-ExtraLight.woff') format('woff2');

Expand Down Expand Up @@ -64,6 +64,7 @@
}
#contact-link {
margin-left: 35px;
margin-right: 50px;
}

#team-link {
Expand Down Expand Up @@ -91,7 +92,7 @@
}
.intro-text {
padding-left: 12%;
padding-right: 20.5%;
padding-right: 20%;
color: white;
}
/* Style for content sections */
Expand Down Expand Up @@ -160,7 +161,7 @@
body {
background-color: white;
margin: 0;
font-family: 'Circular Light', sans-serif;
font-family: 'Circular Book', sans-serif;
}

footer {
Expand All @@ -181,10 +182,29 @@
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 */
.hamburger-menu {
display: block;
text-align: right;
position: absolute;
transform: translateY(100%);
top: 0;
right: 0;
padding: 15px; /* Adjust padding for better spacing */
cursor: pointer;
}
#email-button {
padding-top: 7%;
padding-bottom: 7%;
}
.column {
width: 100%;
display: block;
Expand All @@ -199,7 +219,7 @@
}

.content {
Margin-top:-35%;
Margin-top:0%;
}

.content-section {
Expand All @@ -225,6 +245,64 @@
padding-bottom: 5%;
Padding-top: 5%;
}
.intro {
margin-top:-22%;
}
.intro-text {
font-size: 5vw;
margin-top: -15%;
margin-left: -7%;
margin-right: -15%;
}
#index-header3 {
margin-top: 10%;
}
nav img {
height: 125px;
margin: 0px;
}
nav {
margin-left: 3%;
margin-right: 3%;
margin-bottom:-3%;
}


nav a {
display: block;
font-size: 14px;
text-align: center;
padding-left: 15px;
padding-right: 15px;
padding-top: 5%;
padding-bottom: 5%;
}
#nav-list {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: white;
text-align: right;
padding-top: 60px;
}

#offerings-link {
margin-left: 0px;
}
#contact-link {
margin-left: 0px;
margin-right: 0px;
}

#team-link {
margin-left: 0px;
}
h2 {
font-size: 5vw;
}
}


Expand All @@ -240,8 +318,10 @@
<a href="offerings.html" id="offerings-link">Offerings</a>
<a href="team.html" id="team-link">Team</a>
<a href="contact.html" id="contact-link">Contact</a>
<a href="mailto:[email protected]" id="email-button">Email Us</a>
</div>
<a href="mailto:[email protected]" id="email-button">Email Us</a>

<div class="hamburger-menu">&#9776;</div> <!-- Add this line for the hamburger menu -->
</nav>

<!-- Banner image -->
Expand Down Expand Up @@ -322,5 +402,15 @@ <h2 class="footer-header">Contact Us</h2>
Email:<br>[email protected]</p>
</div>
</footer>
<script>
document.addEventListener('DOMContentLoaded', function () {
const hamburgerMenu = document.querySelector('.hamburger-menu');
const navList = document.getElementById('nav-list');

hamburgerMenu.addEventListener('click', function () {
navList.style.display = (navList.style.display === 'block' ? 'none' : 'block');
});
});
</script>


Loading

0 comments on commit 9a5cf6b

Please sign in to comment.