-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
83 lines (73 loc) · 3.3 KB
/
contact.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
<!--Tells the Browser that this is a HTML document-->
<!DOCTYPE html>
<!--Defines Webpage Language-->
<html lang="en-gb">
<!-- This is a container for webpage data, meta tags, external resources. Not displayed on webpage-->
<head>
<!--Meta Tag - Character encoding, specifically utf-8-->
<meta charset="utf-8">
<!--Meta Tag - For the area in which the website will be viewed and the scale to be dislayed at-->
<meta name="viewport" content="width=device-width, initial-scale1.0">
<!--Meta Tag - Description, is used to for search engines to describe your website -->
<meta name="description" content="Ross Akehurst - Portfolio">
<!--Meta Tag - Used for SEO to help your website be more visible-->
<meta name="keywords" content="Ross, Akehurst, Portfolio, Graphic, Designer, Photoshop, Illustrator, Adobe">
<!--Meta Tag - Defines the websites Author-->
<meta name="author" content="Ross Akehurst">
<!--Link - Decribes external object and relationship to webpage-->
<link rel="icon" type="image/x-icon" href="images/favicon.png"/>
<!--Link - Decribes external stylesheet and relationship to webpage-->
<link rel="stylesheet" href="css/styles.css">
<!--Webpage Title, shown in tab-->
<title>Ross Akehurst - Portfolio</title>
<!--Closing Head tag to denote the end of the Head section-->
</head>
<!--The Container for the visible area of the webpage-->
<body>
<!--Container element that will hold the navigation elements and Page header image-->
<header>
<!--Container for header image-->
<div class="headimg">
<!--Link to header image and width-->
<img src="images/HEAD1.jpg" width="100%" alt="HeaderImage"/>
</div>
<!--Navigation tag to hold the page links-->
<nav>
<!--ul "Unordered List" uses bullet points rather than numbers or letters-->
<ul>
<!--Li defines a list, A is a page link element Href defines the attribute. In this case a is used for a set of local links-->
<li><a href="index.html">HOME</a></li>
<li><a href="gallery.html">GALLERY</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</nav>
<!--Closing Tag for Header-->
</header>
<!-- First Body Element -->
<div class="First">
<!-- Container ID:TopImage, Full-width image -->
<div id="TopImage"><img src="images/contact.jpg" style="width:100%" alt="First Body Image"></div>
<!--Caption Below TopImage-->
<div class="caption">CONTACT INFO IN FOOTER</div>
</div>
<!--The Opening Tag for the Footer-->
<footer>
<!--Parant container Class:FooterStyles-->
<div class="FooterStyle">
<!--Container for ID:rosslogo, external image, Ross Logo-->
<div id="rosslogo"><img src="images/rosslogo-01.svg" alt="Ross Logo"></div>
<!--Hyperlink to external URL, opens in new Tab, Linked to Image-->
<a href="https://uk.linkedin.com/in/ross-akehurst-a61a7a78" target="_blank"><div id="linklogo"><img src="images/Linkedin-Logo-01.svg" alt="Linkedin Logo"></div></a>
<!--White Line for decoration-->
<hr style="width:65%">
<!--Paragraph tag to place ID: FooterInfo, href mailto opens new email-->
<p id="FooterInfo"><a href="mailto:ross.akehurst@hotmail.co.uk">Email: ross.akehurst@hotmail.co.uk</a></p>
<p id="FooterInfo">Mobile: 07702 067 787</p>
</div>
<!--Closing Tag for Footer-->
</footer>
<!--The End of the Body Section-->
</body>
<!--Closing Tag for Webbpage-->
</html>