-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgeneric1.php
172 lines (144 loc) · 5.08 KB
/
generic1.php
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
165
166
167
168
169
170
171
172
<!DOCTYPE HTML>
<html>
<head>
<title>Cats</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
<style>
div.gallery {
margin: 5px;
border: 1px solid #ccc;
float: left;
width: auto;
}
div.gallery:hover {
border: 1px solid #777;
}
div.gallery img {
width: 300px;
height: 300px;
border:none;
}
div.desc {
text-align: center;
}
li a, .dropbtn {
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover, .dropdown:hover .dropbtn {
background-color: red;
}
li.dropdown {
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
display: block;
}
</style>
</head>
<body class="subpage" background="c names/catndog.jpg">
<!-- Header -->
<header id="header">
<div class="logo"><a href="generic1.php">Cats</a></div>
<a href="#menu">Menu</a>
</header>
<!-- Nav -->
<nav id="menu">
<ul class="links">
<li><a href="index1.php">Home</a></li>
<li><a href="generic1.php">Cats</a></li>
<li><a href="elements1.php">Dogs</a></li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropbtn">Sign Up</a>
<div class="dropdown-content">
<a href="tr3trail.php">Page 1</a>
<a href="x.php">Page 2</a>
</div>
</li>
<li><a href="aa.php">Query</a></li>
</ul>
</nav>
<!-- One -->
<section id="One" class="wrapper style3">
<div class="inner">
<header class="align-center">
<p>Meoow!</p>
<h2>CATS</h2>
</header>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style2">
<div class="inner">
<div class="box">
<div class="content">
<header class="align-center">
<p>TYPES</p>
<h2>Choose Us</h2>
</header>
<h3>Egyptian Mau</h3>
<p>The Egyptian Mau prefers family members to anyone else. When he’s not playing fetch, he enjoys sitting in a lap and being worshipped, just as his ancestors may have been.
The Mau has the distinction of being the fastest domestic housecat, as she can run at speeds of up to 30 mph.The Mau is a medium-size cat of 6 to 14 pounds.</p>
<h3>Sphynx</h3><p>It’s a good thing that the hairless Sphynx loves attention because he draws it wherever he goes. He is demanding of human attention and will do anything for a laugh.The Sphynx is a medium-size cat. He typically weighs 6 to 12 pounds.</p>
<h3>Persian</h3><p>The dignified and docile Persian is known for being quiet and sweet.The Persian has become the most beloved cat breed in the world, prized for its beautiful appearance and sweet personality.
This is a medium-size cat. Persians usually have a weight range of 7 to 12 pounds.</p>
<h3>Munchkin Cat</h3><p>The Munchkin is a relatively new breed of cat characterized by its very short legs, which are caused by a genetic mutation. </p>
<h3>Siamese Cat</h3><p>The breed standard of the modern Siamese calls for an elongated, tubular, and muscular body and a triangular head, forming a perfect triangle from the tip of the nose to each tip of the ear. The eyes are almond-shaped and light blue, while the ears are large, wide-based, and positioned more towards the side of the head. The breed has a long neck, a slender tail, and fur that is short, glossy, fine, and adheres to the body with no undercoat. </p>
</div>
</div>
</div>
</section>
<div class="gallery">
<a target="_blank" href="c names/Egyptian Mau.jpg">
<img src="c names/Egyptian Mau.jpg" alt="Egyptian Mau" width="300" height="300" title="Egyptian Mau">
</a>
</div>
<div class="gallery">
<a target="_blank" href="c names/Sphynx Cat.jpg">
<img src="c names/Sphynx Cat.jpg" alt="Sphynx Cat" width="300" height="300" title="Sphynx Cat">
</a>
</div>
<div class="gallery">
<a target="_blank" href="c names/Persian Cat.jpg">
<img src="c names/Persian Cat.jpg" alt="Persian Cat" width="300" height="300" title="Persian Cat">
</a>
</div>
<div class="gallery">
<a target="_blank" href="c names/Munchkin Cat.jpg">
<img src="c names/Munchkin Cat.jpg" alt="Munchkin Cat" width="300" height="300" title="Munchkin Cat">
</a>
</div>
<div class="gallery">
<a target="_blank" href="c names/siamese cats.jpg">
<img src="c names/siamese cats.jpg" alt="Siamese cats" width="300" height="300" title="Siamese cats">
</a>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>