-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·120 lines (85 loc) · 4.53 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
<html>
<head>
<title>Google Type</title>
<!-- Normalize HTML5 Reset -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.1.1/normalize.min.css">
<!-- styles.css Link -->
<link rel="stylesheet" href="css/styles.css">
<!-- Responsive Shizz -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=0">
</head>
<body>
<div class = "google-type">
<h1>
<span class = "google"><span class = "g">G</span><span class = "o">o</span><span class = "o-two">o</span><span class = "g-two">g</span><span class = "l">l</span><span class = "e">e</span></span><span class = "type">type</span>
</h1>
</div>
<div class ="opening-text">
<div class = "left">
<p>
Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla.
</p>
</div>
<div class = "right">
<p>
Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla.
</p>
</div>
</div>
<!-- Johnny Town Mouse -->
<div class = "structure johnny-town">
<h1>Johnny Town Mouse</h1>
<p>
Johnny Town-mouse was born in a cupboard. Timmy Willie was born in a garden. Timmy Willie was a little country mouse who went to town by mistake in a hamper. The gardener sent vegetables to town once a week by carrier. The gardener left the hamper by the garden gate, so that the carrier could pick it up when he passed. Timmy Willie crept in through a hole in the wicker-work, and after eating some peas - Timmy Willie fell fast asleep.
</p>
<hr/>
<div class ="fonts">
<a href = "https://goo.gl/vDVhEp">Open Sans Condensed</a><span>, </span>
<a href = "http://bit.ly/2bdz78e">Lato</a>
</div>
</div>
<!-- Squirrel Nutkin -->
<div class = "structure squirrel-nutkin">
<h1>The Tale of Squirrel Nutkin</h1>
<p>
This is a Tale about a tail - a tail that belonged to a little red squirrel, and his name was Nutkin. He had a brother called Twinkleberry, and a great many cousins: they lived in a wood at the edge of a lake. In the middle of the lake there is an island covered with trees and nut bushes; and amongst those trees stands a hollow oak-tree, which is the house of an owl who is called Old Brown.
</p>
<hr/>
<div class ="fonts">
<a href = "http://bit.ly/2bGSVUN">Playfair Display</a><span>, </span>
<a href = "http://bit.ly/2aYZQm3">Muli</a>
</div>
</div>
<!-- Banjamin Bunny -->
<div class = "structure benjamin-bunny">
<h1>Benjamin Bunny</h1>
<p>
One morning a little rabbit sat on a bank. He pricked his ears and listened to the trit-trot, trit-trot of a pony. A gig was coming along the road; it was driven by Mr. McGregor, and beside him sat Mrs. McGregor in her best bonnet. As soon as they had passed, little Benjamin Bunny slid down into the road, and set off with a hop, skip, and a jump - to call upon his relations, who lived in the wood at the back of Mr. McGregor's garden.
</p>
<hr/>
<div class ="fonts">
<a href = "http://bit.ly/2b0KbD5">Arvo</a><span>, </span>
<a href = "http://bit.ly/2bAOw4c">Raleway</a>
</div>
</div>
<!-- Two Bad Mice -->
<div class = "structure two-bad-mice">
<h1>Two Bad Mice</h1>
<p>
One morning Lucinda and Jane had gone out for a drive in the doll's perambulator. There was no one in the nursery, and it was very quiet. Presently there was a little scuffling, scratching noise in a corner near the fireplace, where there was a hole under the skirting-board. Tom Thumb put out his head for a moment, and then popped it in again. Tom Thumb was a mouse.
</p>
<hr/>
<div class ="fonts">
<a href = "http://bit.ly/2byhjnT">Roboto</a><span>, </span>
<a href = "http://bit.ly/2aVrqFC">Karla</a>
</div>
</div>
<footer>
Created by Adam Collier
</footer>
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<!-- functions.js Link -->
<script src="js/functions.js"></script>
</body>
</html>