-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathAdoptionProcess.html
More file actions
163 lines (154 loc) · 6.36 KB
/
AdoptionProcess.html
File metadata and controls
163 lines (154 loc) · 6.36 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
<!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/bootstrap.css" />
<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" />
<meta charset="UTF-8">
<title>Adoption Process</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_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.html">Donate</a></li>
<li><a href="volunteer.html">Volunteer</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!-- Top and Primary Navigation End -->
<!-- Events Begin -->
<div class="container-fluid">
<h1><a href="Adopt.html">Adopt</a> / Adoption Process</h1>
<hr/>
<p>Here is how the process works:</p>
<div class="row">
<div class="col-md-6 col-sm-12 choice">
<div class="pic">
<img class="img-responsive processpic" src="img/process_step1.png" alt=""/>
</div>
<div class="text">
<h2>Step 1 : Explore the corgis currently available for adoption</h2>
<p> You can look at the corgis up for adoption <a href="CorgiProfiles.html">here</a>. We keep this updated as corgis are adopted or become available. Check back often!</p>
</div>
</div>
<div class="col-md-6 col-sm-12 choice">
<div class="pic">
<img class="img-responsive processpic" src="img/process_step2.gif" alt=""/>
</div>
<div class="text">
<h2>Step 2 : Visit one of our adoption centers to meet potential pets</h2>
<p>Once you have found an animal that you are interested in adopting, contact a volunteer or staff member about visiting with the pet. To ensure the pet is compatible with everyone, all household/family members should interact with the animal before the adoption is finalized. If you are interested in adopting one of our Hidden Gems, call to schedule a visit. </p>
</div>
</div>
</div> <!-- end of row -->
<div class="row">
<div class="col-md-6 col-sm-12 choice">
<div class="pic">
<img class="img-responsive processpic" src="img/process_step3.png" style="opacity: .8;" alt=""/>
</div>
<div class="text">
<h2>Step 3 : Complete an adoption application and interview</h2>
<p>To begin the adoption process, you must agree to our adoption policies and complete an adoption application form. We will also review with you any medical or behavioral information relevant to that animal, explain policies and services available to adopters, and collect adoption fees.</p>
</div>
</div>
<div class="col-md-6 col-sm-12 choice">
<div class="pic">
<img class="img-responsive processpic" src="img/process_step4.png" alt=""/>
</div>
<div class="text">
<h2>Step 4 : Welcome your new family member home</h2>
<p> We want to provide services for all stages of a corgi's life. Our website also has many resources to help pet owners including microchipping, spay/neuter, pet friendly housing and a lost pet bulletin board.</p>
</div>
</div>
</div> <!-- end of row -->
</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>
<!-- jQuery + Slider scripts -->
<script src="js/jquery-1.11.0.min.js"></script>
</body>
</html>