-
Notifications
You must be signed in to change notification settings - Fork 0
/
index-bootstrap.html
60 lines (59 loc) · 5.6 KB
/
index-bootstrap.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
<!DOCTYPE html>
<html>
<head>
<title>Sloane Sturzenegger's Style Guide</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link type="text/css" rel="stylesheet"
href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<link type="text/css" rel="stylesheet"
href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css">
<script type="text/javascript"
src="http://twitter.github.com/bootstrap/assets/js/bootstrap.js"></script>
</head>
<body>
<h1>Lorem ipsum header one</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum rutrum tincidunt pulvinar. Suspendisse a consequat purus. Mauris egestas tincidunt congue. Ut suscipit sem risus. Nullam eu mauris quis nisi rutrum congue commodo vitae elit. Mauris sagittis ultricies velit, in pretium velit interdum et. Praesent sed fermentum purus. Sed elementum consequat tellus, ut ullamcorper sem euismod ultrices. Ut non lectus non sapien dapibus sodales non sed mauris. Cras faucibus purus id arcu gravida imperdiet. Phasellus molestie nisi in nibh dapibus ac malesuada diam tempor. Morbi id metus bibendum mi tincidunt volutpat. Fusce ultrices justo non magna vulputate eu blandit ipsum faucibus.</p>
<h2>Lorem header two</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum rutrum tincidunt pulvinar. Suspendisse a consequat purus. Mauris egestas tincidunt congue. Ut suscipit sem risus. Nullam eu mauris quis nisi rutrum congue commodo vitae elit. Mauris sagittis ultricies velit, in pretium velit interdum et. Praesent sed fermentum purus. Sed elementum consequat tellus, ut ullamcorper sem euismod ultrices. Ut non lectus non sapien dapibus sodales non sed mauris. <br> <b>Cras faucibus purus id arcu gravida imperdiet.</b>Phasellus molestie nisi in nibh dapibus ac malesuada diam tempor. Morbi id metus bibendum mi tincidunt volutpat. Fusce ultrices justo non magna vulputate eu blandit ipsum faucibus.</p>
<h3>Lorem ipsum header 3</h3>
<ul>
<li>A link: <a href="http://en.wikipedia.org/wiki/Rule_of_three_(writing)">click here</a></li>
<li>Lorem ipsum</li>
</ul>
<h4>Header four</h4>
<ol>
<li>Line item 1</li>
<li>Line item two.</li>
</ol>
<h4>Header four. Break in text.</h4>
<hr>
<h5>Header five with quoted text</h5>
<blockquote>
<p>"Four score and seven years ago our fathers brought forth on this continent a new nation, conceived in liberty, and dedicated to the proposition that all men are created equal.<br>
Now we are engaged in a great civil war, testing whether that nation, or any nation, so conceived and so dedicated, can long endure. We are met on a great battle-field of that war. We have come to dedicate a portion of that field, as a final resting place for those who here gave their lives that that nation might live. It is altogether fitting and proper that we should do this.<br>
But, in a larger sense, we can not dedicate, we can not consecrate, we can not hallow this ground. The brave men, living and dead, who struggled here, have consecrated it, far above our poor power to add or detract. The world will little note, nor long remember what we say here, but it can never forget what they did here. It is for us the living, rather, to be dedicated here to the unfinished work which they who fought here have thus far so nobly advanced. It is rather for us to be here dedicated to the great task remaining before us--that from these honored dead we take increased devotion to that cause for which they gave the last full measure of devotion--that we here highly resolve that these dead shall not have died in vain--that this nation, under God, shall have a new birth of freedom--and that government of the people, by the people, for the people, shall not perish from the earth." - <cite>Gettysburg Address</cite></p>
</blockquote>
<h3>Euler's identity</h3>
<p><var>e</var><sup><var>i</var>*<var>pi</var></sup> + 1 = 0</p>
<p>Dictionary of constants:</p>
<dl>
<dt><var>e</var></dt><dd>euler's number = 2.7182818284590452353602874713526624977572470936999595</dd>
<dt><var>i</var></dt><dd>the imaginary number = sqrt(-1)</dd>
<dt><var>pi</var></dt><dd>the ratio between a circle's circumference and its radius = 3.1415926535897932384626433832795028841971693993751058</dd>
</dl>
<h2>Text tags</h2>
<p>
<strong>This is strong text!</strong><em> I have emphasized this sentence. </em><small>Does this look like a side comment to you? It is.</small> <s>Cross out this sentence</s> One of my favorite quotes is from Henry Ford: <q>"If I had asked them what they wanted, they would have said 'Faster Horses' "</q> <i>This text is in an alternate style.</i> My favorite programming language is C. Who needs <code>bool</code>'s anyway? Want to throw in a line break? Use the br tag. <br> See? I love the <abbr title="United States of America">USA</abbr>. Book titles are <u>underlined</u> usually. <br>
This is an image of the Stanford logo: <br><img src="http://dunbar.stanford.edu/stanford_logo%5B1%5D.gif"><br>This is how you include a Youtube video in your page.
</p>
<iframe width="560" height="315" src="http://www.youtube.com/embed/4_yyhkJIvd8?list=PLDF608FA80C336FC2" frameborder="0" allowfullscreen></iframe>
<h2>A form:</h2>
<p><form><input type="text" name="input_form" value="Type here"></form> <br>
<button name="button_form">Click here!</button> <br> </p>
<select name="select_form">
<option value="value1" selected>Number 1</option>
<option value="value2" >Number 2</option>
<option value="value3">Number 3</option>
</select>
</body>
</html>