Created an html high load page for the bridge walk
authorLaury GvR <laury@gaslightmedia.com>
Thu, 24 Aug 2017 16:12:11 +0000 (12:12 -0400)
committerLaury GvR <laury@gaslightmedia.com>
Thu, 24 Aug 2017 16:12:11 +0000 (12:12 -0400)
HLP.html [new file with mode: 0644]

diff --git a/HLP.html b/HLP.html
new file mode 100644 (file)
index 0000000..7191044
--- /dev/null
+++ b/HLP.html
@@ -0,0 +1,92 @@
+<!doctype html>
+<html class="no-js" lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Mackinac Bridge Authority</title>
+<!--    <link rel="shortcut icon" href="<?php // echo get_template_directory_uri(); ?>/favicon.ico">  -->
+    <link href="https://fonts.googleapis.com/css?family=Merriweather:400,400i,700" rel="stylesheet">
+    <link rel="stylesheet" href="http://www.mackinacbridge.org/wp-content/themes/mackinacbridge/css/app.css?v=1.0.19">
+    <script type="text/javascript" src="//player.wowza.com/player/latest/wowzaplayer.min.js"></script>
+
+  </head>
+  <body>
+      <div class="off-canvas-wrap" data-offcanvas>
+        <div class="inner-wrap">
+            <div id="page-wrapper">
+                    <header class="main sticky">
+                        <div id="head-container" class="row medium-uncollapse large-collapse" data-options="sticky_on: large">
+                            <div id="logo" class="small-11 text-center small-centered medium-uncentered medium-4 columns">
+                                <a href="http://www.mackinacbridge.org/"><img src="http://www.mackinacbridge.org/wp-content/themes/mackinacbridge/assets/mackinac-bridge-authority-logo.png"></a>
+                            </div>
+                            <div id="tag" class="small-11 text-center small-centered medium-uncentered medium-8 medium-text-left columns">
+                                <h1 class="site-title"><a href="http://www.mackinacbridge.org/" rel="home">Mackinac Bridge Authority</a></h1>
+                                <h2 class="site-description">Spanning the Straits of Mackinac since 1957</h2>
+                            </div>
+                            <img id="ghost-bridge" src="http://www.mackinacbridge.org/wp-content/themes/mackinacbridge/assets/bridge-header.png">
+                        </div>
+                        <nav class="top-bar text-center show-for-medium-up" data-topbar="" role="navigation" data-options="sticky_on: large">
+
+                        </nav>
+                    </header>
+
+                    <main class="page-front">
+                    <div id="slideshow" class="page-header" style="z-index: 1;">
+                        <img src="http://www.mackinacbridge.org/wp-content/uploads/2017/08/Bridge-Walk-Closure-Banner-Black-yellow-plan-accordingly.jpg"
+                             alt="Bridge Walk Closure Banner Black yellow plan accordingly"  style="margin: 0px; width: 100%; height: auto;">
+                    </div>
+                        <br>
+                        <div id="content-wrapper">
+                            <div class="row">
+                                <div id="main-content" class="small-11 small-centered columns">
+                                    Welcome to the Mackinac Bridge Website!
+                                    Mission Statement: The Mackinac Bridge Authority is committed to preserve and maintain the State of Michigan’s single
+                                    largest asset and one of the world’s leading suspension bridges to provide safe, pleasurable and expedient passage over
+                                    the Straits of Mackinac for economic benefit and improved quality of life.
+                                </div>
+                            </div>
+                            <div id="camImages" class="text-center">
+                                <div class="webThumb">
+                                <h3>Camera #2 from dock in St. Ignace looking south</h3>
+                                <p><img id="cam2" src="http://cams.gaslightmedia.com/cameras/images/MacBridge_image1_medium.jpg?b=0.6130995130781063" alt="Looking South" width="826" height="407"></p>
+                                <p><strong>Camera #3 from Bridge View Park in St. Ignace looking south</strong></p>
+                                </div>
+                                <br>
+
+                                <div class="webThumb">
+                                <h3>Camera #4 from Mackinaw City looking north</h3>
+                                <p><img id="cam4" src="http://cams.gaslightmedia.com/cameras/images/MacBridge_image4_medium.jpg?b=0.27707204239401206" alt="Looking North" width="825" height="406"></p>
+                                </div>
+                            </div>
+
+                        </div>
+                    </main><!--End of main-->
+                    <div id="space"></div>
+                    <footer class="main">
+                        <div class="row">
+                            <div class="small-12 small-centered large-4 medium-text-center columns small-text-center large-text-center">
+
+                                Mackinac Bridge Authority
+                                N 415 I-75 St Ignace, MI 49781 906-643-7600
+                            </div>
+
+                        </div>
+                    </footer>
+
+                <div id="copyright">
+                    <span>Copyright &copy; <?php echo date('Y');?> </span>
+                    <span class="bullet"> &#8226; </span>
+                    <span> Produced by <a target="_blank" href="http://www.gaslightmedia.com">Gaslight Media</a></span>
+                    <span class="bullet"> &#8226; </span>
+                    <span> All Rights Reserved.</span>
+                </div>
+            </div><!--/#page-wrapper-->
+        <a class="exit-off-canvas"></a>
+        </div><!--End of inner-wrap-->
+      </div><!--End of off-canvas-->
+
+<script charset="utf-8" type="text/javascript">var switchTo5x=true;</script>
+<script charset="utf-8" type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
+<script charset="utf-8" type="text/javascript">stLight.options({"publisher":"wp.c3d3647e-de70-4780-b71d-6b739fad685a"});var st_type="wordpress4.3.1";</script>
+  </body>
+</html>