Skip to content

Latest commit

 

History

History
241 lines (229 loc) · 6.97 KB

elements.md

File metadata and controls

241 lines (229 loc) · 6.97 KB
title
elements

Text

This is bold and this is strong. This is italic and this is emphasized. This is superscript text and this is subscript text. This is underlined and this is code: for (;;) { ... }. Finally, this is a link.

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

Blockquote

Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.

Preformatted

i = 0;

while (!deck.isInOrder()) {
print 'Iteration ' + i;
deck.shuffle();
i++;
}


print 'It took ' + i + ' iterations to sort the deck.';

Lists

<h4>Unordered</h4>
<ul>
	<li>Dolor pulvinar etiam.</li>
	<li>Sagittis adipiscing.</li>
	<li>Felis enim feugiat.</li>
</ul>

<h4>Alternate</h4>
<ul class="alt">
	<li>Dolor pulvinar etiam.</li>
	<li>Sagittis adipiscing.</li>
	<li>Felis enim feugiat.</li>
</ul>

<h4>Ordered</h4>
<ol>
	<li>Dolor pulvinar etiam.</li>
	<li>Etiam vel felis viverra.</li>
	<li>Felis enim feugiat.</li>
	<li>Dolor pulvinar etiam.</li>
	<li>Etiam vel felis lorem.</li>
	<li>Felis enim et feugiat.</li>
</ol>
<h4>Icons</h4>
<ul class="icons">
	<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
	<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
	<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
	<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
</ul>

<h4>Actions</h4>
<ul class="actions">
	<li><a href="#" class="button primary">Default</a></li>
	<li><a href="#" class="button">Default</a></li>
</ul>
<ul class="actions vertical">
	<li><a href="#" class="button primary">Default</a></li>
	<li><a href="#" class="button">Default</a></li>
</ul>

Table

Default

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00 
<h4>Alternate</h4>
<div class="table-wrapper">
	<table class="alt">
		<thead>
			<tr>
				<th>Name</th>
				<th>Description</th>
				<th>Price</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>Item One</td>
				<td>Ante turpis integer aliquet porttitor.</td>
				<td>29.99</td>
			</tr>
			<tr>
				<td>Item Two</td>
				<td>Vis ac commodo adipiscing arcu aliquet.</td>
				<td>19.99</td>
			</tr>
			<tr>
				<td>Item Three</td>
				<td> Morbi faucibus arcu accumsan lorem.</td>
				<td>29.99</td>
			</tr>
			<tr>
				<td>Item Four</td>
				<td>Vitae integer tempus condimentum.</td>
				<td>19.99</td>
			</tr>
			<tr>
				<td>Item Five</td>
				<td>Ante turpis integer aliquet porttitor.</td>
				<td>29.99</td>
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<td colspan="2"></td>
				<td>100.00</td>
			</tr>
		</tfoot>
	</table>
</div>

Buttons

  • Disabled
  • Disabled

Form

Name
Email
Category
- Manufacturing Shipping Administration Human Resources
Low
High
Email me a copy
Not a robot
Message <textarea name="demo-message" id="demo-message" placeholder="Enter your message" rows="6"></textarea>