xxxxxxxxxx
<html>
<head>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!--Pattern HTML-->
<div id="pattern" class="pattern">
<div class="map">
<a href="https://a.tiles.mapbox.com/v3/landplanner.map-1sdx5y5e.html#9/14.031578144890714/-88.89312744140625" class="btn map-link">View Map</a>
</div>
</div>
<!--End Pattern HTML-->
<div class="container">
<section class="pattern-description">
<h1>Adaptive Map</h1>
<p>A map experience that defaults to a text link to Mapbox Maps, loads in a static map image for small screens and an iframe map for larger screens.</p>
<p><a href=
"https://bradfrostweb.com/blog/post/maps-and-the-mobile-web/">Read more about Adaptive Maps</a></p>
</section>
<footer role="contentinfo">
<div>
<nav id="menu">
<a href="https://bradfrost.github.com/this-is-responsive/patterns.html">←More Responsive Patterns</a>
</nav>
</div>
</footer>
</div>
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="script.js"></script>
</body>
</html>
Modified http://code.jquery.com/jquery-1.10.2.min.js to a secure url
https://code.jquery.com/jquery-1.10.2.min.js