-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
57 lines (54 loc) · 3.02 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Adam T. Monk</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" href="favicon.jpeg">
</head>
<body>
<div class="title_gradient top-container">
<img class="top-cloud" src="images/cloud.png" alt="cloud image">
<h1>Hi, I'm Adam.</h1>
<h2>@ Detour Media.</h2>
<img class="bottom-cloud" src="images/cloud.png" alt="cloud image">
<img src="images/mountain.png" alt="mountain image">
</div>
<div class="middle-container">
<div class="profile">
<img src="images/adam.png" height="200px" width="auto" alt="adam profile photo">
<h2>Hello.</h2>
<p class="intro">I'm a Junior Front-End Developer who is passionate about inclusive and accessible web design. If I'm not behind my screen, catch me at the park with Ruby 🐶</p>
</div>
<hr>
<div class="skills">
<h2>My Skills.</h2>
<div class="skill-row">
<img class="computer-image" src="images/computer.png" alt="html image">
<h3>Front-End Development</h3>
<p>HTML, CSS, Liquid, Javascript | ply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently</p>
</div>
<div class="skill-row">
<img class="chillies-image" src="images/chillies.png" alt="hot chilli pepper image">
<h3>Graphic Design</h3>
<p>Adobe: Illustrator, Photoshop // Affinity: Design, Photo | ply dummy text of the printing and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently</p>
</div>
</div>
<hr>
<div class="contact-me">
<h2>Get In Touch</h2>
<h3>Lorem ipsum dolor sit amet, non elit.</h3>
<p class="contact-msg">Lorem ipsum dolor sit amet, in quis, aenean amet. Phasellus sodales, tellus donec dui, ornare erat.</p>
<a class="btn" href="mailto:[email protected]">CONTACT ME</a>
</div>
</div>
<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/">LinkedIn</a>
<a class="footer-link" href="https://twitter.com/">Twitter</a>
<a class="footer-link" href="https://www.appbrewery.co/">Website</a>
<p class="copyright">© 2022 Adam Monk @ Detour Media</p>
</div>
</body>
</html>