Google-Maps-Component/index.html at master · MyWebDevProjects/Google-Maps-Component · GitHub

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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">


<!-- stylesheets-->

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/maps.css">


<link rel="stylesheet" type="text/css" href="css/responsive.css">


<!-- google fonts-->
<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic' rel='stylesheet' type='text/css'>

</head>

<body>


<div id="cities">
	<div class="container-fluid">
    	<div class="row">
        	<div class="col-sm-5">
            <div id="cities-text">
              <div class="section-desc">
                <h1 class="section-heading wow fadeInDown" data-wow-duration="0.5s">Areas We Serve</h1>

                <p class="section-text wow fadeIn" data-wow-duration="0.5s" data-wow-delay="0.3s">
                 We have been providing locksmith service for the past 19 years
                </p>
              </div>
              <ul id="cities-list">
                <li><i class="fa fa-check-circle"></i>Camarillo Locksmith</li>
                <li><i class="fa fa-check-circle"></i>Morpark Locksmith</li>
                <li><i class="fa fa-check-circle"></i>Thousand Oaks Locksmith</li>

                <li><i class="fa fa-check-circle"></i>Agora Hills Locksmith</li>

              </ul>
            </div>
          </div>
          <div class="col-sm-7 zero-right-padding bottom-fix">

                <div id="map">
                </div>

          </div>
        </div>
    </div>
</div>


<script src="js/wow.min.js" type="text/javascript"></script>
<script src="js/jquery-1.11.3.js" type="text/javascript"></script>

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCPdFKnAULsLZ4d-efO406R6Ppw__y3nB8&sensor=false"></script>
<script src="js/maps.js" type="text/javascript"></script>

<!--
google maps api key
AIzaSyCPdFKnAULsLZ4d-efO406R6Ppw__y3nB8

content_copy
-->


</body>
</html>