generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
gallery.html
61 lines (61 loc) · 3.98 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
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Plumbing and Electrical services in South Yorkshire">
<meta name="keywords" content="plumbing, plumber, electrical, electrician, sheffield, yorkshire">
<!-- favicon link-->
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<!--link to style.css-->
<link rel="stylesheet" href="assets/css/style.css">
<title>IDG Plumbing & Electrical | Gallery</title>
</head>
<body>
<header>
<!--logo-->
<h1 id="logo">idg</h1>
<nav>
<ul id="menu">
<li><a href=index.html>Home</a></li>
<li><a href=services.html>Services</a></li>
<li><a href=gallery.html class="active">Gallery</a></li>
<li><a href=contact.html>Contact</a></li>
</ul>
</nav>
</header>
<!--image gallery-->
<section id="photos">
<img src="assets/images/bathroom.webp" alt="A picture of a bathroom.">
<img src="assets/images/consumer_board.webp" alt="A picture of a fusebox.">
<img src="assets/images/ev_charger_with_car.webp" alt="A picture of an electric car being charged.">
<img src="assets/images/ev_charger.webp" alt="A picture of an electric car charging station.">
<img src="assets/images/light_bulbs_library.webp" alt="A picture of a room with light fittings.">
<img src="assets/images/light_bulbs.webp" alt="A picture of some light bulbs.">
<img src="assets/images/sink_tap.webp" alt="A picture of tap.">
<img src="assets/images/usb_sockets.webp" alt="A picture of a plug socket with usb ports.">
<img src="assets/images/bathroom_2.webp" alt="A fitted bathroom.">
<img src="assets/images/bathroom_sink.webp" alt="A picture of a sink in a bathroom.">
<img src="assets/images/lamp_outdoor.webp" alt="A picture of an outdoor light fitting.">
<img src="assets/images/outdoor_tap.webp" alt="A picture of an outdoor tap.">
<img src="assets/images/bathroom_3.webp" alt="A picture of a beautiful bathroom.">
<img src="assets/images/plug.webp" alt="A picture of a plug.">
<img src="assets/images/electric_wires.webp" alt="A picture of wires coming out of a fuse box.">
<img src="assets/images/garden-hose.webp" alt="A picture of a person using a garden hose.">
</section>
<footer>
<!--links to external media-->
<ul class="medialinks">
<li><a href="https://www.facebook.com/idgplumbingandelectrical/" target="_blank" aria-label="check us out on facebook (opens in a new tab)"><i class="fab fa-facebook-square"></i></a></li>
<li><a href="mailto:idgplumbing@gmail.com" target="_blank" aria-label="email us (opens in a new tab)"><i class="fas fa-envelope-square"></i></a></li>
<li><a href="tel:01234567890"><i class="fas fa-phone-square" aria-label="call us"></i></a></li>
<li><a href="https://www.checkatrade.com/trades/IDGPlumbingElectrical" target="_blank" aria-label="check us out on checkatrade.com (opens in new tab)"><i class="fas fa-check-square"></i></a></li>
</ul>
</footer>
<!--Font Awesome Script -->
<script rel="preconnect" src="https://kit.fontawesome.com/749d4dd5a6.js" crossorigin="anonymous"></script>
</body>
</html>