-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
164 lines (146 loc) · 7.58 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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Smudge's Awesome Website</title>
<meta name="description" content="Smudge's personal website">
<meta name="author" content="Smudge the cat">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="site-header">
<h1 class="brand">
<a href="#">
<img src="img/icon-cat.png" alt="cat icon">
</a>
</h1>
<nav class="site-navigation">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#photos">Photos</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<main class="site-main">
<section class="home-banner" id="home">
<div class="home-intro-content">
<h1>Hi, I'm Smudge! <small>Welcome to my website.</small></h1>
</div>
</section>
<section class="section-about" id="about">
<div class="content">
<h1>About Me</h1>
<p>I'm a sphynx cat. Sphynx cats have no real fur, but if you look closesly you'll see I have some fluff on my tail, ears and a few other places. I like chasing my fish toy a lot.</p>
<h2>Stuff I Do</h2>
<p>Hide from vacuum cleaner. Damn that dog sleep on keyboard, so hiss at vacuum cleaner hide at bottom of staircase to trip human flop over. Why must they do that lick sellotape human give me attention meow.</p>
<h2>My Hobbies</h2>
<img class="content-image" src="img/headshot.png" alt="headshot">
<p>Sit on the laptop mew and meow all night having their mate disturbing sleeping humans or love to play with owner's hair tie so eat from dog's food fall over dead (not really but gets sypathy) chase dog then run away. Kitty power! jump around on couch, meow constantly until given food, and chase ball of string lick the plastic bag or use lap as chair. Find empty spot in cupboard and sleep all day meow all night having their mate disturbing sleeping humans yet paw at your fat belly hide at bottom of staircase to trip human. </p>
<p>Swat turds around the house rub face on everything. Hola te quiero hide at bottom of staircase to trip human for poop on grasses so pooping rainbow while flying in a toasted bread costume in space. Run in circles eat owner's food bathe private parts with tongue then lick owner's face meow all night having their mate disturbing sleeping humans yet when in doubt, wash, but chase red laser dot. Pee in human's bed until he cleans the litter box human is washing you why halp oh the horror flee scratch hiss bite so make meme, make cute face, for cat snacks.</p>
<h3></h3>
<p>Spread kitty litter all over house play time, but damn that dog . Touch water with paw then recoil in horror. The dog smells bad intently sniff hand attack feet shove bum in owner's face like camera lens sleep in the bathroom sink love to play with owner's hair tie and eat prawns daintily with a claw then lick paws clean wash down prawns with a lap of carnation milk then retire to the warmest spot on the couch to claw at the fabric before taking a catnap.</p>
<p>You call this cat food? chew on cable human is washing you why halp oh the horror flee scratch hiss bite paw at beetle and eat it before it gets away howl uncontrollably for no reason. Attack dog, run away and pretend to be victim destroy the blinds so sleep nap chase ball of string or bathe private parts with tongue then lick owner's face. Touch water with paw then recoil in horror use lap as chair, but lick the plastic bag human is washing you why halp oh the horror flee scratch hiss bite and caticus cuteicus yet find something else more interesting.</p>
(<a href="http://www.catipsum.com/index.php" target="_blank">from cat ipsum</a>)
<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>
<ul>
<li><strong>Lorem ipsum dolor</strong> sit amet consectetuer.</li>
<li>Aenean <em>commodo</em> ligula eget dolor.</li>
<li>Aenean massa cum sociis natoque penatibus.</li>
</ul>
<ol>
<li>Lorem ipsum dolor sit amet consectetuer.</li>
<li>Aenean commodo ligula eget dolor.</li>
<li>Aenean massa cum sociis natoque penatibus.</li>
</ol>
<table class="data">
<tr>
<th>Entry Header 1</th>
<th>Entry Header 2</th>
<th>Entry Header 3</th>
<th>Entry Header 4</th>
</tr>
<tr>
<td>Entry First Line 1</td>
<td>Entry First Line 2</td>
<td>Entry First Line 3</td>
<td>Entry First Line 4</td>
</tr>
<tr>
<td>Entry Line 1</td>
<td>Entry Line 2</td>
<td>Entry Line 3</td>
<td>Entry Line 4</td>
</tr>
<tr>
<td>Entry Last Line 1</td>
<td>Entry Last Line 2</td>
<td>Entry Last Line 3</td>
<td>Entry Last Line 4</td>
</tr>
</table>
</div>
<aside class="sidebar">
<blockquote class="pullquote">
I like chasing my fish toy a lot.
</blockquote>
<figure>
<img src="img/bikeride.png" alt="cat in basket">
<figcaption>Sometimes I go for bike rides.</figcaption>
</figure>
</aside>
</section>
<section class="section-photos" id="photos">
<h1>Photos of my friends</h1>
<div class="gallery-images">
<figure class="gallery-image">
<img src="http://lorempixel.com/400/400/animals">
<figcaption>My friends!</figcaption>
</figure>
<figure class="gallery-image">
<img src="http://lorempixel.com/400/400/animals">
<figcaption>My friends!</figcaption>
</figure>
<figure class="gallery-image">
<img src="http://lorempixel.com/400/400/animals">
<figcaption>My friends!</figcaption>
</figure>
<figure class="gallery-image">
<img src="http://lorempixel.com/400/400/animals">
<figcaption>My friends!</figcaption>
</figure>
<figure class="gallery-image">
<img src="http://lorempixel.com/400/400/animals">
<figcaption>My friends!</figcaption>
</figure>
<figure class="gallery-image">
<img src="http://lorempixel.com/400/400/animals">
<figcaption>My friends!</figcaption>
</figure>
</div>
</section>
<section class="section-contact" id="contact">
<h1>Contact Me</h1>
<form action="#" method="post">
<label for="name">Name:</label>
<input class="input-text" type="text" id="name" placeholder="Enter your full name" />
<label for="email">Email:</label>
<input class="input-text" type="email" id="email" placeholder="Enter your email address" />
<label for="message">Message:</label>
<textarea class="input-text input-textarea" id="message" placeholder="What's on your mind?"></textarea>
<input class="button-submit" type="submit" value="Send message" />
</form>
</section>
</main>
<footer class="site-footer">
© 2016 | <a href="https://www.instagram.com/p/4PQ8elNRO1/">My Instagram</a>
</footer>
</body>
</html>