---
footer:
  aboutus:
    - title: About
      path: /about
    - title: Team
      path: /about/team
    - title: Jobs
      path: /jobs
    - title: Press
      path: /about/press
    - title: Press Kit
      path: /about/press-kit
  topnav:
    - title: Design
      path: /design
    - title: Data
      path: /data-platform
    - title: Developers
      path: /developers
    - title: Showcase
      path: /showcase
    - title: Enterprise
      path: /enterprise
  help:
    - title: Plans
      path: /plans
    - title: Blog
      path: /blog
    - title: Help
      path: /help
    - title: Status
      path: /status
    - title: Contact
      path: /contact
  tools:
    - title: Studio
      path: /mapbox-studio
    - title: Maki
      path: /maki
  industries:
    - title: Real Estate
      path: /industries/realestate
    - title: Transportation
      path: /industries/transportation
    - title: Agriculture
      path: /industries/agriculture
    - title: Social
      path: /industries/social
    - title: Government
      path: /industries/government
    - title: Fitness &amp; outdoors
      path: /industries/outdoors
    - title: Finance
      path: /industries/finance
    - title: Insurance
      path: /industries/insurance
    - title: Natural Resources
      path: /industries/naturalresources
    - title: Security
      path: /industries/security
    - title: Health
      path: /industries/health
    - title: Media
      path: /industries/media

