droneSite/index.html at master · sselfridge/droneSite · 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
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
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Rocky Sky Photography</title>
  <meta name="description" content="Portfolio, Gallery, and Marketing for Rocky Sky Photo Aerial and Drone Photography in Denver, CO">
  <meta name="keywords" content="drone photography, aerial photography, discount, affordable, real estate, construction, Denver, Colorado">
  <script src="assets/jquery-3.1.1.min.js" charset="utf-8"></script>
  <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> -->
  <link rel="stylesheet" href="assets/bootstrap.min.css" media="screen" title="no title">
  <!-- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> -->
  <script src="assets/bootstrap.min.js" charset="utf-8"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="rockysky.css">
  <link rel="stylesheet" href="dist/css/swiper.min.css" media="screen" title="no title">
  <link rel="stylesheet" href="meinswiper.css" media="screen">
  <link href="https://fonts.googleapis.com/css?family=Montserrat:400" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="icon" href="favicon.png" type="image/png">
  <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-83062623-3', 'auto');
  ga('send', 'pageview');

  </script>
</head>
<body>
  <!-- <div class="infoBar">
  Current Device/ENV is:<span id="info">unknown</span><br>
  screenWidth is:<span id="screen">unknown</span><br>
  screenWidth is:<span id="screen2">unknown</span><br>
  current device is:<span id="deviceType">unknown</span>
</div> -->
<div class="wrap">
  <div id="logoPlaceholder"></div>
  <div id="navbarPlaceholder"></div>
  <!-- <h4 class="special-offers text-red">Special end of year pricing: Shots from $50!</h4> -->
  <!-- TODO: Add Autoplay to slider - after 1st run of movie -->
  <div class="container">
    <div class="row">
      <!-- <div class="col-sm-0 col-md-1"></div> -->
      <!-- Slider Column -->
      <div class="col-sm-12 col-md-10 col-md-push-1">
        <!-- Slider main container -->
        <div class="swiper-container stdswipe">
          <!-- Additional required wrapper -->
          <div class="swiper-wrapper">
            <!-- Slides -->

            <div class="swiper-slide"><img src="img/1.jpg" alt="Photo not found" title="Highlands" /></div>
            <div class="swiper-slide">
              <video id="video" loop poster="img/titanicPoster.png">
                <source src="img/1.mp4" type="video/mp4"/>
                Video not supported - <a href="https://www.youtube.com/watch?v=2kbdn804h7s">see youTube link here</a>
              </video>
            </div>
            <div class="swiper-slide"><img src="img/2.jpg" alt="Photo not found" title="Colorado I-70 Roadcut"  /></div>
            <div class="swiper-slide"><img src="img/3.jpg" alt="Photo not found." title="Downtown Construction"  /></div>
            <div class="swiper-slide"><img src="img/4.jpg" alt="Photo not found" title="Wash Park, Denver"  /></div>
            <div class="swiper-slide"><img src="img/5.jpg" alt="Photo not found" title="Downtown Denver"  /></div>
          </div>
          <!-- If we need pagination -->
          <div class="swiper-pagination"></div>

          <!-- If we need navigation buttons -->
          <div class="swiper-button-prev swiper-button-white"></div>
          <div class="swiper-button-next swiper-button-white"></div>

          <!-- If we need scrollbar -->
          <div class="swiper-scrollbar"></div>
        </div>
      </div> <!--col-sm-12 col-md-10-->
      <!-- <div class="col-sm-0 col-md-1"></div> -->
    </div> <!--row-->
  </div> <!--container-->
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-sm-6 col-md-5 col-md-push-1 text-left">
        <h2 class="text-center">Aerial photography in the Denver and LA areas</h2>
        <div class="well well-sm">
          <p>We can help with all of your aerial photography needs.  From just a few quick overhead snapshots to professionally edited aerial video we're your eye in the sky.</p>
          <p>Our portfolio includes aerial shoots of many kinds - from construction progress shots to real estate to sports videos.</p>
          <ul>
            <li><p>Highlight the property and surrounding area of your Real Estate listing. Give your clients something to fall in love with.</p></li>
            <li><p>Showcase your home or business with breathtaking aerial photography or video. Great for gifts.</p></li>
            <li><p>Capture your special event, wedding, or sporting event from the air.</p></li>
            <li><p>Construction site leads can show your investors week-by-week progress or what the view will be like from the top floor of a building that is still underway.</p></li>      </div>
          </ul>
        </div>
        <div id="formWrapper" class="col-xs-12 col-sm-push-1 col-sm-5 col-lg-4 col-lg-push-2 ">
          <script type="text/javascript" defer src="//www.123contactform.com/embed/2312315.js" data-role="form"></script>
        </div>
      </div>
    </div>
    <!-- <div class="container galleryContainer">
    <div class="row">
    <div id="examplesPlaceHolder"></div>
  </div>
</div> -->
<div class="container">
  <h4>
    Check me out on <a href="http://www.instagram.com/rockyskyphoto">Instagram <img src="img/instagram-2016.png" alt=""></a>
    and
    <a href="https://www.youtube.com/channel/UCEgXunyqDj43MwWvp7svfGw"><img src="img/youtube-2016.png" alt=""></a>
  </h4>

</div>
<h3>More examples and prices:</h5>
<h5 class="btn btn-primary galleryHeaderLink"><a class="galleryLink" href="gallery.html">Gallery</a></h5>
<h5 class="btn btn-primary galleryHeaderLink"><a class="galleryLink" href="construction.html">Construction</a></h5>
<h5 class="btn btn-primary galleryHeaderLink"><a class="galleryLink" href="realestate.html">Real Estate</a></h5>

</div> <!--Wrap-->

<div id="footerPlaceHolder"></div>

<script src="rockysky.js" charset="utf-8"></script>
<script src="dist/js/swiper.min.js"></script>
<script src="meinswiper.js" charset="utf-8"></script>
</body>
</html>