-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (101 loc) · 5.35 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!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" />
<link rel="shortcut icon" href="assets/favicon.svg" type="image/x-icon">
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css" />
<title>Alex Mosely - digital artist</title>
</head>
<body>
<header>
<img src="assets/site-logo.svg" alt="Alex Mosely logo" class="logo" />
<nav>
<a href="index.html" class="selected">Home</a>
<a href=" about.html">About</a>
<a href="contact.html">Contact</a>
</nav>
</header>
<main>
<section>
<h1>
ALEX MOSELY IS AN ILLUSTRATOR, WORKING ON BRIGHT AND COLOURFUL WORK FOR ALL SORTS OF CLIENTS, IN ALL
SORTS OF PLACES
</h1>
</section>
<section class="project">
<div class="artwork">
<img src="assets/safe-space.png" alt="red" />
</div>
<div class="description">
<h2>A Safe Space</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna
aliqua. Faucibus in ornare quam viverra. Risus at ultrices mi tempus. Etiam non quam lacus
suspendisse faucibus interdum
posuere lorem ipsum. Ipsum dolor sit amet consectetur adipiscing elit duis tristique
sollicitudin. Tempus egestas sed
sed risus pretium quam vulputate dignissim. Quis eleifend quam adipiscing vitae proin sagittis
nisl rhoncus. Senectus et
netus et malesuada fames ac turpis egestas. Mauris pharetra et ultrices neque ornare aenean
euismod elementum nisi. Amet
porttitor eget dolor morbi non arcu. Sagittis nisl rhoncus mattis rhoncus urna neque viverra
justo. Laoreet sit amet
cursus sit amet.
</p>
</div>
</section>
<section class="project">
<div class="artwork">
<img src="assets/creative-block.png" alt="green" />
</div>
<div class="description">
<h2>Waiting it Out</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna
aliqua. Faucibus in ornare quam viverra. Risus at ultrices mi tempus. Etiam non quam lacus
suspendisse faucibus interdum
posuere lorem ipsum. Ipsum dolor sit amet consectetur adipiscing elit duis tristique
sollicitudin. Tempus egestas sed
sed risus pretium quam vulputate dignissim. Quis eleifend quam adipiscing vitae proin sagittis
nisl rhoncus. Senectus et
netus et malesuada fames ac turpis egestas. Mauris pharetra et ultrices neque ornare aenean
euismod elementum nisi. Amet
porttitor eget dolor morbi non arcu. Sagittis nisl rhoncus mattis rhoncus urna neque viverra
justo. Laoreet sit amet
cursus sit amet.
</p>
</div>
</section>
<section class="project">
<div class="artwork">
<img src="assets/under-pressure.png" alt="blue" />
</div>
<div class="description">
<h2>Under Pressure</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna
aliqua. Faucibus in ornare quam viverra. Risus at ultrices mi tempus. Etiam non quam lacus
suspendisse faucibus interdum
posuere lorem ipsum. Ipsum dolor sit amet consectetur adipiscing elit duis tristique
sollicitudin. Tempus egestas sed
sed risus pretium quam vulputate dignissim. Quis eleifend quam adipiscing vitae proin sagittis
nisl rhoncus. Senectus et
netus et malesuada fames ac turpis egestas. Mauris pharetra et ultrices neque ornare aenean
euismod elementum nisi. Amet
porttitor eget dolor morbi non arcu. Sagittis nisl rhoncus mattis rhoncus urna neque viverra
justo. Laoreet sit amet
cursus sit amet.
</p>
</div>
</section>
</main>
<footer class="footer">
<a href="#"><img src="assets/facebook.svg" alt="facebook"></a>
<a href="#"><img src="assets/instagram.svg" alt="instagram"></a>
<a href="#"><img src="assets/twitter.svg" alt="twitter"></a>
</footer>
</body>
</html>