-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
70 lines (70 loc) · 3.6 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
<!DOCTYPE html>
<html>
<head>
<!-- Adding page title -->
<title>Henry Nott | Contact</title>
<!-- Adding favicon -->
<link rel="icon" type="image/x-icon" href="favicon.png">
<!-- Setting characterset to UTF-8 -->
<meta charset="UTF-8">
<!-- Setting page description -->
<meta name="description" content="Digital Portfolio by Henry Nott">
<!-- Defining key words -->
<meta name="keywords" content="Portfolio">
<!-- Declaring page author as Henry Nott -->
<meta name="author" content="Henry Nott">
<!-- Defining the viewport to follow the width of the device and to not zoom -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Linking styles.css CSS Stylesheet -->
<link rel="stylesheet" type="text/css" href="styles.css">
<!-- Linking custom Google Fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Chicle|Roboto">
<!-- Declaring all page font to be Roboto at weight 100 -->
<style>
* {font-family: "Roboto", sans-serif; font-weight: 100 !important;}
</style>
</head>
<body>
<!-- Defining the header div as class 'header' -->
<header class="header">
<!-- Hyperlinking the homepage to the logo -->
<a href="https://birkbeck2.github.io/assessment-02---website-htjnott-bbk/index.html" class="logo">Henry Nott</a>
<!-- Defining checkbox toggle to serve as hamburger menu (mobile view only) -->
<input class="menu-btn" type="checkbox" id="menu-btn"/>
<!-- Defining image as visiual represenation of hamburger menu; Source: Wikimedia (2022) -->
<label class="menu-icon" for="menu-btn"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b2/Hamburger_icon.svg/1024px-Hamburger_icon.svg.png"></label>
<!-- Creating table to house navigation menu (full-size and mobile view) -->
<ul class="menu">
<!-- Defining 3 list items as other pages: 'About', 'Work' and 'Contact', and hyperlinking to respective pages. -->
<li><a href="https://birkbeck2.github.io/assessment-02---website-htjnott-bbk/about.html">About</a></li>
<li><a href="https://birkbeck2.github.io/assessment-02---website-htjnott-bbk/work.html">Work</a></li>
<li><a href="https://birkbeck2.github.io/assessment-02---website-htjnott-bbk/contact.html">Contact</a></li>
</ul>
</header>
<!-- Defining main page content div as 'Contact' -->
<div class="contact">
<!-- Defining sub-div for the page title as 'Contact Title' -->
<div class="contact-title">
<!-- Writing title 'Contact Me' in Heading 1 size -->
<h1>Contact Me</h1>
</div>
<!-- Defining sub-div for the text as 'Contact Content' -->
<div class="contact-content">
<!-- Writing subheading 'Telephone' in Heading 2 size -->
<h2>Telephone</h2>
<!-- Writing telephone number and hyperlinking it to call number -->
<p><a href= "tel:+447920851807">+447920851807</a></p>
<!-- Writing subheading 'Email' in Heading 2 size -->
<h2>Email</h2>
<!-- Writing email and hyperlinking it to compose email -->
<p><a href= "mailto:[email protected]">[email protected]</a></p>
<!-- Writing subheading 'LinkedIn' in Heading 2 size -->
<h2>LinkedIn</h2>
<!-- Creating div for second LinkedIn button (first is on 'About.html') -->
<div class="linkedin-btn2">
<!-- Defining hyperlink to my LinkedIn profile and button image; Source: Action Employment (2022) -->
<a href="https://www.linkedin.com/in/henry-nott/"><img src="https://actionemployment.net/wp-content/uploads/2017/08/view-my-linkedin-profile.png" alt="View my LinkedIn profile"></a>
</div>
</div>
</div>
</body>