generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathgallery.html
84 lines (83 loc) · 6.58 KB
/
gallery.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Come enjoy a noodle experience like no other. We offer the best noodles in Ireland. A complete relaxing dine-in or takeaway experience with delicious Asian Cousine to enjoy.">
<meta name="keywords" content="takeaway, order, raza, noodles, asian, chinese, japanense, thai, korean, cousine, dublin, ireland">
<meta name="author" content="Kristian Colville">
<title>Raza Noodles</title>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<header id="home-section">
<div class="logo-icon home">
<a href="index.html" aria-label="Go to the main home page">
<img class="left-logo" src="assets/images/logo/logo_transparent.png" alt="Raza Noodles logo">
</a>
</div>
<!--Menu links and hamburger menu-->
<nav id="menu">
<div id="hamburger-menu"></div>
<label for="burger-icon" aria-label="Click here when screen sizes are 768 pixel wide or less to display the menu"></label>
<input type="checkbox" id="burger-icon" role="button" aria-pressed="true" aria-roledescription="This is a hidden menu button that appears only when devices are 768 pixels wide. It creates a drop down menu showing all of the available options you can use to navigate this website.">
<span class="bars one"></span>
<span class="bars two"></span>
<span class="bars three"></span>
<ul>
<li><a href="index.html" aria-label="Go to the main home page"><i class="fas fa-home"></i> Home</a></li>
<li><a href="#about-section" aria-label="Go to the about section"><i class="fas fa-sticky-note"></i> About</a></li>
<li><a href="menu.html" aria-label="Internal link to the food menu page"><i class="fas fa-map"></i> Menu</a></li>
<li><a href="gallery.html" class="currently-active" aria-label="Internal link to our food gallery page"><i class="fas fa-images"></i> Gallery</a></li>
<li><a href="contact.html" aria-label="Internal link to the food menu page"><i class="fas fa-envelope"></i> Contact</a></li>
<li><a href="sign-in.html" aria-label="Internal link to the sign in page"><i class="fas fa-address-card"></i> Sign in/up</a></li>
<li>
<div class="content">
<button class="dropdown-button" aria-label="Hover mouse here to display download dropdown menu"><i class="fas fa-file-download"></i> Downloads</button>
<div class="download-content">
<a href="assets/media-files/menu.pdf" aria-label="Download our 2022 food menu" download>Menu 2022</a>
<a href="assets/media-files/terms-and-conditions.pdf" aria-label="Download our terms and conditions" download>T&Cs</a>
</div>
</div>
</li>
</ul>
</nav>
</header>
<!--Gallery page and images displayed-->
<main id="gallery-page">
<h1 class="hidden">Gallery</h1>
<img src="assets/images/gallery-one.jpeg" alt="Raza Noodles staff member hugging her daughter after a long day's work">
<img src="assets/images/background-three.jpeg" alt="A spicy noodle dish on a table with chop sticks and a tasting spoon on the right">
<img src="assets/images/background-two-option.jpeg" alt="Chicken satay noodle dish on a bamboo leaf freshly served">
<img src="assets/images/contact-background.webp" alt="Lady eating a noodle soup dish with a fork texting on her phone">
<img src="assets/images/soup-one.webp" alt="Thai noodle dish with a top down view of the dish on a table with bright red spices sprinkled over the dish">
<img src="assets/images/gallery-two.webp" alt="Two people eating out of a takeaway noodle cup with chopsticks">
<img src="assets/images/soup-two.webp" alt="Fresh noodle dish with crunchy chinese bread to the left side">
<img src="assets/images/hero-image-option.webp" alt="Beef dish served with noodles, the beef is layed on the dish in strips with white skinny noodles on top">
<img src="assets/images/soup-three.webp" alt="Dish shows two bowels with two containing egg fried rice and beef satay, on the bottom of the image is a plate with fresh shredded chicken">
<img src="assets/images/noodle-dish.webp" alt="Spicy noodles in a bowel with ramen noodles">
<img src="assets/images/contact-background-two.jpeg" alt="Three young women sitting down with them all looking at one ladys mobile phone">
<img src="assets/images/noodle-one.webp" alt="Takeaway noodle dish freshly served awaiting for collection on a counter.">
<img src="assets/images/noodle-two.webp" alt="Chinese Five-Spice noodle dish with chicken breast chunks">
</main>
<footer>
<div id="footer-container">
<ul class="social-media-links">
<li><a href="https://www.facebook.com/" rel="noopener" target="_blank" aria-label="Opens external link to Raza Noodles facebook"><i class="fab fa-facebook"></i></a></li>
<li><a href="https://www.twitter.com/" rel="noopener" target="_blank" aria-label="Opens external link to Raza Noodles twitter"><i class="fab fa-twitter"></i></a></li>
<li><a href="https://www.instagram.com/" rel="noopener" target="_blank" aria-label="Opens external link to Raza Noodles instagram"><i class="fab fa-instagram"></i></a></li>
<li><a href="https://www.linkedin.com/" rel="noopener" target="_blank" aria-label="Opens external link to Raza Noodles linkedin"><i class="fab fa-linkedin"></i></a></li>
</ul>
<ul class="policy-links">
<li><a href="terms-of-use.html" rel="noopener" target="_blank" aria-label="Opens external link to our terms of use page"> Terms of Use </a></li>
<li><a href="privacy-policy.html" rel="noopener" target="_blank" aria-label="Opens external link to our privacy policy page">| Privacy Policy </a></li>
<li><a href="cookies-policy.html" rel="noopener" target="_blank" aria-label="Opens external link to our cookie policy page">| Cookie Policy</a></li>
</ul>
</div>
</footer>
<!-- font awesome script -->
<script src="https://kit.fontawesome.com/0d880835d2.js" crossorigin="anonymous"></script>
</body>
</html>