-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathlearnmore.html
More file actions
173 lines (164 loc) · 6.25 KB
/
Copy pathlearnmore.html
File metadata and controls
173 lines (164 loc) · 6.25 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
169
170
171
172
173
<!DOCTYPE HTML>
<html lang="en">
<head>
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/mystyle.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
<link href="css/ul/stylesheet.css" rel="stylesheet"/>
<link rel="stylesheet" type="text/css" href="css/Adopt.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- jQuery -->
<script src="js/jquery-1.11.0.min.js"></script>
<meta charset="UTF-8">
<title>CORGS 187 - Learn More About Corgis</title>
</head>
<body>
<!-- Top and Primary Navigation Begin -->
<div id="wrapper">
<a href="home.html"><img id="logo" src="img/logo.png" alt="logo"/>
<h1 class="inline">corgs.org</h1>
</a>
<div id="right-wrapper">
<ul class="navbar" id="top-nav">
<form id="searchbox" action="">
<input id="search" type="text" placeholder="">
<input id="submit" type="submit" value="Search">
</form>
</ul>
<ul class="navbar" id="primary-nav">
<li id="adopt-li">
<a href="Adopt.html" id="adopt" class="dropdown">Adopt</a>
<ul id="adopt-drop">
<li><a href="AdoptionProcess.html">Adoption Process</a></li>
<li><a href="CorgiProfiles.html">Available Corgis</a></li>
<li><a href="AdoptionChecklist.html">Adoption Checklist</a></li>
</ul>
</li>
<li id="learnmore-li">
<a href="learnmore.html" id="learnmore" class="dropdown">About Corgis</a>
<ul>
<li><a href="about_breed.html">Breeds</a></li>
<li><a href="about_health.html">Health</a></li>
<li><a href="about_cost.html">Cost</a></li>
<li><a href="about_disposition.html">Disposition</a></li>
</ul>
</li>
<li id="rehome-li">
<a href="Rehome.html" id="rehome" class="dropdown">Rehome</a>
<ul>
<li><a href="rehome_behavior.html">Behavior Problems</a></li>
<li><a href="rehome_housing.html">Housing Problems</a></li>
<li><a href="rehome_medical.html">Medical Problems</a></li>
<li><a href="rehome_financial.html">Financial Problems</a></li>
<li><a href="rehome_military.html">Military Problems</a></li>
<li><a href="rehome_process.html">Rehome Process</a></li>
</ul>
</li>
<li id="support-li">
<a href="Support.html" id="support" class="dropdown">Support Us</a>
<ul>
<li><a href="#">Donate</a></li>
<li><a href="#">Volunteer</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!-- Top and Primary Navigation End -->
<!-- Events Begin -->
<div id="events-outer-wrapper">
<div id="events-wrapper">
<article>
<h1 style="padding-top:0;">About Corgis</h1>
<hr/>
<p>The Welsh corgi is a small type of herding dog that originated in Wales. Two distinct breeds are recognized: the Pembroke Welsh corgi and the Cardigan Welsh corgi, with the Pembroke being the more common.</p>
<div class="content">
<div class="left">
<div class="choice">
<div class="pic">
<img src="img/about_landing1.jpg" alt=""/>
</div>
<div class="text">
<h2><a href="about_breed.html">Breeds</a></h2>
<p>There are two breeds of Welsh corgis, the Cardigan and the Pembroke, each named for the county in Wales where it originated. The differences between the two breeds include bone structure, body length, and size.</p>
</div>
</div>
<div class="choice">
<div class="pic">
<img style="height: 20%;" src="img/about_landing2.jpg" alt=""/>
</div>
<div class="text">
<h2>
<a href="about_health.html">Health</a>
</h2>
<p>Corgis are an overall healthy breed, with hip dysplasia and eye conditions being the main problems breeders must screen for. Their short but thick double coat requires little care and sheds dirt quickly, but does shed profusely twice a year. </p>
</div>
</div>
</div> <!-- end of left -->
<div class="rightx">
<div class="choice">
<div class="pic">
<img src="img/about_landing3.jpg" alt=""/>
</div>
<div class="text">
<h2><a href="about_disposition.html">Disposition</a></h2>
<p>Corgis are very affectionate, love to be involved in the family, and tend to follow wherever their owners go. They have a great desire to please their owners, thus making them eager to learn and train.</p>
</div>
</div>
<div class="choice">
<div class="pic">
<img src="img/about_landing4.jpg" alt=""/>
</div>
<div class="text">
<h2><a href="about_cost.html">Cost</a></h2>
<p>How much does it actually cost to own a corgi? Are they an affordable dog? Find out all the costs, from adoption, food, to potential health issues.</p>
</div>
</div>
</div>
</div> <!-- end of right -->
</div>
</article>
</div>
</div>
<!-- Events End -->
<footer>
<div class="footer-wrapper">
<div class="footer-block">
<ul>
<li>corgs.org</li>
<li>9450 Gilman Drive</li>
<li>La Jolla, CA 92092</li>
</ul>
</div>
<div class="footer-block">
<ul>
<li>admin@corgs.org</li>
<li>858.932.1552</li>
<li>1.800.223.2153</li>
</ul>
</div>
<div class="footer-block-center">
<a href="home.html"><img src="img/logo-footer.gif" alt="logo" />
<h1 class="inline">corgs.org</h1>
</a>
</div>
<div class="footer-block right">
<ul>
<li><a style="color:#808080;" href="img/wireframe-4.png">Wireframe4</a></li>
<li><a style="color:#808080;" href="img/wireframe-5.png">Wireframe5</a></li>
<li><a style="color:#808080;" href="img/wireframe-6.png">Wireframe6</a></li>
</ul>
</div>
<div class="footer-block right">
<ul>
<li><a style="color:#808080;" href="img/wireframe-1.png">Wireframe1</a></li>
<li><a style="color:#808080;" href="img/wireframe-2.png">Wireframe2</a></li>
<li><a style="color:#808080;" href="img/wireframe-3.png">WireFrame3</a></li>
</ul>
</div>
</div>
</footer>
</body>
</html>