Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 3693578

Browse files
author
mrmrs
committed
Adding some common markup patterns I use.
1 parent 5bb050d commit 3693578

File tree

1 file changed

+127
-13
lines changed

1 file changed

+127
-13
lines changed

‎index.html

Lines changed: 127 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,133 @@
11
---
22
layout: default
33
---
4+
<header>
5+
<a href="#" title="Home link"> Home Links </a>
6+
</header>
7+
<section>
8+
<h1>Links</h1>
9+
<a href="#" class="link" title="Sample text link">Sample text link</a>
10+
<a href="#" class="link btn" title="Sample button link">Sample button link</a>
11+
</section>
412

5-
<main>
6-
<h1>Hello World</h1>
7-
</main>
13+
<section>
14+
<article>
15+
<h1>Title</h1>
16+
<p class="intro">
17+
Lorem ipsum dolor sit amet, <b>consectetur adipisicing elit</b>, sed do eiusmod
18+
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
19+
quis nostrud <em>exercitation ullamco laboris nisi ut aliquip ex ea commodo
20+
consequat</em>. Duis aute irure dolor in reprehenderit in voluptate velit esse
21+
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
22+
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
23+
</p>
24+
<blockquote>
25+
<p>
26+
This is a GREAT pull quote.
27+
</p>
28+
<a href="#">- Author</a>
29+
</blockquote>
30+
<p>
31+
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,
32+
consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt
33+
ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima
34+
veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi
35+
ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit
36+
qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum
37+
qui dolorem eum fugiat quo voluptas nulla pariatur?"
38+
</p>
39+
<p>
40+
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
41+
praesentium voluptatum deleniti atque corrupti quos dolores et quas
42+
molestias excepturi sint occaecati cupiditate non provident, similique sunt
43+
in culpa qui officia deserunt mollitia animi, id est laborum et dolorum
44+
fuga. Et harum quidem rerum facilis est et expedita distinctio.
45+
</p>
46+
</article>
47+
</section>
848

9-
{% if site.posts %}
10-
<ul>
11-
{% for post in site.posts %}
12-
<li>
13-
<a href="{{ post.url }}" title="{{post.title}}">
14-
{{ post.title }}
15-
</a>
16-
</li>
17-
{% endfor %}
49+
<section>
50+
<h1 class="h1">Lists</h1>
51+
<ul class="list-horizontal">
52+
<li>List Item 1</li>
53+
<li>List Item 2</li>
54+
<li>List Item 3</li>
55+
<li>List Item 4</li>
56+
<li>List Item 5</li>
57+
<li>List Item 6</li>
1858
</ul>
19-
{% endif %}
59+
<ul class="list-vertical">
60+
<li>List Item 1</li>
61+
<li>List Item 2</li>
62+
<li>List Item 3</li>
63+
<li>List Item 4</li>
64+
<li>List Item 5</li>
65+
<li>List Item 6</li>
66+
</ul>
67+
<dl class="list-stats">
68+
<dt class="list-stats-label">
69+
Kick
70+
</dt>
71+
<dd class="list-stats-stat">
72+
808
73+
</dd>
74+
<dt class="list-stats-label">
75+
Snare
76+
</dt>
77+
<dd class="list-stats-stat">
78+
909
79+
</dd>
80+
</dl>
81+
</section>
82+
83+
<section>
84+
<h1>Headings</h1>
85+
<h1 class="h1">First Header h1</h1>
86+
<p>
87+
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
88+
praesentium voluptatum deleniti atque corrupti quos.
89+
</p>
90+
<h2 class="h2">Second header h2</h2>
91+
<p>
92+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
93+
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
94+
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
95+
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
96+
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
97+
non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
98+
</p>
99+
<h3 class="h3">Third header h3</h3>
100+
<p>
101+
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
102+
praesentium voluptatum deleniti atque corrupti quos dolores et quas
103+
molestias excepturi sint occaecati cupiditate non provident, similique sunt
104+
in culpa qui officia deserunt mollitia animi, id est laborum et dolorum
105+
fuga. Et harum quidem rerum facilis est et expedita distinctio.
106+
</p>
107+
<h4 class="h4">Fourth header h4</h4>
108+
<p>
109+
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,
110+
consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt
111+
ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima
112+
veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi
113+
ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit
114+
qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum
115+
qui dolorem eum fugiat quo voluptas nulla pariatur?"
116+
</p>
117+
<h5 class="h5">Fifth header h5</h5>
118+
<p>
119+
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
120+
doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
121+
veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim
122+
ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia
123+
consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
124+
</p>
125+
<h6 class="h6">Sixth header h6</h6>
126+
<p>
127+
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
128+
praesentium voluptatum deleniti atque corrupti quos.
129+
</p>
130+
</section>
131+
<footer>
132+
<p>Copyright 2013 Some company name</p>
133+
</footer>

0 commit comments

Comments
 (0)