-
Notifications
You must be signed in to change notification settings - Fork 0
/
services.htm
150 lines (114 loc) · 9.03 KB
/
services.htm
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
<!DOCTYPE html>
<html>
<head>
<!---------------------------
Com122 Final Project
SD Lock-n-Key services page
Author: Dominic LaRouche
Date: 2/17/2015
file name: services.htm
----------------------------->
<meta charset="UTF-8">
<title>SD Lock-n-Key</title>
<script src="modernizr-1.5.js"></script>
<link href="css/services.css" rel="stylesheet" />
</head>
<body>
<header>
<h1 id="phone" style="color: rgb(204,204,204);">Call: (619) 555-7777</h1>
<div id="social">
<a href="#">
<img src="images/facebook.png" alt="Facebook Icon">
</a>
<a href="#">
<img src="images/twitter.png" alt="Twitter Icon">
</a>
<a href="#">
<img src="images/linkedin.jpg" alt="LinkedIn Icon">
</a>
</div>
<img id="logo" src="images/logo.jpg" alt="SD Lock-n-Key Logo">
<nav class="horizontal">
<ul>
<li><a href="home.htm">Home</a></li>
<li><a href="about.htm">About</a></li>
<li><a href="services.htm">Services</a></li>
<li><a href="reviews.htm">Customer Reviews</a></li>
<li><a href="contact.htm">Contact</a></li>
</ul>
</nav>
</header>
<section id="left">
<table width="200" height="220" border="0">
<td align="center" valign="top">
<img src="https://linuxsandbox.coleman.edu/~ad660161585/com122/commercial.jpg" alt="Commercial Image"> <br />
Commercial
</td>
<td align="center" valign="top">
<img src="https://linuxsandbox.coleman.edu/~ad660161585/com122/residential.jpg" alt="Residential Image"> <br />
Residential
</td>
<td align="center" valign="top">
<img src="https://linuxsandbox.coleman.edu/~ad660161585/com122/automotive.jpg" alt="Automotive Image"> <br />
Automotive
</td>
</table>
<article>
<h2 style="color: #024270;">Our Services:</h2>
<h3 style="color: #024270;">Lock change/repair/installation</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.</p>
<h3 style="color: #024270;">High security lock systems</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.</p>
<h3 style="color: #024270;">Intercom/buzzer installation</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.</p>
<h3 style="color: #024270;">Alarm system/security camera installation</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.</p>
<h3 style="color: #024270;">Commercial locksmith services</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.</p>
<h3 style="color: #024270;">Emergency home and auto lockout</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.</p>
<h3 style="color: #024270;">Auto ignition/key replacement</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.</p>
<h3 style="color: #024270;">Auto alarm system installation</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.</p>
<h3 style="color: #024270;">Auto remote programming</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.</p>
<h3 style="color: #024270;">Home key replacement/copies</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.</p>
<h3 style="color: #024270;">Mailbox locks</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.</p>
<h2 style="color: #024270;">Mailbox locks</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.</p>
<h2 style="color: #024270;">Safes and vaults</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.</p>
<p id="contactlink"><a href="contact.htm">Contact</a> us to request locksmith services.</p>
</article>
</section>
<section id="right">
<img src="images/24hour.jpg" alt="24/7 Image">
<h3 style="color: #024270;">Call: (619) 555-7777</h3>
<img src="images/keys.jpg" alt="Key Image">
<h3 style="color: #024270;">Key Services</h3>
<img src="images/lockpick.jpg" alt="Lock Pick Image">
<h3 style="color: #024270;">Lock Picking Services</h3>
<img src="images/safe.jpg" alt="Safe Image">
<h3 style="color: #024270;">Safe Unlocking</h3>
<img src="images/credcards.jpg" alt="Credit Card Image">
<h3 style="color: #024270;">All major credit cards accepted</h3>
<img src="images/automakes.png" alt="Auto Makes Image">
<h3 style="color: #024270;">Locksmith service for all makes and models</h3>
<div id="map">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script><div style="overflow:hidden;height:250px;width:350px;"><div id="gmap_canvas" style="height:250px;width:350px;"></div><style>#gmap_canvas img{max-width:none!important;background:none!important}</style><a class="google-map-code" href="http://wordpress-hosting.me" id="get-map-data">wordpress hosting</a></div><script type="text/javascript"> function init_map(){var myOptions = {zoom:14,center:new google.maps.LatLng(32.7077065,-117.07901720000001),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(32.7077065, -117.07901720000001)});infowindow = new google.maps.InfoWindow({content:"<b>SD Lock-n-Key</b><br/>9999 groveland dr <br/>92114 san diego" });google.maps.event.addListener(marker, "click", function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script>
<h3 style="color: #024270;">Locate us</h3>
</div>
</section>
<footer>
<address>
SD Lock-n-Key •
9999 Groveland Dr •
San Diego, CA 92114 •
(619) 555-7777
</address>
</footer>
</body>
</html>