forked from constructorlabs/personal-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
127 lines (125 loc) · 10.9 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Lemony Design</title>
<link rel="canonical" href="https://lemonydesign.co.uk/">
<link rel="stylesheet" href="assets/css/normalize.css">
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
<section class="siteHead">
<nav class="siteHead__nav">
<ul class="siteHead__menu menu--settings">
<li><a href="#footer">About</a></li>
<li><a href="#work">Work</a></li>
<li><a href="#footer">Contact</a></li>
</ul>
</nav>
<header class="siteHead__header">
<h1 class="siteHead__title"><img src="assets/images/Lemony-Logo-Black.png" alt="Lemony Design"></h1>
<h2 class="siteHead__subtitle"><span>Also known as Melanie Ashby: frontend designer-developer.</span> I’m <strike>aiming to become</strike> <strong>agile</strong>, <strong>react</strong>ive, and a bit of a <strong>git</strong> </h2>
<nav class="siteHead__squeeze">
<ul class="siteHead__squeeze__menu menu--settings">
<li><a href="#begin" class="animate--squeeze">[Squeeze]</a></li>
</ul>
</nav>
</header>
</section>
<main class="main" id="begin">
<div class="container">
<ul class="contentHead menu--settings">
<li class="contentHead__design">
<h2>Design</h2>
<p><strong>A little intro about design work.</strong> Occupy photo booth echo park offal. Hammock edison bulb pok pok narwhal, brunch bitters church-key post-ironic adaptogen. Drinking vinegar lumbersexual cliche, portland organic ramps wolf. Irony before they sold out meditation crucifix poke umami gastropub lo-fi bicycle rights sartorial chicharrones man braid authentic. Health goth af art party, scenester tacos actually +1 viral. Offal live-edge pinterest swag beard aesthetic portland activated charcoal kitsch ethical selfies celiac hexagon chillwave. Typewriter tousled taxidermy crucifix drinking vinegar taiyaki selvage. Portland seitan listicle, aesthetic fingerstache pinterest franzen.</p>
</li>
<li class="contentHead__develop">
<h2>Develop</h2>
<p><strong>A little intro about dev work.</strong> Pickled quinoa polaroid, venmo shoreditch occupy affogato keytar. Squid cliche marfa schlitz. Everyday carry farm-to-table banjo, tattooed actually four loko normcore. Photo booth whatever succulents, austin vice vinyl master cleanse. Occupy photo booth echo park offal. Hammock edison bulb pok pok narwhal, brunch bitters church-key post-ironic adaptogen. Drinking vinegar lumbersexual cliche, portland organic ramps wolf. Irony before they sold out meditation crucifix poke umami gastropub lo-fi bicycle rights sartorial chicharrones man braid authentic.</p>
</li>
<li class="contentHead__content">
<h2>Content</h2>
<p><strong>A little intro about content work.</strong> Occupy photo booth echo park offal. Hammock edison bulb pok pok narwhal, brunch bitters church-key post-ironic adaptogen. Drinking vinegar lumbersexual cliche, portland organic ramps wolf. Irony before they sold out meditation crucifix poke umami gastropub lo-fi bicycle rights sartorial chicharrones man braid authentic. Health goth af art party, scenester tacos actually +1 viral. Offal live-edge pinterest swag beard aesthetic portland activated charcoal kitsch ethical selfies celiac hexagon chillwave. Typewriter tousled taxidermy crucifix drinking vinegar taiyaki selvage. Portland seitan listicle, aesthetic fingerstache pinterest franzen.</p>
</li>
<li class="contentHead__ux">
<h2>UX</h2>
<p><strong>A little intro about UX work.</strong> Pickled quinoa polaroid, venmo shoreditch occupy affogato keytar. Squid cliche marfa schlitz. Everyday carry farm-to-table banjo, tattooed actually four loko normcore. Photo booth whatever succulents, austin vice vinyl master cleanse. Occupy photo booth echo park offal. Hammock edison bulb pok pok narwhal, brunch bitters church-key post-ironic adaptogen. Drinking vinegar lumbersexual cliche, portland organic ramps wolf. Irony before they sold out meditation crucifix poke umami gastropub lo-fi bicycle rights sartorial chicharrones man braid authentic.</p>
</li>
</ul>
</div>
<section class="articlesSection" id="work">
<header class="articlesSection__header">
<h2 class="articlesSection__title">Work</h2>
</header>
<div class="container">
<article class="articlesSection__article">
<section class="articlesSection__figure placeholder">
<h3>Project title</h3>
<figure><img src="https://placeholdit.co//i/400x400?&bg=808069&fc=eee8cd&text=Project Image"></figure>
</section>
<section class="articlesSection__briefing">
<h3>Briefing</h3>
<p>Four dollar toast microdosing 8-bit, heirloom 3 wolf moon scenester lyft single-origin coffee fashion axe fingerstache forage lumbersexual synth jean shorts yr. Brunch schlitz drinking vinegar jianbing austin. Trust fund hashtag post-ironic, vape readymade dreamcatcher blog 90's retro waistcoat.</p>
</section>
<section class="articlesSection__approach">
<h3>Approach</h3>
<p>Echo pman deep v cred mixtape sriracha venark quinoa woke chia hammock whatever. Hexagon schlitz pickled salvia kickstarter bushwick. Church-key dreamcatcher vegan tote bag tilde lyft pickled cray keffiyeh four dollar toast organic tattooed snackwave semiotics flexitarian. Godard beard ugh food truck, tattooed woke shamo humblebrag drinking vinegar.</p>
<ul><li>Itemised thing</li><li>Another point of interest</li><li>This is fun</li></ul>
</section>
</article>
</div>
<span class="divider"></span>
<div class="container">
<article class="articlesSection__article">
<section class="articlesSection__figure placeholder">
<h3>Project title</h3>
<figure><img src="https://placeholdit.co//i/400x400?&bg=808069&fc=eee8cd&text=Project Image"></figure>
</section>
<section class="articlesSection__briefing">
<h3>Briefing</h3>
<p>Bicycle rights shoreditch chillwave migas fanny pack four dollar toast. Art party asymmetrical vaporware salvia migas prism plaid actually wolf freegan tumeric portland. </p>
</section>
<section class="articlesSection__approach">
<h3>Approach</h3>
<p>BPug skateboard pickled, franzen prism hexagon kickstarter 90's retro brunch. Unicorn hoodie health goth gentrify four loko helvetica swag tote bag tbh street art tousled</p>
</section>
</article>
</div>
<span class="divider"></span>
<div class="container">
<article class="articlesSection__article">
<section class="articlesSection__figure placeholder">
<h3>Project title</h3>
<figure><img src="https://placeholdit.co//i/400x400?&bg=808069&fc=eee8cd&text=Project Image"></figure>
</section>
<section class="articlesSection__briefing">
<h3>Briefing</h3>
<p>Four dollar toast microdosing 8-bit, heirloom 3 wolf moon scenester lyft single-origin coffee fashion axe fingerstache forage lumbersexual synth jean shorts yr. Brunch schlitz drinking vinegar jianbing austin. Trust fund hashtag post-ironic, vape readymade dreamcatcher blog 90's retro waistcoat.</p>
</section>
<section class="articlesSection__approach">
<h3>Approach</h3>
<p>Echo pman deep v cred mixtape sriracha venark quinoa woke chia hammock whatever. Hexagon schlitz pickled salvia kickstarter bushwick. Church-key dreamcatcher vegan tote bag tilde lyft pickled cray keffiyeh four dollar toast organic tattooed snackwave semiotics flexitarian. Godard beard ugh food truck, tattooed woke shamo humblebrag drinking vinegar.</p>
<ul><li>Itemised thing</li><li>Another point of interest</li><li>This is fun</li></ul>
</section>
</article>
</div>
</section>
</main>
<a href="http://portfolio.lemonydesign.co.uk" target="_blank" class="myPortfolio">
<h2 class="myPortfolio__title">And there’s more…</h2>
</a>
<footer class="siteFooter" role="info" id="footer">
<div class="container container--siteFooter">
<section class="siteFooter__about">
<h3>About me</h3>
<p>Personal statement. Jean shorts craft beer adaptogen, snackwave chia selfies 90's shoreditch chambray. Pour-over umami austin tumblr snackwave helvetica YOLO post-ironic pinterest. Seitan etsy activated charcoal pinterest, tattooed tbh normcore trust fund ennui asymmetrical distillery cold-pressed. Flannel paleo chillwave, +1 af copper mug chia. Distillery banjo drinking vinegar yr vexillologist. Venmo health goth pok pok seitan gochujang, slow-carb synth beard street art hell of. Chartreuse hot chicken woke, you probably haven't heard of them affogato wolf cray tacos pickled selvage YOLO roof party jean shorts.</p>
</section>
<section class="siteFooter__contact">
<h3>Get in contact</h3>
<p>Email: <a href="mailto: [email protected]" target="_blank">[email protected]</a><br>Instagram: <a href="https://www.instagram.com/lordmelburyphotos/" target="_blank" title="Look me up on Instgram">@lordmelburyphotos</a></p>
<p>Site <a href="#">Powered by Lemons</a></p>
</section>
</div>
</footer>
</body>