generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
152 lines (150 loc) · 9.49 KB
/
index.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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!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" class="currently-active" 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" 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>
<section id="landing-logo">
<h2 class="hidden">Raza Noodles</h2>
<div id="hero-bg-container">
<span class="hero-background" role="img" aria-label="Background is of a noodle dish with sliced beef strips layed across the dish"></span>
<span id="logo-overlay" role="img" aria-label="Raza Noodles branding logo overlaying the background slowly fading in and out like a light several times"></span>
</div>
<div id="address-phone">
<ul>
<li>25 Bally Monty, Dublin Rd, Dublin, S41 Z1234</li>
<li><a href="tel:020-913-0956" aria-label="Click here to ring Raza Noodles">Tel:020-913-0956 <i class="fas fa-phone orange"></i></a></li>
</ul>
</div>
<div class="sc-one-outer">
<a href="#about-section" aria-label="Click this scroll icon and will bring you further down the page to the about section"><span class="sc-one"><i class="fas fa-angle-down scroll-icon"></i></span></a>
</div>
</section>
<!--About section and content-->
<section id="about-section">
<h1 class="title orange-color">About</h1>
<div class="left">
<div class="left-content">
<h2 class="orange-color">Who are we?</h2>
<p>We established ourselves here in Dublin Ireland in the summer of 2014.</p>
<p>We serve top quality Asian cuisine and specialise in the art of noodle making.</p>
<p>In 2016 we grew quite large thanks to people like you.</p>
</div>
<div class="left-content">
<img class="medium-image" src="assets/images/image-two.jpeg" alt="Top down view of a fresh bowel of noodles with lettace on the side">
</div>
<div class="left-content">
<h2 class="orange-color">Always Top Quality</h2>
<ol type="1" id="perfect-list">
<li><i class="fas fa-carrot"></i> Fresh fruits & veg daily</li>
<li><i class="fas fa-seedling"></i> Herbs & spices from our gardens!</li>
<li><i class="fas fa-pepper-hot"></i> Authentic ingrediants</li>
<li><i class="fas fa-clock"></i> Low wait times</li>
<li><i class="fas fa-wine-bottle"></i> Homemade low-fat soy sauce!</li>
<li><i class="fas fa-drumstick-bite"></i> Quality Meats
<ul id="meats">
<li>100% Irish Beef <i class="fas fa-check"></i></li>
<li>100% Irish Chicken <i class="fas fa-check"></i></li>
<li>100% Irish Pork <i class="fas fa-check"></i></li>
<li>100% Irish Lamb <i class="fas fa-check"></i></li>
<li>100% Irish caught Fish <i class="fas fa-check"></i></li>
</ul>
</li>
</ol>
</div>
</div>
<div class="right">
<div class="right-content">
<img class="medium-image" src="assets/images/image-one.jpeg" alt="Top down view of a fresh bowel of noodles with mixed salad on the side">
</div>
</div>
<div class="right">
<div class="right-content">
<h2 class="orange-color">Noodles made Asian style</h2>
<p>Why choose us for noodles? We are leading experts in handmade noodles.
That's not all though, we make our noodles fresh daily and always use fresh
ingrediants to make our noodles the tastiest in Ireland!</p>
<p>We have top of the line Asian dishes to offer! We also have a diverse kitchen
of chefs from multiple countries, bringing expert flavour from around the world!</p>
</div>
</div>
<div class="right">
<div class="right-content">
<img class="medium-image" src="assets/images/image-three.jpeg" alt="Two bowls of noodles on a table with soy sauce and chopsticks">
</div>
</div>
<div class="sc-two-outer">
<a href="#opening-hours-section" aria-label="Click this scroll icon and will bring you further down the page to the opening-hours section"><span class="sc-two"><i class="fas fa-angle-down scroll-icon"></i></span></a>
</div>
</section>
<!--Opening hours section and content-->
<section id="opening-hours-section">
<div class="orange-decoration"></div>
<div class="center-text-bg"></div>
<div class="center-text">
<h2>Opening Hours</h2>
<p class="orange-text">Monday - Sunday</p>
<p class="black-text">11am - 10:30pm</p>
</div>
</section>
<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>
<div id="bottom-space"></div>
<!-- font awesome script -->
<script src="https://kit.fontawesome.com/0d880835d2.js" crossorigin="anonymous"></script>
</body>
</html>