/
completed_profile.html
95 lines (85 loc) · 4.41 KB
/
completed_profile.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
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<link rel="stylesheet" href="../project/assets/basic-layout.css">
<link rel="stylesheet" href="styles.css">
<link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon">
<title>Profile Page</title>
</head>
<body>
<div class="container">
<aside>
<div class ="info">
<img class="center profile-picture" src="assets/profile-photo.png" alt="Profile Picture">
<h1>LARRY CODESWORTH</h1>
<p>312 Farmhouse Lane, Quacksville, Newfoundland, A1B 2C3</p>
<!-- Stretch Goal - Action Button -->
<a href="mailto:larry@quackmail.com" class="center action-button">CONTACT ME</a>
</div>
<ul>
<li><a href="#bio">ABOUT ME</a></li>
<li><a href="#skills">SKILLS</a></li>
<li><a href="#quirky-fact">QUIRKY FACT</a></li>
<li><a href="#superpower">SUPERPOWER</a></li>
<li><a href="#social-media">SOCIAL MEDIA</a></li>
</ul>
</aside>
<main>
<section class="name">
<h1>HI, I'M LARRY CODESWORTH.</h1>
</section>
<section class="bio">
<h2>ABOUT ME</h2>
<p>
Combine Harvester swather, baler as haybine parsley, melon in hay rake.
Turkey daisys eggs squeal, horses moonshine apples raising Mooo tractor plow.
Straw augers beef kettle our crickets. Goos.
</p>
<p>
<strong>Hammers cattle rats in crows.</strong> Gourds utters at welding
oink haybine. Combine Harvester swather, baler as haybine parsley, melon
in hay rake. Rooster celery pineapples <em>fertilizer</em>, a melon chirp pets in.
Mallet herbs basil nest, in welding equipment pens quail. Turkey daisys eggs
squeal, horses <strong><em>moonshine apple.</em></strong>
</p>
<p>
<em>
Raising Mooo tractor plow. Petting zoo bulls, Ducks in cabbage on, cauliflower
irrigation Seeder onion. Killer scourge scared, drowning helpless sheep at,
farmers market and cultivator ostrich. . Petting zoo at carrots alligators quack.
In the straw rain barrels. Killer scourg.
</em>
</p>
</section>
<section class="skills">
<h2>SKILLS</h2>
<ul>
<li>Expert <span class="highlight">Quacker</span></li>
<li>Extremely Durable</li>
<li>Strong <span class="highlight">Floating Skills</span></li>
<li>Competent with <span class="highlight">HTML & CSS</span></li>
</ul>
</section>
<section class="quirky-fact">
<h2>QUIRKY FACT</h2>
<p>Little trees and bushes grow however makes them happy. We don't really know where this goes - and I'm not sure we really care. There we are. I guess I'm a little weird. I like to talk to trees and animals. That's okay though; I have more fun than most people. There we go. That's why I paint - because I can create the kind of world I want - and I can make this world as happy as I want it.</p>
<p>Making all those little fluffies that live in the clouds. In your world you have total and absolute power. Tree trunks grow however makes them happy.</p>
</section>
<section class="superpower">
<h2>SUPERPOWER</h2>
<p>You can do it. Just use the old one inch brush. We'll throw some old gray clouds in here just sneaking around and having fun. Any little thing can be your friend if you let it be.</p>
<p>But we're not there yet, so we don't need to worry about it. This is a happy place, little squirrels live here and play. You can do anything here - the only pre-requisite is that it makes you happy. Everything's not great in life, but we can still find beauty in it.</p>
</section>
</main>
</div>
<footer>
<div class="center" id="social-media">
<a href="http://facebook.com" target="_blank"><img src="assets/social_media/facebook-logo.svg" alt="Facebook Icon"></a>
<a href="http://linkedin.com" target="_blank"><img src="assets/social_media/linkedin-logo.svg" alt="LinkedIn Icon"></a>
<a href="http://twitter.com" target="_blank"><img src="assets/social_media/twitter-logo.svg" alt="Twitter Icon"></a>
<a href="mailto:test@test.com" target="_blank"><img src="assets/social_media/mail-black-envelope-symbol.svg" alt="Email Icon"></a>
</div>
</footer>
</body>
</html>