-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathelements1.php
More file actions
168 lines (142 loc) · 5.54 KB
/
elements1.php
File metadata and controls
168 lines (142 loc) · 5.54 KB
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
<!DOCTYPE HTML>
<html>
<head>
<title>Dogs</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="elements1.php">Dogs</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>Woof!</p>
<h2>Dogs</h2>
</header>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style2" background="d names/beagle.jpg">
<div class="inner">
<div class="box">
<div class="content">
<header class="align-center">
<p>TYPES</p>
<h2>Choose Us</h2>
</header>
<h3>Beagle</h3>
<p>The Beagle is a breed of small hound that is similar in appearance to the much larger foxhound. The beagle is a scent hound, developed primarily for hunting hare. With a great sense of smell and superior tracking instinct, the beagle is employed as detection dog for prohibited agricultural imports and foodstuffs in quarantine around the world. The beagle is intelligent but single-minded. It is a popular pet due to its size, good temper, and lack of inherited health problems.</p>
<h3>Bulldog</h3><p>The Bulldog is a breed with characteristically wide head and shoulders along with a pronounced mandibular prognathism. There are generally thick folds of skin on a Bulldog's brow; round, black, wide-set eyes; a short muzzle with characteristic folds called a rope or nose roll above the nose; hanging skin under the neck; drooping lips and pointed teeth, and an underbite with an upturned jaw.</p>
<h3>German Shepherd</h3><p>A German Shepherd has a long neck, which is raised when excited and lowered when moving at a fast pace. The tail is bushy and reaches to the hock.German Shepherds have a two-layer coat which is close and dense with a thick undercoat. The coat is accepted in two variants; medium and long.</p>
<h3>Golden Retriever</h3><p>The Golden Retriever is a large-sized breed of dog bred as gun dogs to retrieve shot waterfowl such as ducks and upland game birds during hunting and shooting parties, and were named 'retriever' because of their ability to retrieve shot game undamaged. Golden Retrievers have an instinctive love of water, and are easy to train to basic or advanced obedience standards. </p>
<h3>Labrador Retriever</h3><p>Labradors are an intelligent breed with a good work ethic and generally good temperaments. Common working roles for Labradors include: hunting, tracking and detection (they have a great sense of smell which helps when working in these areas), disabled-assistance, carting, and therapy work.</p>
</div>
</div>
</div>
</section>
<div class="gallery">
<a target="_blank" href="d names/beagle.jpg">
<img src="d names/beagle.jpg" alt="Beagle" width="300" height="300" title="Beagle">
</a>
</div>
<div class="gallery">
<a target="_blank" href="d names/Bulldog.jpg">
<img src="d names/Bulldog.jpg" alt="Bulldog" width="300" height="300" title="Bulldog">
</a>
</div>
<div class="gallery">
<a target="_blank" href="d names/german shepherd.jpg">
<img src="d names/german shepherd.jpg" alt="German Shepherd" width="300" height="300" title="german shepherd">
</a>
</div>
<div class="gallery">
<a target="_blank" href="d names/Golden_Retriever.jpg">
<img src="d names/Golden_Retriever.jpg" alt="Golden Retriever" width="300" height="300" title="Golden Retriever">
</a>
</div>
<div class="gallery">
<a target="_blank" href="d names/labrador retriever.jpg">
<img src="d names/labrador retriever.jpg" alt="Labrador Retriever" width="300" height="300" title="labrador retriever">
</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>