-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathflex_index.html
116 lines (97 loc) · 4.75 KB
/
flex_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
112
113
114
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Chloe Elliot / Web Developer</title>
<meta name="description" content="web developer for hire, JavaScript, Python, Django, HTML, CSS">
<link rel="stylesheet" type="text/css" href="flex_style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="art-filler">
<header class="header">
<div class="title">
<h1>Chloe Elliott</h1>
</div>
<div class="job">
<h2 class="special">web developer</h2>
</div>
<nav class="navigation">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#the-work">Works</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
</div>
<!--<div class="art-filler">-->
<!--</div>-->
<div id="the-work" class="the-work">
<h2>Works:</h2>
<article>
<h3>Title of work #1</h3>
<a href="#"><img src="#" alt="Chloe Elliott professional portfolio work ref"></a>
<p>Description about project. Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</article>
<article>
<h3>Title of work #2</h3>
<a href="#"><img src="#" alt="Chloe Elliott professional portfolio work ref"></a>
<p>Description about project. Lorem ipsum dolor sit amet, consectetur adipiscing elitkkdfj kldfjk ljs ksdflkds jlks skjfldk skdfjdls j skjfl s</p>
</article>
<article>
<h3>Title of work #3</h3>
<a href="#"><img src="#" alt="Chloe Elliott professional portfolio work ref"></a>
<p>Description about project. Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</article>
<article>
<h3>Title of work #4</h3>
<a href="#"><img src="#" alt="Chloe Elliott professional portfolio work ref"></a>
<p>Description about project. Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</article>
</div>
<div id="about" class="about">
<h2>About:</h2>
<figure>
<img src="chloe.jpg" alt="professional picture of Chloe Elliott, web developer">
</figure>
<p class="column-one">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Urna duis convallis
convallis tellus id interdum. Habitasse platea dictumst vestibulum rhoncus
est pellentesque elit ullamcorper. Cursus euismod quis viverra nibh cras
pulvinar. Nunc pulvinar sapien et ligula ullamcorper malesuada. Integer
vitae justo eget magna fermentum iaculis eu non. Aliquam sem fringilla ut
morbi tincidunt augue interdum. Phasellus vestibulum lorem sed risus ultricies
tristique nulla. Sed risus pretium quam vulputate. Sit amet mauris commodo quis
imperdiet massa tincidunt nunc. Luctus venenatis lectus magna fringilla.
Orci ac auctor augue mauris. Venenatis lectus magna fringilla urna porttitor
rhoncus dolor.</p>
<p class="column-two">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Urna duis convallis convallis tellus
id interdum. Habitasse platea dictumst vestibulum rhoncus est pellentesque elit
ullamcorper. Cursus euismod quis viverra nibh cras pulvinar. Nunc pulvinar sapien
et ligula ullamcorper malesuada. Integer vitae justo eget magna fermentum iaculis
eu non. Aliquam sem fringilla ut morbi tincidunt augue interdum. Phasellus
vestibulum lorem sed risus ultricies tristique nulla. Sed risus pretium quam
vulputate. Sit amet mauris commodo quis imperdiet massa tincidunt nunc. Luctus
venenatis lectus magna fringilla. Orci ac auctor augue mauris. Venenatis lectus
magna fringilla urna porttitor rhoncus dolor.</p>
</div>
<div class="clearfix"></div>
<aside id="contact">
<h2>Contact:</h2>
<img src="#" alt="some image that looks like a phone or something">
<h3>Come find me on the interwebs!</h3>
<ul>
<li>email</li>
<li>GitHub</li>
<li>LinkedIn</li>
<li>Twitter</li>
<li>something</li>
</ul>
</aside>
<footer>
<h4>created by Chloe Elliott / Web Developer</h4>
</footer>
</body>