-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
83 lines (77 loc) · 3.74 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My First Webpage</title>
<link rel="stylesheet" href="styles.css">
<link href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,100italic,300italic,400italic,500italic,500,700,700italic,900,900italic" rel="stylesheet" type="text/css">
</head>
<body>
<div class="whole-page">
<div class="header">
<div id="header-logo"><p>Header Logo</p></div>
<div id="header-links">
<p><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">header link one</a></p>
<p><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">header link two</a></p>
<p><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">header link three</a></p>
</div>
</div>
<div class="upper-middle">
<div class="UM-text">
<div id="UP-header">
<p>This website is awesome</p>
</div>
<p>This website has some subtext that goes here under the main title.
It's a smaller font and the color is lower contrast.
</p>
<button id="button">#</button>
</div>
<div>
<img src="images/penguins.jpeg" alt="Two penguins standing next to each other" height="200px" width="475px">
</div>
</div>
<div class="sub-upper">
<p>Some random information.</p>
</div>
<div class="su-images">
<div class="img-sec">
<img src="images/lovebird.jpg" alt="This is a lovebird on a branch" width="200px" height="200px">
<p>This is a lovebird sitting on a branch. Look at how cute it is!</p>
</div>
<div class="img-sec">
<img src="images/bridge.jpg" alt="This is a wooden bridge" width="200px" height="200px">
<p>This is a wooden bridge over a small stream. Seems nice and relaxing!</p>
</div>
<div class="img-sec">
<img src="images/houseleek.jpg" alt="This is a plant called a houseleek" width="200px" height="200px">
<p>This is a strange plant called a houseleek. Can't say I've seen one of these before!</p>
</div>
<div class="img-sec">
<img src="images/rabbit.jpg" alt="This is a rabbit hopping along a dirt path" width="200px" height="200px">
<p>This is a little rabbit hopping along a trail. Maybe he's related to the Easter Bunny?</p>
</div>
</div>
<div class="quote-sec">
<p>
I've seen the things that you guys fall for on Facebook and Twitter. For the last time, please stop believing
everything you read on the internet!
</p>
<p id="attribution">
-Abraham Lincoln
</p>
</div>
<div class="call">
<div class="call-left">
<p id="cHeader">Please Hire Me! I'll Make a Good Intern!</p>
<p>Click the button right over there to go to my LinkedIn, feel free to message me!</p>
</div>
<button><a href="https://www.linkedin.com/in/nicholasseemann/">LinkedIn</a></button>
</div>
<div class="footer">
<p>
Website Created by Nicholas Seemann
</p>
</div>
</div>
</body>
</html>