6-tab-highlights.html

<br xmlns="http://www.w3.org/1999/html">
<h2 class="text-center">Tab Highlights</h2>
<p class="text-center">Update with comment lines</p>
<br>
<div class="col-xs-12 col-md-4 col-lg-2" style="padding-bottom: 15px">
    <div class="calcite-web">
        <div class="card-base card-profile">
            <div class="card-image-wrap">
                <a href="https://developers.arcgis.com/documentation/"
                   target="_blank">
                    <img alt="Creating Apps" class="card-img-circle center-block" style="padding: 3px"
                         src="http://octo.dc.gov/sites/default/files/dc/sites/octo/multimedia_content/images/OpenDataIcons_CreatingApps.png"></a>
            </div>
            <div class="card-content text-center" style="height: 100px;">
                <h6><a href="https://developers.arcgis.com/documentation/" target="_blank" style="color:#333">Develop
                    Mapping Applications</a></h6>
            </div>
        </div>
    </div>
</div>
<div class="col-xs-12 col-md-4 col-lg-2" style="padding-bottom: 15px" >
    <div class="calcite-web">
        <div class="card-base card-profile">
            <div class="card-image-wrap"><img alt="District Starter Kit" class="card-img-circle center-block"
                                              style="padding: 3px"
                                              src="http://octo.dc.gov/sites/default/files/dc/sites/octo/multimedia_content/images/OpenDataIcons_StarterKit.png">
            </div>
            <div class="card-content text-center" style="height: 100px;">
                <h6><a href="https://github.com/DCgov/opendatadc-starterkit" target="_blank" style="color:#333">Build
                    with <br>DC's<br>Starter Kit</a></h6>
            </div>
        </div>
    </div>
</div>
<div class="col-xs-12 col-md-4 col-lg-2" style="padding-bottom: 15px">
    <div class="calcite-web">
        <div class="card-base card-profile">
            <div class="card-image-wrap"><img alt="District Starter Kit" class="card-img-circle center-block"
                                              style="padding: 3px"
                                              src="http://octo.dc.gov/sites/default/files/dc/sites/octo/multimedia_content/images/OpenDataIcons_AddressVerification_2_AddressVerification.png">
            </div>
            <div class="card-content text-center" style="height: 100px;">
                <h6><a href="http://opendata.dc.gov/pages/connect-web-services" style="color:#333">Location & Property
                    Web Services</a></h6>
            </div>
        </div>
    </div>
</div>
<div class="col-xs-12 col-md-4 col-lg-2" style="padding-bottom: 15px">
    <div class="calcite-web">
        <div class="card-base card-profile">
            <div class="card-image-wrap"><img alt="Use APIs" class="card-img-circle center-block"
                                              style="padding: 3px"
                                              src="http://octo.dc.gov/sites/default/files/dc/sites/octo/multimedia_content/images/OpenDataIcons_MapServicesGear.png">
            </div>
            <div class="card-content text-center" style="height: 100px;">
                <h6><a href="http://opendata.dc.gov/pages/using-apis" style="color:#333">Visualize <br>with<br> DC APIs</a>
                </h6>
            </div>
        </div>
    </div>
</div>
<div class="col-xs-12 col-md-4 col-lg-2" style="padding-bottom: 15px">
    <div class="calcite-web">
        <div class="card-base card-profile">
            <div class="card-image-wrap"><img alt="Geocode Spreadsheets" class="card-img-circle center-block"
                                              style="padding: 3px"
                                              src="http://octo.dc.gov/sites/default/files/dc/sites/octo/multimedia_content/images/OpenDataIcons_MapSpreadsheet.png">
            </div>
            <div class="card-content text-center" style="height: 100px;">
                <h6><a href="http://octo.dc.gov/node/1161947" target="_blank" style="color:#333">Map Spreadsheets<br>with
                    Geocoder</a></h6>
            </div>
        </div>
    </div>
</div>
<div class="col-xs-12 col-md-4 col-lg-2" style="padding-bottom: 15px">
    <div class="calcite-web">
        <div class="card-base card-profile">
            <div class="card-image-wrap"><img alt="Aerial Imagery and LiDAR" class="card-img-circle center-block"
                                              style="padding: 3px"
                                              src="https://octo.dc.gov/sites/default/files/dc/sites/octo/OpenDataIcons_DCfromAbove.png">
            </div>
            <div class="card-content text-center" style="height: 100px;">
                <h6><a href="http://opendata.dc.gov/pages/dc-from-above" style="color:#333">Explore Aerial<br>
                    Images and <br>
                    LiDAR</a></a></h6>
            </div>
        </div>
    </div>
</div>