---
<!DOCTYPE html >
<html>
<head>
  {% if page.prehead %}{{page.prehead}}{% endif %}
  <meta charset='UTF-8'/>
  <meta http-equiv='X-UA-Compatible' content='IE=edge' />
  <meta name='robots' content='{% if page.hidden %}noindex{% else %}index{% endif %}'/>
  <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
  {% if page.description %}<meta name='description' content='{{page.description | strip_html}}'/>{% endif %}
  <title>{% if page.title == 'Mapbox' %}{{page.title}} | Design and publish beautiful maps{% else %}{{page.title}} | Mapbox{% endif %}</title>

  <meta name='st:title' content='{{page.title | replace:"'","&lsquo;" | replace:"| Mapbox",""}}' />
  <meta name='st:type' content='{% if page.section %}{{page.section}}{% elsif page.category %}{{page.category}}{% else %}site{% endif %}' />
  <meta name='st:info' content='{% if page.version %}{{page.version}}{% else %}site{% endif %}' />

  {% if page.card %}
  <meta name='twitter:site' content='@Mapbox' />
  <meta property='og:site_name' content='Mapbox' />
  <meta name='twitter:url' content='{{page.permalink}}' />
  <meta property='og:url' content='{{page.permalink}}' />
  <meta name='twitter:title' content='{{page.title | replace:"'","&lsquo;"}}' />
  <meta property='og:title' content='{{page.title | replace:"'","&lsquo;"}}' />
  <meta name='twitter:description' content='{{page.content | markdownify | strip_html | trim_spaces | truncatewords: 30 | escape | replace:"'","&lsquo;" }}' />
  <meta property='og:description' content='{{page.content | markdownify | strip_html | trim_spaces | truncatewords: 30 | escape | replace:"'","&lsquo;" }}' />
  {% if page.video %}
  <meta name='twitter:card' content='player' />
  <meta name='twitter:player' content='{{page.video | replace: "http:" , "https:" }}' />
  <meta name='twitter:player:width' content='640' />
  <meta name='twitter:player:height' content='480' />
  <meta property='og:type' content='video.other' />
  <meta property='og:video' content='{{page.video}}' />
  <meta property='og:video:width' content='640' />
  <meta property='og:video:height' content='480' />
  {% elsif page.image %}
  <meta name='twitter:image' content='{{page.image | replace:"https:","http:"}}' />
  <meta name='st:image' content='{{page.image | replace:"https:","http:"}}' />
  <meta property='og:image' content='{{page.image | replace:"https:","http:"}}' />
  <meta name='twitter:card' content='summary_large_image' />
  <meta property='og:type' content='website' />
  {% endif %}
  {% endif %}

  <link href='{% if site.baseApi %}{{site.baseApi}}{% else %}https://mapbox.com{% endif %}/base/latest/base.css?v1.0' rel='stylesheet' />
  <link href='{{site.url}}/css/site.css' rel='stylesheet' />
  <!--[if IE 9]><link href='{{site.url}}/css/site-ie9.css' rel='stylesheet' /><![endif]-->
  <link rel='shortcut icon' href='{{site.url}}/img/favicon.ico' type='image/x-icon' />
  <link rel='alternate' type='application/rss+xml' title='RSS' href='{{site.url}}/blog/blog.rss' />
  <link href='{% if site.mapboxjsbase %}{{site.mapboxjsbase}}{% else %}https://api.tiles.mapbox.com/mapbox.js/{% if site.mapboxjs %}{{site.mapboxjs}}{% else %}v1.6.1{% endif %}{% endif %}/mapbox.css' rel='stylesheet' />

  <!--[if lt IE 9 ]><script src='{{site.url}}/js/redirect-ie.js'></script><![endif]-->
  <script src='https://js.stripe.com/v2/'></script>
  <script>
  var KM_COOKIE_DOMAIN = 'www.mapbox.com';
  var analytics=analytics||[];(function(){var e=['identify','track','trackLink','trackForm','trackClick','trackSubmit','page','pageview','ab','alias','ready','group'],t=function(e){return function(){analytics.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var n=0;n<e.length;n++)analytics[e[n]]=t(e[n])})(),analytics.load=function(e){var t=document.createElement('script');t.type='text/javascript',t.async=!0,t.src=('https:'===document.location.protocol?'https://':"http://")+'d2dq2ahtl5zl1z.cloudfront.net/analytics.js/v1/'+e+'/analytics.min.js';var n=document.getElementsByTagName('script')[0];n.parentNode.insertBefore(t,n)};
  analytics.load(window.location.hostname.indexOf('mapbox.com') !== -1 ? 'fl0c8p240n' : '0biiejpgfj');

  Stripe.setPublishableKey(window.location.hostname.indexOf('mapbox.com') !== -1 ?
    'pk_live_hI6mmOTIg7KkywK6vo3vJvpk' : 'pk_test_gmIyREg3sKzAiyMkAEeCsxUG');
  </script>
  <script src='{% if site.mapboxjsbase %}{{site.mapboxjsbase}}{% else %}https://api.tiles.mapbox.com/mapbox.js/{% if site.mapboxjs %}{{site.mapboxjs}}{% else %}v1.6.1{% endif %}{% endif %}/mapbox.js'></script>

  <script>
  window.mapbox_api = '{{site.api}}';
  window.mapbox_tileApi = '{{site.tileApi}}';
  window.mapbox_accessToken = '{{site.accessToken}}' || 'pk.eyJ1IjoibWFwYm94IiwiYSI6IlhHVkZmaW8ifQ.hAMX5hSW-QnTeRCMAy9A8Q'
  if (L.mapbox.VERSION[0] === '2') {
      L.mapbox.accessToken = window.mapbox_accessToken;
      L.mapbox.config.FORCE_HTTPS = true;
      L.mapbox.config.HTTPS_URL = window.mapbox_tileApi + '/v4';
  }
  </script>
  <script src='{% if site.baseApi %}{{site.baseApi}}{% else %}https://mapbox.com{% endif %}/base.js/dist/base.js'></script>
  {% if site.test %}<script src='{{site.url}}/test/tape.js'></script>{% endif %}
  {% if page.head %}{{page.head}}{% endif %}
</head>
<body class='{{page.class}} {{page.options}}'>
 <div class='fill-midnight offcanvas-top row3 industries-subnav animate dark pin-top hide-mobile' id='industries'>
   <div class='limiter pad2y space-top1 small strong contain'>
      <ul class='space-bottom0 clearfix'>
        <li class='col2'><a href="/industries/realestate" class="primary-nav-button inline pad1x pad0y round">Real Estate</a></li>
        <li class='col2'><a href="/industries/transportation" class="primary-nav-button inline pad1x pad0y round">Transportation</a></li>
        <li class='col2'><a href="/industries/agriculture" class="primary-nav-button inline pad1x pad0y round ">Agriculture</a></li>
        <li class='col2'><a href="/industries/social" class="primary-nav-button inline pad1x pad0y round">Social</a></li>
        <li class='col2'><a href="/industries/government" class="primary-nav-button inline pad1x pad0y round ">Government</a></li>        
        <li class='col2'><a href="/industries/outdoors" class="primary-nav-button inline pad0x pad0y round">Fitness &amp; Outdoors</a></li>
      </ul>
      <ul class='clearfix'>
         <li class='col2'><a href="/industries/finance" class="primary-nav-button inline pad1x pad0y round ">Finance</a></li>
         <li class='col2'><a href="/industries/insurance" class="primary-nav-button inline pad1x pad0y round ">Insurance</a></li>
         <li class='col2'><a href="/industries/naturalresources" class="primary-nav-button inline pad1x pad0y round ">Natural Resources</a></li>
         <li class='col2'><a href="/industries/security" class="primary-nav-button inline pad1x pad0y round ">Security</a></li>
         <li class='col2'><a href="/industries/health" class="primary-nav-button inline pad1x pad0y round ">Health</a></li>
         <li class='col2'><a href="/industries/media" class="primary-nav-button inline pad0x pad0y round ">Media</a></li>
      </ul> 
   </div>
 </div>
<div class='page-content'> 
{% if page.app %}
{{content}}
{% else %}
<div class='masthead show-in-loaded col12 clearfix {% unless page.options contains 'bleed' %}fill-blue{% endunless %} {% unless page.options contains 'light' %}dark{% endunless %}'>
  <div class='limiter clearfix'>
    <nav class='col12 text-right pad2y contain animate clearfix noprint'>
      <a class='fl mb-logo' href='/'></a>
      <h4 class='logo-enterpriseaddon pin-topleft text-aqua block-in-enterprise'>Enterprise</h4>
      <div id='nav'>
      </div>
    </nav>
  </div>
</div>

<div class='{% unless page.options contains 'full' %} limiter clearfix{% endunless %}'>{{content}}</div>

<div class='footer pad4y clearfix hide-mobile fill-light'>
  <div class='limiter'>
   <div class='clearfix'> 
    <div class='col8 small mobile-cols'>
      <div class='col12 clearfix'>
        <div class='col3'>
          {% for item in page.footer.topnav %}
          <a id='footer-{{item.title | downcase | replace:' ','-'}}' class='space-bottom0 col12 strong' href='{{site.url}}{{item.path}}/'>{{item.title}}</a>
          {% endfor %}
        </div>
        <div class='col3'>
          {% for item in page.footer.help %}
          <a id='footer-{{item.title | downcase | replace:' ','-'}}' class='space-bottom0 col12 quiet strong' href='{{site.url}}{{item.path}}/'>{{item.title}}</a>
          {% endfor %}
        </div>
        <div class='col3'>     
          {% for item in page.footer.aboutus %}
          <a id='footer-{{item.title | downcase | replace:' ','-'}}' class='space-bottom0 col12 quiet strong' href='{{site.url}}{{item.path}}/'>{{item.title}}</a>
          {% endfor %}
        </div>
         <div class='col3'>
           <div class='space-bottom0 strong'>Tools</div>
          {% for item in page.footer.tools %}
          <a id='footer-{{item.title | downcase | replace:' ','-'}}' class='space-bottom0 col12 quiet strong' href='{% if item.href %}{{item.href}}{% else %}{{site.url}}{{item.path}}{% endif %}/'>{{item.title}}</a>
          {% endfor %}
        </div>
      </div>
    </div>

    <div class='col4 footer-social'>
      <div class='animate footer-animation col6'></div>
      <div class='footer-dialog fr small strong quiet pad2 col6 contain round fill-gray'>
      Follow Mapbox on <a href='https://twitter.com/mapbox'>Twitter</a>, <a href='https://www.facebook.com/Mapbox'>Facebook</a>, and <a href='https://instagram.com/mapbox'>Instagram</a>.
      </div>
    </div>  
  </div>
  </div>

  <div class="limiter industries-footer">
  <p class='space-bottom1 strong small space-top2 industries-footer-title'>Industries</p>
  <div class='clearfix pad2y pad4x fill-gray round space-bottom4 industries-footer'>
        <div class='clearfix'>
           <div class='col3'>
            {% for item in page.footer.industries | limit: 3 %}
            <a id='footer-{{item.title | downcase | replace:' ','-'}}' class='space-bottom0 col12 strong quiet small' href='{% if item.href %}{{item.href}}{% else %}{{site.url}}{{item.path}}{% endif %}/'>{{item.title}}</a>
            {% endfor %}
          </div>
           <div class='col3'>
            {% for item in page.footer.industries | limit: 3 | offset: 3 %}
            <a id='footer-{{item.title | downcase | replace:' ','-'}}' class='space-bottom0 col12 strong quiet small' href='{% if item.href %}{{item.href}}{% else %}{{site.url}}{{item.path}}{% endif %}/'>{{item.title}}</a>
            {% endfor %}
          </div>
           <div class='col3'>
            {% for item in page.footer.industries | limit: 3 | offset: 6 %}
            <a id='footer-{{item.title | downcase | replace:' ','-'}}' class='space-bottom0 col12 strong quiet small' href='{% if item.href %}{{item.href}}{% else %}{{site.url}}{{item.path}}{% endif %}/'>{{item.title}}</a>
            {% endfor %}
          </div>
          <div class='col3'>
            {% for item in page.footer.industries | limit: 3 | offset: 9 %}
                <a id='footer-{{item.title | downcase | replace:' ','-'}}' class='space-bottom0 col12 strong quiet small' href='{% if item.href %}{{item.href}}{% else %}{{site.url}}{{item.path}}{% endif %}/'>{{item.title}}</a>
            {% endfor %}
          </div>
         </div> 
      </div>
  </div>

  <div class='limiter newsletter-copyright clearfix'>
  <div class='col8 contain newsletter'>
        <form id='newsletter' method='post'>
          <fieldset class='clearfix input-pill col10 pill mobile-cols with-icon'>
            <span class='icon mail quiet'></span>
            <input type='text' value='' placeholder='Sign up for our newsletter' name='email' class='col9 required email'>
            <input type='submit' value='Subscribe' class='col3 quiet'>
          </fieldset>
        </form>
       </div> 

      <div class='col4 footer-copyright small space-top1 col4 noprint fill-light contain'>
          <div class='pin-right'>
            <a href='{{site.url}}/tos'>Terms</a> +
            <a href='{{site.url}}/privacy'>Privacy</a>
            &copy; Mapbox
          </div>
      </div>
  </div>

</div>

<div class='footer-copyright small center noprint fill-light show-mobile'>
  <div class='limiter'>
    <div class='pad2y'>
            <a href='{{site.url}}/tos'>Terms</a> +
            <a href='{{site.url}}/privacy'>Privacy</a>
      &copy; Mapbox
    </div>
  </div>
</div>

{% endif %}

<div id='modal-content' class='animate modal modal-content'></div>
</div>
</body>
</html>
