-
Notifications
You must be signed in to change notification settings - Fork 78
/
nick-vandenberge.html
155 lines (130 loc) · 6.63 KB
/
nick-vandenberge.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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="Nick Vandenberge's Exercise 1">
<!-- <link rel="stylesheet" href="css/style.css"> -->
<title>Exercise 1 | Nick Vandenberge</title>
<style>
/* Not best practice to put CSS in HTML, but did not want to modify pre-existing CSS */
header {
margin-top: -40px;
}
nav ul li {
list-style: none;
display: inline-block;
padding: 0 15px 0 0;
}
li a {
text-decoration: none;
color: black;
}
#v1 {
border-left: 1px solid black;
height: 30px;
}
.rightnav {
padding-left: 45%;
}
.navbutton {
font-size: 14px;
border-radius: 5px;
}
body {
margin: 0;
padding: 0 25% 0 20%;
}
p {
font-size: 21px;
line-height: 40px;
}
img {
padding: 0 25px 3px 0;
}
h1 {
font-size: 42px;
}
#dots {
text-align: center;
}
</style>
</head>
<body>
<header>
<nav>
<ul>
<li>
<h1><a href="https://medium.com/" target="_blank">M</a></h1>
</li>
<li id="v1"></li>
<li>
<h3><a href="https://twitter.com/zeldman" target="_blank">@zeldman</a></h3>
</li>
<li><button class="navbutton">Follow</button></li>
<li class="rightnav">Sign in</li>
<li><button class="navbutton">Get started</button></li>
</ul>
</nav>
</header>
<section>
<img src="medium.jpg" alt="pixelated Zeldman" align="left"></img>
<h1>Of Patterns and Power: Web Standards Then & Now</h1>
<!-- Regular ipsum -->
<p>
Lorem ipsum dolor sit amet, <a href="https://www.google.com/search?q=consectetur+adipisicing" target="_blank">consectetur adipisicing</a> elit. Suscipit vel voluptatem, laboriosam porro. Temporibus dolorem labore inventore ex fuga incidunt
maiores debitis
error perferendis nemo eum recusandae commodi cum laboriosam, nulla etsint autem odit. Optio qui maiores quis, dolorem eos, facere sit dolor excepturi culpa iure aut nihil nisi. Saepe rerum repudiandae corporis quisquam neque ab laboriosam, ea
optio temporibus, nihil sunt libero vero nisi voluptas? Ipsum cumque, <mark style="background-color: #E7E7E8">illo nostrum perspiciatis sunt non ad, eum. Molestiae laboriosam eveniet</mark> fugit molestias minima sint itaque quod, suscipit
dignissimos, minus possimus explicabo quasi.
Quidem corrupti, nisi odio, corporis commodi voluptatum sapiente magni!
</p>
</section>
<!-- Tech isum -->
<section>
<p>
Leverage agile frameworks to provide a robust synopsis for <a href="https://www.google.com/search?q=high+level" target="_blank">high level</a> overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the
overall value proposition. Organically grow the holistic world view of
disruptive innovation via workplace diversity and empowerment.
Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined <a href="https://www.google.com/search?q=cloud+solution"
target="_blank">cloud solution</a>. User generated
content in real-time will have multiple touchpoints for offshoring.
</p>
</section>
<!-- Bacon ipsum -->
<section>
<p>
Bresaola pastrami strip steak, shoulder turkey doner pancetta salami landjaeger short ribs ham hock venison short loin frankfurter. Salami tenderloin jerky meatloaf buffalo andouille drumstick shank. Tri-tip short ribs pancetta rump shank
burgdoggen swine capicola. Shankle landjaeger short ribs, drumstick pig salami shoulder brisket pastrami capicola. Cow boudin doner capicola tongue pork chop rump ("ground round") tri-tip. Beef ribs chuck cupim pork chop corned beef t-bone
filet mignon ground round pork alcatra pastrami doner pancetta frankfurter ham hock.Jerky shoulder pork belly, tenderloin sirloin filet mignon biltong <a href="https://www.google.com/search?q=rump+burgdoggen" target="_blank">rump burgdoggen</a>.
Shankle spare ribs pastrami jerky chicken picanha leberkas biltong bacon corned beef meatloaf venison kielbasa ball tip burgdoggen. Pork loin ham hock chicken boudin flank. Shoulder landjaeger buffalo ball tip burgdoggen kielbasa bresaola
tenderloin.
</p>
</section>
<!-- Cat ipsum -->
<section>
<p>
Pooping rainbow while flying in a toasted bread costume in space chase ball of string chew foot, and poop on grasses. Why must they do that flop over. Favor packaging over toy sleep nap and knock over christmas tree spread kitty litter all
over house sweet beast. Use lap as chair give attitude poop on grasses sleep nap. Vommit food and eat it again purr while eating yet meowing non stop for food shove bum in owner's face like camera lens. Intently stare at the same spot stand in
front of the <a href="https://www.google.com/search?q=computer+screen+purr" target="_blank">computer screen purr</a> for no reason stare at the wall, play with food and get confused by dust so present belly, scratch hand when stroked.
Intrigued by the shower have secret plans. Sweet beast find something else more interesting, or stare at ceiling. Leave dead animals as gifts find something else more interesting. Lick butt. Sleep in the bathroom sink why must they do that.
Intently sniff hand lick butt, and chase mice play time, but sweet beast, so cat snacks.
</p>
</section>
<div id="dots">
<p>. . .</p>
</div>
<section>
<p>
<em>
Originally published at <a href="http://www.zeldman.com/2016/01/05/13913/" target=_blank>www.zeldman.com</a> on January 5, 2016.
<br> <br>
Designing and blogging since 1995, <a href="http://www.zeldman.com" target=_blank><strong>Jeffrey Zeldman</strong></a> is the publisher of <a href="https://alistapart.com/" target="_blank"><strong>A List Apart</strong></a> Magazine and <a
href="https://abookapart.com/" target=_blank><strong>A Book Apart</strong></a>, co-founder of <a href="https://aneventapart.com/" target="_blank"><strong>An Event Apart</strong></a> design conference, and founder and creative director of
<a href="https://studio.zeldman.com/" target="_blank"><strong>studio.zeldman</strong></a>. Follow him <a href="https://twitter.com/zeldman" target="_blank"><strong>@zeldman</strong></a>.
</em>
</p>
</section>
</body>
</html>