-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
b0063c0
commit 9921da6
Showing
72 changed files
with
1,632 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,320 @@ | ||
| <!DOCTYPE html> | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Greco's Specialty Foods</title> | ||
| <style> | ||
| /* Style for fonts */ | ||
| @font-face { | ||
| font-family: 'Circular Light'; | ||
| src: url('fonts/Circular/CircularStd-Light.otf') format('woff2'), | ||
| url('fonts/Circular/CircularStd-Light.otf') format('otf'); | ||
| } | ||
| @font-face { | ||
| font-family: 'Clarendon'; | ||
| src: url('fonts/Clarendon BT/ClarendonBTRoman.ttf') format('ttf'); | ||
| } | ||
| @font-face { | ||
| font-family: 'Circular Medium'; | ||
| src: url('fonts/Circular/CircularStd-Medium.otf') format('woff2'), | ||
| url('fonts/Circular/CircularStd-Medium.otf') format('otf'); | ||
| } | ||
| body { | ||
| background-color: white; | ||
| margin: 0; | ||
| font-family: 'Circular Light', sans-serif; | ||
| line-height: 1.6; | ||
| } | ||
| h1 { | ||
| color: #233A80; | ||
| } | ||
|
|
||
| /* Style for navigation bar */ | ||
| nav { | ||
| background-color: white; | ||
| overflow: hidden; | ||
| display: flex; | ||
| justify-content: space-between; | ||
| align-items: center; | ||
| padding-left:16%; | ||
| padding-right:16%; | ||
|
|
||
| } | ||
|
|
||
| nav img { | ||
| height: 120px; | ||
| margin: 3px; | ||
| } | ||
|
|
||
| nav a { | ||
| color: #233A80; | ||
| font-family: 'Circular Medium', sans-serif; | ||
| font-size: 14px; | ||
| text-align: center; | ||
| text-decoration: none; | ||
| padding: 7px; | ||
| padding-left: 5px; | ||
| padding-right: 5px; | ||
| } | ||
|
|
||
| nav a:hover { | ||
|
|
||
| color: black; | ||
| } | ||
|
|
||
| #nav-list { | ||
| } | ||
|
|
||
| #contact-link { | ||
| margin-left: 35px; | ||
| } | ||
|
|
||
| #about-link { | ||
| margin-left: 35px; | ||
| } | ||
| .carousel-container { | ||
| width: 100%; | ||
| overflow: hidden; | ||
| position: relative; | ||
| } | ||
|
|
||
| .carousel-slide { | ||
| width: 500%; | ||
| height: 100%; | ||
| display: flex; | ||
| } | ||
|
|
||
| .carousel-image { | ||
| width: 20%; | ||
| height: 100%; | ||
| flex-shrink: 0; | ||
| transition: transform 0.5s ease; | ||
| } | ||
|
|
||
| .carousel-image img { | ||
| width: 100%; | ||
| height: 100%; | ||
| object-fit: cover; | ||
| } | ||
| .intro { | ||
| Margin-top: 3%; | ||
| Margin-bottom: 5%; | ||
| padding-left:17%; | ||
| padding-right:17%; | ||
| line-height: 1.2; | ||
| font-size: 22px; | ||
| color: #233A80; | ||
| } | ||
| /* Style for banner image */ | ||
| .banner { | ||
| display: flex; | ||
| justify-content: center; | ||
| align-items: center; | ||
|
|
||
| padding-left:12%; | ||
| padding-right:12%; | ||
| } | ||
|
|
||
| #book-link { | ||
| background-color: #233A80; | ||
| color: white; | ||
| margin-right: 2%; | ||
| Padding: 15px; | ||
| } | ||
| .content { | ||
| display: flex; | ||
| padding-left:15.5%; | ||
| padding-right:15%; | ||
|
|
||
| } | ||
|
|
||
| #content-section-2 { | ||
| Margin-top: 3%; | ||
| } | ||
|
|
||
| .text-column { | ||
| flex: 2; | ||
| padding: 20px; | ||
| Margin-right:60px; | ||
| } | ||
| .text-column-2 { | ||
| flex: 2; | ||
| padding: 20px; | ||
| Padding-left: 115px; | ||
| } | ||
|
|
||
| .image-column { | ||
| flex: 1; | ||
| padding: 20px; | ||
| Margin-right: -7%; | ||
| } | ||
|
|
||
| .image-column img { | ||
| width: 400px; | ||
| height: auto; | ||
| } | ||
| #right-img { | ||
| Margin-left: -10%; | ||
| } | ||
|
|
||
| @media screen and (max-width: 600px) { | ||
| /* Styles for screens with a maximum width of 600px */ | ||
| .banner img { | ||
| } | ||
|
|
||
|
|
||
| } | ||
|
|
||
| #visit-text { | ||
| text-align: center; | ||
| } | ||
| #foot-right { | ||
| text-align: right; | ||
| } | ||
| .location-div { | ||
| text-align: center; | ||
| } | ||
| .hours-div { | ||
| text-align: center; | ||
| } | ||
| .contact-div { text-align: center; | ||
| } | ||
|
|
||
|
|
||
|
|
||
|
|
||
| .footer { | ||
| background-color: #233A80; | ||
| color: #fff; | ||
| padding: 20px; | ||
| Padding-left: 17%; | ||
| Padding-right: 17%; | ||
| Margin-top: 2%; | ||
| } | ||
|
|
||
| .footer-columns { | ||
| display: flex; | ||
| flex-wrap: wrap; | ||
| justify-content: center; | ||
| margin-bottom: 10px; | ||
| } | ||
|
|
||
| .footer-column { | ||
| flex-basis: 33.33%; | ||
| margin-bottom: 10px; | ||
|
|
||
| align-items: flex-start; | ||
| } | ||
|
|
||
| .footer-link { | ||
| font-size: 14px; | ||
| margin-bottom: 10px; | ||
| color: #fff; | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| .footer-link:hover { | ||
| text-decoration: underline; | ||
| } | ||
| .social-icon { | ||
| width: 50px; | ||
| padding: 15px; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
|
|
||
| <!-- Navigation bar --> | ||
| <nav> | ||
| <a href="index.htm"><img src="images/grecos logo 2.png" alt="Logo"></a> | ||
| <div id="nav-list"> | ||
| <a href="story.html" id="services-link">STORY</a> | ||
| <a href="offerings.html" id="about-link">OFFERINGS</a> | ||
| <a href="team.html" id="about-link">TEAM</a> | ||
| <a href="contact.html" id="contact-link">CONTACT</a> | ||
| </div> | ||
| <a href="contact.html" id="book-link">EMAIL US</a> | ||
| </nav> | ||
|
|
||
| <!-- Banner image --> | ||
| <section class="banner"> | ||
| <div class="carousel-container"> | ||
| <div class="carousel-slide"> | ||
| <div class="carousel-image"> | ||
| <img src="images/banner-img-1.png" alt="Image 1"> | ||
| </div> | ||
| <div class="carousel-image"> | ||
| <img src="images/banner-2c.png" alt="Image 2"> | ||
| </div> | ||
| <div class="carousel-image"> | ||
| <img src="images/banner-3c.png" alt="Image 3"> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| <div class="intro"> | ||
| <h1>We are an authentic European specialty foods store located in the heart of Surrey, BC, offering an array of products from around the world since our opening in 1984.</h1> | ||
| </div> | ||
| <!-- Content section 1 --> | ||
| <div class="content"> | ||
| <div class="text-column"> | ||
| <h2>Get in Touch</h2> | ||
|
|
||
| <p>Whether you prefer to visit us in person at our store in Surrey, BC or reach out by phone or email, our team at Greco's Specialty Foods is here to assist you with any of your culinary needs, including custom orders for platters and gift baskets, ensuring a delightful experience tailored to your preferences.</p> | ||
|
|
||
| </div> | ||
| <div class="image-column"> | ||
| <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2610.832619525067!2d-122.84701822367786!3d49.12781397136989!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5485dbcc9d77236d%3A0xe41390133fc0028a!2sGreco%20Specialty%20Foods!5e0!3m2!1sen!2sca!4v1689183367655!5m2!1sen!2sca" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="footer"> | ||
| <h2 class="footer-text">Contact Us</h2> | ||
| <div class="footer-columns"> | ||
| <div class="footer-column"> | ||
| <a href="https://goo.gl/maps/bA3NJmtNWskH66kT8" class="footer-link">6886 King George Blvd<br>Surrey, BC, Canada<br>V3W4Z9</a> | ||
| <p>(604) 590-1644</p> | ||
| </div> | ||
| <div class="footer-column"> | ||
| <p class="hours"> Monday - Saturday: 9am-5pm<br>Sunday: 10am–5pm</p> | ||
| </div> | ||
| <div class="footer-column"> | ||
| <p class="email"> Email Us</p> | ||
| </div> | ||
| <div class="footer-column"> | ||
| <a href="https://www.instagram.com/grecosspecialtyfoodmarket/"><img src="images/icon-ig.png" alt="Icon" class="social-icon"></a> | ||
| <a href="https://www.yelp.com/biz/grecos-specialty-foods-surrey-2?hrid=7RDVHNFAsZLUo1n_i_Qpdg&rh_type=phrase&rh_ident=balsamic_vinegar"><img src="images/icon-yelp.png" alt="Icon" class="social-icon"></a> | ||
| <a href="https://www.facebook.com/grecosspecialtyfoods"><img src="images/icon-fb.png" alt="Icon" class="social-icon"></a> | ||
| </div> | ||
| </div> | ||
| </body> | ||
|
|
||
|
|
||
|
|
||
| <script> | ||
| const carouselSlide = document.querySelector('.carousel-slide'); | ||
| const carouselImages = document.querySelectorAll('.carousel-image'); | ||
| const imageWidth = carouselImages[0].clientWidth; | ||
| let counter = 0; | ||
|
|
||
| function slideNext() { | ||
| if (counter >= carouselImages.length - 1) { | ||
| carouselSlide.style.transition = 'none'; | ||
| counter = carouselImages.length - 1; | ||
| carouselSlide.style.transform = `translateX(${-imageWidth * counter}px)`; | ||
| setTimeout(() => { | ||
| counter = 0; | ||
| carouselSlide.style.transition = 'transform 0.5s ease'; | ||
| carouselSlide.style.transform = `translateX(0)`; | ||
| }, 3000); | ||
| } else { | ||
| counter++; | ||
| carouselSlide.style.transition = 'transform 0.5s ease'; | ||
| carouselSlide.style.transform = `translateX(${-imageWidth * counter}px)`; | ||
| } | ||
| } | ||
|
|
||
| setInterval(slideNext, 3000); | ||
| </script> | ||
| </html> |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,5 @@ | ||
| Downloaded from | ||
|
|
||
| www.Dfonts.org | ||
|
|
||
| Thousands of Premium Fonts For Free |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| [InternetShortcut] | ||
| URL=https://www.dfonts.org/ |
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| [InternetShortcut] | ||
| URL=https://blogfonts.com/clarendon-bt.font |
Binary file added
BIN
+146 KB
fonts/Helvetica-Neue-Font/Helvetica Neue LTW0697BlkCnObl/Helvetica Neue LTW0697BlkCnObl.otf
Binary file not shown.
Binary file added
BIN
+98.8 KB
fonts/Helvetica-Neue-Font/Helvetica Neue LTW0697BlkCnObl/Helvetica Neue LTW0697BlkCnObl.ttf
Binary file not shown.
Binary file added
BIN
+19 KB
fonts/Helvetica-Neue-Font/Helvetica Neue Medium Extended/Helvetica Neue Medium Extended.otf
Binary file not shown.
Binary file added
BIN
+24.7 KB
fonts/Helvetica-Neue-Font/Helvetica Neue Medium Extended/Helvetica Neue Medium Extended.ttf
Binary file not shown.
Binary file added
BIN
+83.7 KB
fonts/Helvetica-Neue-Font/Helvetica Neue UltraLight/Helvetica Neue UltraLight.otf
Binary file not shown.
Binary file added
BIN
+69.1 KB
fonts/Helvetica-Neue-Font/Helvetica Neue UltraLight/Helvetica Neue UltraLight.ttf
Binary file not shown.
Binary file added
BIN
+79.6 KB
...s/Helvetica-Neue-Font/Helvetica Neue W01 66 Medium It/Helvetica Neue W01 66 Medium It.otf
Binary file not shown.
Binary file added
BIN
+96.1 KB
...s/Helvetica-Neue-Font/Helvetica Neue W01 66 Medium It/Helvetica Neue W01 66 Medium It.ttf
Binary file not shown.
Binary file added
BIN
+70.3 KB
...s/Helvetica-Neue-Font/Helvetica Neue W01 77 Bd Cn Obl/Helvetica Neue W01 77 Bd Cn Obl.otf
Binary file not shown.
Binary file added
BIN
+84.4 KB
...s/Helvetica-Neue-Font/Helvetica Neue W01 77 Bd Cn Obl/Helvetica Neue W01 77 Bd Cn Obl.ttf
Binary file not shown.
Binary file added
BIN
+75.5 KB
...s/Helvetica-Neue-Font/Helvetica Neue W01 87 Hv Cn Obl/Helvetica Neue W01 87 Hv Cn Obl.otf
Binary file not shown.
Binary file added
BIN
+69.9 KB
...s/Helvetica-Neue-Font/Helvetica Neue W01 87 Hv Cn Obl/Helvetica Neue W01 87 Hv Cn Obl.ttf
Binary file not shown.
Binary file added
BIN
+140 KB
fonts/Helvetica-Neue-Font/Helvetica NeueLTW0693BlkExtObl/Helvetica NeueLTW0693BlkExtObl.otf
Binary file not shown.
Binary file added
BIN
+85.9 KB
fonts/Helvetica-Neue-Font/Helvetica NeueLTW0693BlkExtObl/Helvetica NeueLTW0693BlkExtObl.ttf
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| Free download fonts at http://sharefonts.net |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.
Oops, something went wrong.