/
index.html
106 lines (92 loc) · 5.21 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
<!DOCTYPE html>
<html lang="en">
<!-- head -->
<head>
<meta charset="utf-8">
<!-- if IE use the latest rendering engine -->
<meta http-equive="X-UA-Compatible" content="IE=edge">
<!-- set the page to the width of the device and set the zoom level -->
<meta name="viewport" content="width = device-width, initial-scale=1">
<!-- latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<!-- latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!-- CSS file -->
<link href="style.css" type="text/css" rel="stylesheet" />
<link rel="shortcut icon" href="images/ms-logo.png" type="image/png"/>
<title>Bootstrap blog</title>
</head>
<!-- body -->
<body>
<div class="page-header">
<h1>Lewis Carroll's "Alice in Wonderland"</h1>
</div>
<!-- jumbotron -->
<div class="jumbotron">
<img src="images/jumbo-alice.jpg">
</div>
<!-- container/row -->
<div class="container-fluid">
<div class="row">
<!-- reservation form -->
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" id="sidebar">
<h4>You're late! You're late! <br />For a very important date!</h4>
<p>Make your Mad Tea Party reservation below:</p>
<form role="form">
<div class="form-group">
<label for="name">Your name:</label>
<input type="name" class="form-control" id="name" placeholder="The Red Queen">
</div>
<div class="form-group">
<label for="email">Email address:</label>
<input type="email" class="form-control" id="email" placeholder="madqueen@wonderland.com">
</div>
How many in your party?
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1">
10 or more
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
5-10
</label>
</div>
<div class="radio disabled">
<label>
<input type="radio" name="optionsRadios" id="optionsRadios3" value="option3">
2-5
</label>
</div>
<div class="form-group">
<label for="date">Pick a date</label>
<input type="date" class="form-control" id="date">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
<!-- blog -->
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12" id="blog">
<h3>The players all played at once without waiting for turns, quarrelling all the while, and fighting for the hedgehogs</h3>
<p>The players all played at once without waiting for turns, quarrelling all the while, and fighting for the hedgehogs; and in a very short time the Queen was in a furious passion, and went stamping about, and shouting 'Off with his head!' or 'Off with her head!' about once in a minute.</p>
<img src="images/madteaparty.jpg" id="madteaparty">
<p>Alice began to feel very uneasy: to be sure, she had not as yet had any dispute with the Queen, but she knew that it might happen any minute, 'and then,' thought she, 'what would become of me? They're dreadfully fond of beheading people here; the great wonder is, that there's any one left alive!'</p>
<p>She was looking about for some way of escape, and wondering whether she could get away without being seen, when she noticed a curious appearance in the air: it puzzled her very much at first, but, after watching it a minute or two, she made it out to be a grin, and she said to herself 'It's the Cheshire Cat: now I shall have somebody to talk to.'</p>
<p>'How are you getting on?' said the Cat, as soon as there was mouth enough for it to speak with.</p>
<p>Alice waited till the eyes appeared, and then nodded. 'It's no use speaking to it,' she thought, 'till its ears have come, or at least one of them.' In another minute the whole head appeared, and then Alice put down her flamingo, and began an account of the game, feeling very glad she had someone to listen to her. The Cat seemed to think that there was enough of it now in sight, and no more of it appeared.</p>
<p>'I don't think they play at all fairly,' Alice began, in rather a complaining tone, 'and they all quarrel so dreadfully one can't hear oneself speak—and they don't seem to have any rules in particular; at least, if there are, nobody attends to them—and you've no idea how confusing it is all the things being alive; for instance, there's the arch I've got to go through next walking about at the other end of the ground—and I should have croqueted the Queen's hedgehog just now, only it ran away when it saw mine coming!'</p>
</div>
</div>
</div>
<!-- footer -->
<div class="container-fluid" id="footer">
<p><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> Email: <a href="mailto:madhatter@fakemail.com">madhatter@fakemail.com</a></p>
<p><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> Phone: 555-7474</p>
<p>Copyright ©2016 Mad Hatter</p>
</div>
</body>
</html>