-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
69 lines (65 loc) · 2.77 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
<!DOCTYPE html>
<html lang ="en-GB">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="lang" content="en-GB">
<link rel="stylesheet" href="master_styles.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fuzzy+Bubbles&family=Itim&family=Mali:wght@300;500&display=swap" >
<title> Henry Smith: The portfolio to end all portfolios </title>
<meta name="description" content="Welcome to Henry Smith's portfolio! I do wriitng, podcasting, design and more.">
</head>
<body>
<header>
<div class ="header">
<a href="../index.html"><h1> Henry Smith </h1></a>
<div class="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="page_writing/writing.html">Writing</a></li>
<li><a href="page_podcasting/podcast.html">Podcasting</a></li>
<li><a href="page_contact/contact.html">About Me</a></li>
</ul>
</div>
</div>
</header>
<main>
<div class = "content-flex">
<div class = "content-item-stretch">
<h2> Hello! </h2>
<p> This is my portfolio site, which has been created to help show off all of
my design work so far for my Masters degree. Unfortunately, we're very early on in the course, so...
this is pretty much all the design work I have right now. But it's okay! Because I have a few other things
I could show you that might be of use too. Let's see, shall we? </p>
</div>
<div class ="content-item-left">
<h2> Writing </h2>
<img src ="icons/writing.svg" alt="Henry Smith" width="60">
<p> Before I was a Digital Media Design student, I was a struggling writer trying to make it big. Emphasis on struggling.
See here for more of my writing work, across several different websites. </p>
<a href="page_writing/writing.html">Read More</a>
</div>
<div class ="content-item-right">
<h2> Podcasting </h2>
<img src ="icons/podcast.svg" alt="Henry Smith" height="60">
<p> In 2019, a friend and I decided to record some of our more interesting conversations about Spider-Man
and comic books, and accidentlly found ourselves a creative outlet. </p>
<a href="page_podcasting/podcast.html">Read More</a>
</div>
<div class = "content-item-stretch">
<h2> About Me </h2>
<img src ="icons/Henry.svg" alt="Henry Smith" width="60">
<p> You've got an idea of the sort of work I do. Would you like to know a bit more about the person behind them?
Come on! I promise I'm sort of interesting. Click here for a bit more of my background and qualifications,
and find out how to get in contact with me! </p>
<a href="page_contact/contact.html">Read More</a>
</div>
</div>
</main>
<footer>
<div class ="footer">
<p> Podcast audio and images © That 90s Spider-Man Show. All other images, including icons © Henry Smith. All rights reserved. </p>
</div>
</footer>
</body>
</html>