generated from Code-Institute-Org/ci-full-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (142 loc) · 7.28 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
153
154
155
156
<!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 TAGS FOR SEARCH ENGINES -->
<meta name="description"
content="Visit Kennet Shopping, an unmissable shopping experience in the heart of Newbury, Berkshire!">
<meta name="keywords"
content="shopping centre, shopping, Newbury, Berkshire, shops in Newbury, clothes shops, retail">
<!-- WEBSITE TITLE -->
<title>Kennet Shopping</title>
<!-- CSS STYLESHEET-->
<link rel="stylesheet" href="assets/css/style.css">
<!-- FAVICON -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
</head>
<body>
<!-- HEADER -->
<header class="sticky-header">
<a href="index.html" aria-label="Kennet Shopping Home Page">
<h1 id="logo" class="barlow-condensed-semibold">
<span><img src="assets/favicon/favicon-32x32.png" alt="Kennet Shopping logo"></span> KENNET SHOPPING
</h1>
</a>
<input type="checkbox" name="nav-toggle" id="nav-toggle">
<label for="nav-toggle" class="nav-toggle-label">
<i class="fa-solid fa-bars"></i>
</label>
<nav>
<ul id="menu">
<li><a href="index.html" class="active" aria-label="Go to Home page">Home</a></li>
<li><a href="shop.html" aria-label="Go to the Shop page">Shop</a></li>
<li><a href="visit.html" aria-label="Go to the Visit page">Visit</a></li>
<li><a href="contact-us.html" aria-label="Go to the Contact Us page">Contact Us</a></li>
</ul>
</nav>
</header>
<!-- MAIN CONTENT -->
<main id="home-page">
<section id="hero-section" aria-label="Boy squatting on floor of shopping centre, with various people shopping in the background">
</section>
</main>
<section class="section">
<div class="s-container">
<div class="s-row">
<div class="three-equal-columns">
<h2><a href="shop.html" aria-label="Go to the Shop page">Shop</a></h2>
<ul>
<li><a href="shop.html" aria-label="Go to the Shop page" class="fa-solid fa-bag-shopping" class="icon"></a></li>
<li><p>Experience a variety of shops at Kennet Shopping. From big-brand stores to our unique collection of independent shops, there's something to suit everyone. </p></li>
</ul>
</div>
<div class="three-equal-columns">
<h2><a href="visit.html" aria-label="Go to the Visit Us page">Visit</a></h2>
<ul>
<li><a href="visit.html" aria-label="Go to the Visit Us page" class="fa-solid fa-location-dot" class="icon"></a></li>
<li>Plan your visit to Kennet Shopping, located in the heart of Newbury, Berkshire. Here you can find information on our facilities, opening hours, travel links and accessibility.</li>
</ul>
</div>
<div class="three-equal-columns">
<h2><a href="contact-us.html" aria-label="Go to the Contact Us page">Contact Us</a></h2>
<ul>
<li><a href="contact-us.html" aria-label="Go to the Contact Us page" class="fa-regular fa-envelope" id="icon"></a></li>
<li><p>We would love to hear your thoughts! Contact us for leasing enquiries, promotional space hire, marketing, events, security, lost property or simply general feedback.</p></li>
</ul>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="footer">
<div class="f-container">
<div class="row">
<div class="footer-column">
<h3>FIND US</h3>
<ul>
<li>
<span><i class="fa-solid fa-location-dot"></i></span>
<span>
Centre Management Office
<br>
Kennet Shopping Centre
<br>
Market St, Newbury,
<br>
Berkshire, UK
</span><br><br>
</li>
</ul>
</div>
<div class="footer-column">
<h3>GET IN TOUCH</h3>
<ul>
<li>
<span><i class="fa-solid fa-phone"></i></span>
<span>Tel: +44 1635 407480</span><br>
</li>
<li>
<span><i class="fa-regular fa-envelope"></i></span>
<span><a href="mailto:[email protected]" id="overflow">[email protected]</a></span>
</li>
</ul>
</div>
<div class="footer-column">
<h3>LINKS</h3>
<ul>
<li><a href="index.html" aria-label="Go to the home page">Home</a></li>
<li><a href="shop.html" aria-label="Go to the Shop page">Shop</a></li>
<li><a href="visit.html" aria-label="Go to the Visit Us page">Visit</a></li>
<li><a href="contact-us.html" aria-label="Go to the Contact Us page">Contact Us</a></li>
<li><a href="privacy-policy.html" aria-label="Go to the Privacy Policy">Privacy Policy</a></li>
</ul>
</div>
<div class="footer-column">
<h3>FOLLOW US</h3>
<div class="social-links">
<a href="https://www.facebook.com/KennetShopping" target="_blank" rel="noopener" aria-label="Visit our Facebook page (opens in a new tab)" <i class="fa-brands fa-facebook-f">
</a>
<a href="https://www.instagram.com/kennetshopping" target="_blank" rel="noopener" aria-label="Visit our Instagram page (opens in a new tab)" <i class="fa-brands fa-instagram">
</a>
<a href="https://twitter.com/kennet_shopping" target="_blank" rel="noopener" aria-label="Visit our X / Twitter page (opens in a new tab)" <i class="fa-brands fa-x-twitter">
</a>
</div>
</div>
</div>
</div>
</footer>
<div class="copyright-text">
<p>Copyright © 2024 Kennet Shopping - All Rights Reserved.</p>
</div>
<!-- FONT AWESOME KIT -->
<script src="https://kit.fontawesome.com/3971f457d3.js" crossorigin="anonymous"></script>
<!-- GOOGLE FONTS -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600&family=Montserrat&display=swap');
</style>
</body>
</html>