{% extends 'base_software.html' %}

{% block head %}
<style type="text/css">
    h2 {
        margin: 0;
        color: #666;
        padding-top: 90px;
        font-size: 52px;
        font-family: "trebuchet ms", sans-serif;
    }
    .item {
        background: #888;
        text-align: center;
        height: 400px !important;
    }
    .carousel {
        margin-top: 20px;
    }
    .bs-example {
        margin: 20px;
    }
</style>
{% endblock %}

{% block main %}
<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!-- Carousel indicators -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
    </ol>

    <!-- Carousel items -->
    <div class="carousel-inner">
        <div class="item active">
            <h2>Cisco Software Manager Server</h2>
            <div class="carousel-caption">
                <h3>No more searching and querying cisco.com for available software</h3>
                <h3>Cost savings in avoiding incorrect and missing SMUs</h3>
                <h3>Automation and Orchestration Framework</h3>
                <h3>Simultaneously deploy software upgrades</h3>
            </div>
        </div>
        <div class="item">
            <h2>Supported Platforms</h2>
            <div class="carousel-caption">
                <h4>IOS XR (ASR9K, XR12K, CRS)</h4>
                <h4>IOS XR 64 bit (ASR9K-X64, IOS-XRv, NCS1K, NCS1001, NCS4K, NCS5K, NCS540, NCS5500, and NCS6K)</h4>
                <h4>IOS XE (ASR902, ASR903, ASR907, ASR920, and ASR1K)</h4>
                <h4>IOS (ASR901)</h4>
            </div>
        </div>
    </div>

    <!-- Carousel nav -->
    <a class="carousel-control left" href="#myCarousel" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>

    <a class="carousel-control right" href="#myCarousel" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
</div>

{% if build_date %}
    <center>Build Date: {{ build_date }}</center>
{% endif %}

{% endblock %}