-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout_broughton.html
151 lines (142 loc) · 6.24 KB
/
about_broughton.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
<!--Set up the Page and add Font Awesome to use Social Logos -->
<!--Set Head Title to Broughton Life, and define EN and the default Language-->
<!--Set Charset to UTF8 to allow all character sets-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/930fafc260.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./css/containers.css">
<link rel="stylesheet" href="./css/styles.css">
<title>Broughton Life</title>
</head>
<body>
<!-- Skip to content link -->
<a href="#main-content" class="skip-link" >Skip to main content</a>
<!-- NavBar Same Every Page -->
<div class="navbar" aria-label="Navigation">
<div class="container flex">
<nav aria-label="Main Navigation">
<ul>
<li><a href="./index.html" >Home</a></li>
<li><a href="./about_broughton.html" aria-current="page">About Broughton</a></li>
<li><a href="./history_of_broughton.html">Broughton History</a></li>
<li><a href="./broughton_whats_on.html">What's On</a></li>
<li><a href="./community_links.html">Community Links</a></li>
</ul>
</nav>
</div>
</div>
<!-- Showcase -->
<section class="showcase">
<div class="container grid">
<div class="showcase-text">
<h1>About Broughton</h1>
<p>Broughton is a village in Flintshire, Wales, known for its blend of historical charm and modern industry. Located near the border with England, it boasts a rich history, with roots stretching back to the medieval period. </p>
<p>In recent years, Broughton has become synonymous with aerospace innovation due to the presence of the Airbus UK factory, a major employer in the area.</p>
<p>Despite its industrial advancements, Broughton maintains a close-knit community atmosphere, characterised by its local shops, schools, and green spaces, making it a unique blend of the past and the future.
</p>
</div>
<div>
<img src="library/airbus_entrance.jpg" class="sponsors-img" alt="Airbus Signage with the Airbus Logo from the site entrance">
</div>
</div>
</section>
<!-- CLI -->
<main id="main-content">
<section class="cli">
<div class="container grid">
<div class="card">
<h3 class="hc3">BROUGHTON WINGS CLUB</h3>
<p>Learn more about Broughton Wings Club, and their community involvement.</p>
<a href="https://broughtonwings.co.uk/" target="blank"> Broughton Wings Club</a>
</div>
<div class="card">
<h3 class="hc3">AIRBUS UK FC</h3>
<p>The club was formed in 1946 and has played in the Welsh National League.</p>
<a href="https://www.airbusukfc.com/" target="blank"> Broughton Airbus UK</a>
</div>
<div class="card">
<h3 class="hc3">BROUGHTON UNITED FC</h3>
<p>Formed out of the beliefs and ideals of Broughton Super Saints and Broughton Park FC.</p>
<a href="https://broughtonunitedfc.co.uk/" target="blank"> Broughton United FC</a>
</div>
<div class="card">
<h3 class="hc3">BROUGHTON SCHOOL</h3>
<p>Primary School, located on Broughton Hall Road. Visit the Schools Website for more info.</p>
<a href="https://www.broughton-primary.co.uk/" target="blank"> Broughton Primary</a>
</div>
<div class="card">
<h3 class="hc3">BROUGHTON LIBRARY</h3>
<p>Located in Broughton Primary School, see the Library Website for opening times.</p>
<a href="https://aura.wales/libraries/broughton-library/" target="blank"> Broughton Library</a>
</div>
<div class="card">
<h3 class="hc3">BROUGHTON COOP</h3>
<p>Open 7am to 10pm Monday to Sunday, you can find them on Main Road, Broughton, CH4 0NR</p>
<a href="https://www.coop.co.uk/store-finder/CH4-0NR/main-road" target="blank"> Broughton Airbus UK</a>
</div>
</div>
</section>
</main>
<!--Map Container -->
<section class="sponsors bg-primary my-2 py-2">
<div class="map-container flex">
<iframe
src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d4022.7213290954237!2d-2.9880410186059385!3d53.16539552367607!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2suk!4v1717069033298!5m2!1sen!2suk"
width="100%"
height="600"
style="border:0;"
allowfullscreen=""
loading="lazy"
title="The map shows the local area of Broughton, Flintshire. Nearby landmarks include Broughton Shopping Park, Broughton Primary School and Library, and Broughton and Bretton Community Centre. For more details, visit Google Maps"
title="Google Maps Location"
aria-label="Google Maps Location"
role="document">
</iframe>
</div>
</section>
<!--sponsors -->
<section class="sponsors">
<h3 class="text-center my-1 hc3">Meet Our Sponsors, Local Businesses Supporting the Community</h3>
<div class="container flex">
<div class="card">
<h4>Meet</h4>
<img src="library/Broughton_shopping_park_logo.jpg" class="sponsors-img" alt="Broughton Park Shopping Centre Logo" >
</div>
<div class="card">
<h4>Meet</h4>
<img src="library/Broughton_shopping_park_logo.jpg" class="sponsors-img" alt="Broughton Park Shopping Centre Logo">
</div>
<div class="card">
<h4>Meet</h4>
<img src="library/Broughton_shopping_park_logo.jpg" class="sponsors-img" alt="Broughton Park Shopping Centre Logo">
</div>
</div>
</section>
<!--Footer Bar Same Every Page -->
<footer class="footer bg-secondary py-5">
<div class="container grid grid-3">
<div>
<h1>Broughton Life</h1>
<h2>Copyright © 2024</h2>
</div>
<nav aria-label="Secondary Navigation">
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./about_broughton.html" aria-current="page">About Broughton</a></li>
<li><a href="./history_of_broughton.html">Broughton History</a></li>
</ul>
</nav>
<nav aria-label="Secondary Navigation">
<ul>
<li><a href="./broughton_whats_on.html">What's On</a></li>
<li><a href="./community_links.html">Community Links</a></li>
<li><a href="./privacy_notice.html" target="blank">Broughton Life Privacy Notice</a></li>
</ul>
</nav>
</div>
</footer>
</body>
</html>