Add logos
This commit is contained in:
parent
6bec6323da
commit
5ae68cc520
|
@ -1,15 +1,18 @@
|
||||||
<div id="map_canvas">
|
<div id="map_canvas">
|
||||||
</div>
|
</div>
|
||||||
<div id="sidebar">
|
<div id="sidebar">
|
||||||
|
<img id="boston-logo" src="images/boston-logo.png">
|
||||||
|
<img id="cert-logo" src="images/cert-logo.png">
|
||||||
|
<img id="cfa-logo" src="images/cfa-logo.png">
|
||||||
<h1>Adopt a Hydrant</h1>
|
<h1>Adopt a Hydrant</h1>
|
||||||
<p>
|
<p>
|
||||||
Claim responsibility for shoveling out a fire hydrant after it snows.
|
Take responsibility for shoveling out a fire hydrant after it snows.
|
||||||
</p>
|
</p>
|
||||||
<form>
|
<form>
|
||||||
<label for="address">
|
<label for="address">
|
||||||
Street address
|
Street address
|
||||||
</label>
|
</label>
|
||||||
<input type="text" id="address" name="address" value="" tabindex="1" />
|
<input id="address" name="address" type="text" value="" tabindex="1" />
|
||||||
<label for="city">
|
<label for="city">
|
||||||
City
|
City
|
||||||
</label>
|
</label>
|
||||||
|
@ -24,5 +27,5 @@
|
||||||
</select>
|
</select>
|
||||||
<button tabindex="4">Locate Orphan Fire Hydrants</button>
|
<button tabindex="4">Locate Orphan Fire Hydrants</button>
|
||||||
</form>
|
</form>
|
||||||
<img src="images/hydrant-in-snow.jpg">
|
<img id="hydrant-in-snow" src="images/hydrant-in-snow.jpg"">
|
||||||
</div>
|
</div>
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
After Width: | Height: | Size: 7.7 KiB |
|
@ -12,27 +12,31 @@ body {
|
||||||
#map_canvas {
|
#map_canvas {
|
||||||
float: left;
|
float: left;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 75%;
|
width: 70%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar {
|
#sidebar {
|
||||||
float: left;
|
float: left;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 25%;
|
width: 30%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#sidebar img {
|
||||||
|
padding: 10px 5px 0 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sidebar img#hydrant-in-snow {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
p, form {
|
p, form {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar img {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
input, select, option, button {
|
input, select, option, button {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
Loading…
Reference in New Issue