-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (132 loc) · 6.85 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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!doctype html>
<html lang="en">
<head>
<title>bdefaultsm css</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link id="favicon" rel="icon" href="" type="image/x-icon">
<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="bdefaultsm.css">
</head>
<body>
<header>
<h1>bdefaultsm css</h1>
<hr>
<p>my attempt at an opinionated classless css</p>
</header>
<main>
<section>
<article>
<h2>font</h2>
<hr>
<p>font is sans-serif by default</p>
</article>
<article>
<h2>font-size</h2>
<hr>
<p></p>
</article>
<article>
<h2>paragraph</h2>
<p><em>here's two paragraphs of text</em></p>
<p>Green juice kogi af, banh mi letterpress put a bird on it chia yuccie hashtag post-ironic fingerstache photo booth. Cronut palo santo yr tumblr. Lumbersexual fingerstache tumeric tote bag drinking vinegar, whatever kinfolk farm-to-table direct trade salvia. Crucifix kickstarter bitters portland sartorial. Four loko hell of enamel pin banh mi fingerstache skateboard crucifix DIY gastropub 8-bit lumbersexual. Palo santo schlitz mlkshk poke skateboard salvia woke chia deep v photo booth lyft VHS waistcoat art party man braid. Health goth freegan small batch forage seitan enamel pin, listicle marfa. Woke pinterest pork belly waistcoat keytar cardigan whatever tbh quinoa yr selfies snackwave. Leggings humblebrag hot chicken, distillery normcore man bun taiyaki biodiesel tote bag venmo crucifix hammock. Flexitarian fingerstache four dollar toast iceland echo park aesthetic. Pork belly health goth quinoa, wolf enamel pin keytar art party.</p>
<p>Umami chartreuse irony meggings flexitarian. Kale chips cronut lo-fi tumblr mustache, man braid pitchfork health goth wolf food truck poutine small batch single-origin coffee synth. Lyft ennui slow-carb before they sold out shabby chic readymade swag mlkshk everyday carry pabst. Readymade hella glossier pork belly occupy humblebrag authentic banh mi. Hella tbh single-origin coffee, scenester vice leggings blue bottle mixtape gochujang dreamcatcher yuccie flexitarian schlitz pork belly. Raw denim VHS wayfarers meditation aesthetic mustache cliche austin raclette quinoa. Butcher man bun 8-bit etsy microdosing kitsch, tousled chartreuse marfa blue bottle. Hashtag four dollar toast tumeric, shabby chic williamsburg pork belly la croix air plant kinfolk. Taxidermy thundercats gastropub cloud bread master cleanse adaptogen, la croix tumeric vice cornhole raclette.</p>
</article>
<article>
<h2>headings</h2>
<hr>
<p>
<h1>h1 - this is an h1 heading</h1>
<h2>h2 - this is an h2 heading</h2>
<h3>h3 - this is an h3 heading</h3>
<h4>h4 - this is an h4 heading</h4>
<h5>h5 - this is an h5 heading</h5>
<h6>h6 - this is an h6 heading (the size of default text, but bold)</h6>
</p>
</article>
<article>
<h2>blockquote</h2>
<hr>
<blockquote>
<p>where have all the cowboys gone?</p>
<cite>paula cole</cite>
</blockquote>
</article>
</section>
<section>
<article>
<h2>links</h2>
<hr>
<p><a href="#">example link</a></p>
<ul>
<li><a href="#">example links in an unordered list</a></li>
<li><a href="#">example links in an unordered list</a></li>
<li><a href="#">example links in an unordered list</a></li>
<li><a href="#">example links in an unordered list</a></li>
<li><a href="#">example links in an unordered list</a></li>
<li><a href="#">example links in an unordered list</a></li>
</ul>
<p>Letterpress celiac gentrify taxidermy four dollar toast locavore irony. Gochujang glossier pok pok street <a href="#">art</a> austin, vaporware franzen chambray yr poke. Pug whatever bushwick shabby chic. Knausgaard kombucha gastropub, leggings wayfarers intelligentsia gochujang everyday carry YOLO mustache roof party <a href="#">skateboard</a> master cleanse. Art party cardigan semiotics 90's cray marfa celiac put a bird on it 8-bit. Viral 8-bit shaman tofu tote bag gochujang +1 fashion axe flannel <a href="#">chia</a> fixie vexillologist four loko. Small batch plaid thundercats umami ennui. Vice butcher normcore brunch <a href="#">truffaut</a> before they sold out try-hard cliche brooklyn post-ironic YOLO tacos craft beer. Hell of lomo kombucha health goth artisan, venmo bespoke master cleanse pabst crucifix four loko af tilde.</p>
</article>
<article>
<h2>buttons</h2>
<hr>
<button>example button</button>
<button>example button</button>
<button>example button</button>
<button>example button</button>
<button>example button</button>
<button>example button</button>
</article>
</section>
<section>
<article>
<h2>forms</h2>
<hr>
</article>
</section>
<section>
<article>
<h2>tables</h2>
<hr>
</article>
</section>
<section>
<article>
<h2>lists</h2>
<hr>
</article>
</section>
<section>
<article>
<h2>code</h2>
<hr>
<pre><code><!doctype html><br><html><br> <head><br> <meta charset="utf-8"><br> <meta http-equiv="x-ua-compatible" content="ie=edge"><br> <meta name="viewport" content="width=device-width, initial-scale=1"><br><br> <title></title><br><br> <link rel="icon" href="images/favicon.png"><br> <link rel="stylesheet" href="normalize.css"><br> <link rel="stylesheet" href="bdefaultsm.css"><br> </head><br> <body><br><br> </body><br></html></code></pre>
</article>
</section>
<section>
<article>
<h2>images</h2>
<hr>
<p>images should be responsive by default</p>
</article>
<article>
<h2>video</h2>
<hr>
<p>and videos and other media should also be responsive by default</p>
</article>
</section>
</main>
<hr>
<footer>
<p>made by me, jarrenb</p>
</footer>
<!-- scripts -->
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous">
</script>
</body>
</html>