<!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">
+ <head>
+ <meta charset="utf-8" />
+<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0" />-->
+ <title>Mackinac Bridge Authority</title>
+ <style>
+ body {
+ background: #fff;
+ color: #000000;
+ cursor: auto;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 150%;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ }
+ p {
+ font-family: inherit;
+ font-size: 1rem;
+ font-weight: normal;
+ line-height: 1.6;
+ margin-bottom: 1.25rem;
+ text-rendering: optimizeLegibility;
+ }
+ .inner-wrap {
+ float: left;
+ }
+ header.main {
+ background: #005d97;
+ }
+ #content-wrapper {
+ max-width: 1000px;
+ margin: 0 auto;
+ }
+ .text-center {
+ text-align: center !important;
+ }
+ a {
+ color: #009C5F;
+ line-height: inherit;
+ text-decoration: underline;
+ }
+ .top-bar {
+ float: none;
+ margin: 0 auto;
+ width: 1000px;
+ }
+ .page-front {
+ background: url(../assets/footer-image-fpo.jpg) no-repeat bottom center;
+ background-size: 100% auto;
+ padding-bottom: 50px;
+ }
+ #slideshow {
+ position: relative;
+ max-height: 540px;
+ overflow-y: hidden;
+ width: 100%;
+ z-index: 1;
+ list-style: none;
+ img {
+ margin: 0px;
+ width: 100%;
+ height: auto;
+ }
+ }
+ #camImages {
+ text-align: center;
+ }
+ h3 {
+ display: block;
+ font-size: 1.17em;
+ -webkit-margin-before: 1em;
+ -webkit-margin-after: 1em;
+ -webkit-margin-start: 0px;
+ -webkit-margin-end: 0px;
+ font-weight: bold;
+ }
+ p {
+ display: block;
+ -webkit-margin-before: 1em;
+ -webkit-margin-after: 1em;
+ -webkit-margin-start: 0px;
+ -webkit-margin-end: 0px;
+ }
+ #head-container {
+ max-width: 1000px;
+ margin: 0 auto;
+ height: 145px;
+ position: relative;
+ }
+ #logo {
+ float: left;
+ display: block;
+ width: 33%;
+ }
+ #logo img {
+ float: right;
+ margin-top: 20px;
+ }
+ #tag {
+ float: right;
+ width: 66%;
+ text-align: center;
+ }
+ header.main #tag h1 {
+ font-size: 1.75rem;
+ text-transform: uppercase;
+ margin: 0;
+ color: #FFFFFF;
+ font-weight: bold;
+ letter-spacing: 0.025em;
+ line-height: 1.4;
+ padding-top: 20px;
+ text-align: left;
+ width: 100%;
+ }
+ @media screen and (max-width: 1024px) {
+ header.main #tag h1 {
+ font-size: 1.25rem;
+ }
+ }
+ header.main #tag h1 a {
+ text-decoration: none;
+ color: #FFFFFF;
+ font-weight: bold;
+ }
+ #main-content {
+ padding-left: 2%;
+ padding-right: 2%;
+ }
+ header.main #tag h2 {
+ clear: none;
+ display: block;
+ margin: 0;
+ color: #009C5F;
+ font-size: 1.25rem;
+ font-weight: bold;
+ text-align: left;
+ width: 100%;
+ }
+ header.main #head-container img#ghost-bridge {
+ z-index: 0;
+ position: absolute;
+ bottom: 0;
+ right: -5px;
+ }
+ @media screen and (max-width: 1024px) {
+ header.main #head-container img#ghost-bridge {
+ display: none;
+ }
+ }
+ footer.main {
+ background-color: #c3dafc;
+ position: relative;
+ z-index: 1;
+ left: 0;
+ right: 0;
+ padding: 20px 0 20px;
+ }
+ #footer-address {
+ margin: 0 auto;
+ //max-width: 220px;
+ text-align: center;
+ }
+ #footer_address h5 {
+ margin: 0;
+ }
+ h5 {
+ color: #005d97;
+ font-size: 18px;
+ margin: 0;
+ }
+ #footer_address span {
+ color: #000000;
+ white-space: nowrap;
+ font-size: 0.875rem;
+ }
+ #copyright {
+ position: relative;
+ z-index: 0;
+ padding: 10px 0;
+ margin: 0 auto;
+ float: none;
+ text-align: center;
+ }
+ *, *:before, *:after {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+ .inner-wrap {
+ width: 100%;
+ position: relative;
+ display: block;
+ }
+ .inner-wrap:before, .inner-wrap:after {
+ content: " ";
+ display: table;
+}
+main {
+ position: relative;
+}
+ html, body {
+ font-size: 100%;
+}
+html, body {
+ width: 100%;
+}
+#footer-address span {
+ clear: both;
+ display: block;
+}
+@media screen and (max-width: 640px) {
+ #copyright span {
+ clear:both;
+ display: block;
+ }
+ #copyright span.bullet {
+ display: none;
+ }
+ /*
+ #logo,
+ #tag {
+ width: 100%;
+ }
+*/
+}
+ </style>
+ </head>
+ <body>
+ <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 id="head-container">
+ <div id="logo">
+ <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">
+ <div id="tag">
<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>
+ <div id="slideshow" class="page-header">
+ <img src="assets/BridgeClosedHeader.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">
+ <p>
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.
+ </p>
</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>
</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 id="footer-address">
+ <h5>Mackinac Bridge Authority</h5>
+ <span class="address">N 415 I-75</span>
+ <span class="city-state-zip">St Ignace, MI 49781</span>
+ <span class="phone">906-643-7600</span>
</div>
</footer>
- <div id="copyright">
- <span>Copyright © <?php echo date('Y');?> </span>
- <span class="bullet"> • </span>
- <span> Produced by <a target="_blank" href="http://www.gaslightmedia.com">Gaslight Media</a></span>
- <span class="bullet"> • </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>
+ <div id="copyright">
+ <span>Copyright © 2017 </span>
+ <span class="bullet"> • </span>
+ <span> Produced by <a target="_blank" href="http://www.gaslightmedia.com">Gaslight Media</a></span>
+ <span class="bullet"> • </span>
+ <span> All Rights Reserved.</span>
+ </div>
+ </div><!--/#page-wrapper-->
+ </div><!--End of inner-wrap-->
+ </body>
</html>
--- /dev/null
+<!DOCTYPE html>
+<!-- saved from url=(0081)http://mackinacbridge.gaslightmedia.com/wp-content/themes/mackinacbridge/HLP.html -->
+<html class="no-js" lang="en"><head><meta http-equiv="Content-Type" content="text/html; 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="./HLP_v1.0_files/css" rel="stylesheet">
+ <link rel="stylesheet" href="./HLP_v1.0_files/app.css">
+ <script type="text/javascript" id="async-buttons" src="./HLP_v1.0_files/async-buttons.js"></script><script type="text/javascript" async="" src="./HLP_v1.0_files/wowzaplayer.js"></script><script type="text/javascript" src="./HLP_v1.0_files/wowzaplayer.min.js"></script>
+
+ <link rel="stylesheet" type="text/css" href="./HLP_v1.0_files/buttons.e80452d5e7cc382dad89d10f50bde247.css"></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="./HLP_v1.0_files/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="./HLP_v1.0_files/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="./HLP_v1.0_files/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="./HLP_v1.0_files/MacBridge_image1_medium.jpg" 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="./HLP_v1.0_files/MacBridge_image4_medium.jpg" 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 © <!--?php echo date('Y');?--> </span>
+ <span class="bullet"> • </span>
+ <span> Produced by <a target="_blank" href="http://www.gaslightmedia.com/">Gaslight Media</a></span>
+ <span class="bullet"> • </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="./HLP_v1.0_files/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>
+
+
+<div id="stcpDiv" style="position: absolute; top: -1999px; left: -1988px;">ShareThis Copy and Paste</div><div id="stwrapper" class="stwrapper stwrapper5x" style="display: none;"><iframe allowtransparency="true" id="stLframe" class="stLframe" name="stLframe" frameborder="0" scrolling="no" src="./HLP_v1.0_files/index.37b4b85c83ff6e0b734bb117f0024eb0.html"></iframe></div><div id="stOverlay" onclick="javascript:stWidget.closeWidget();"></div></body></html>
\ No newline at end of file
projects / WP-Themes / mackinacbridge.git / commitdiff
