-
Notifications
You must be signed in to change notification settings - Fork 0
/
website.html
116 lines (104 loc) · 3.95 KB
/
website.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
<!doctype html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Practice Cats Webpage</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<!-- javascript can either go in the head or the body in between script tags
it is a good idea to keep the code together -->
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<nav>
<a href="#about-header">About</a>
<a href="#breeds">Breeds</a>
<a href="#care">Care</a>
<a href="#adopt">Adopt</a>
<a href="#" id="contact">Contact</a>
</nav>
<section id="about">
<div id="heading">
<h1 id="about-header">About Cats</h1>
<p>
I know many of you are probably asking: "What is a cat?". Fear not, for
after reading this section you will come to call yourself an expert on
these remarkable feline companions. This section will teach you things
such as their likes and dislikes, diet and so much more!
</p>
</div>
<div id="main">
<div id="text">
<h2>What is a cat?</h2>
<p>A cat, or Felis felice, is a warm blooded, domesticated mammal which
is common throughtout households due to their appearance, affection and
love. Cats are mostly carnivorous and have a remarkable innate hunting
ability. They are able to catch and eat small rodents and even birds
despite some cats living their entire lives within captivity.
Cats enjoy warmth, sitting in small boxes(lol) and often sit in a shape
colloquially known as a
<a src="http://www.voguesugar.com/wp-content/uploads/2014/09/Catloaf-18.jpg">"catloaf"</a>
where they tuck their arms and legs under their body to form the
distinctively unusual shape.</p>
</div>
<aside>
<img src=
"playful-kitten-6683.jpg"
alt="kitty">
</aside>
</div>
</section>
<section id="breeds">
<h1 id="breeds">Breeds</h1>
<div id="list">
<p>Some of the many breeds of cat.</p>
<ul id="catlist">
<li id="tabby"><input type="button" onclick="tabbyText();" value="Tabby">
</li>
<li id="sphinx"><input type="button" onclick= "sphinxText()" value="Sphinx">
</li>
<li id="siberian"><input type="button" onclick= "siberianText()"
value="Siberian"> </li>
<li id="siamese"><input type="button" onclick= "siameseText()"
value="Siamese"> </li>
<li id="bengal"><input type="button" onclick= "bengalText()"
value="Bengal"> </li>
<li id="scottishfold"><input type="button" onclick= "scottishFoldText()"
value="Scottish Fold"> </li>
<li id="munchkin"><input type="button" onclick= "munchkinText()"
value="Munchkin"> </li>
<!-- <li id="smartie">Smartie</li> -->
</ul>
<div id="listtext">
<!-- <div id="tabbyContent">
--> <p id= "catContent">
<!-- A tabby is any domestic cat that has a coat featuring distinctive
stripes, dots, lines or swirling patterns, usually together with a mark
resembling an 'M' on its forehead. Tabbies are sometimes erroneously
assumed to be a cat breed. In fact, the tabby pattern is found in
many breeds, as well as among the general mixed-breed population. The
tabby pattern is a naturally occurring feature that may be related to
the coloration of the domestic cat's direct ancestor, the African
wildcat, which (along with the European wildcat and Asiatic wildcat) has
a similar coloration. -->
</p>
<!-- </div> -->
</div>
<div id="listpic">
<div id="tabbypic">
<img id= "catpic"
src="Cat_November_2010-1a.jpg" alt="a picture of a tabby"/>
</div>
</div>
</div>
</section>
<section id="care">
<h1 id="care">Care</h1>
</section>
<section id="adopt">
<h1 id="adopt-header">Adopt</h1>
<script>
penis();
</script>
</section>
</body>
</html>