Contents

<div class="row {% if page.jumbotron.background-image %}background-image {% endif %}{% if site.data.settings.jumbotron.darken %}overlay{% endif %}" id="jumbotron" 
{% if page.jumbotron.background-image %}
    style="background-image: url('{{page.jumbotron.background-image}}');"
{% else %}
    class="jumbotron text-center featured-jumbotron"
{% endif %}> <!--Row -->
    <div id="jumbotron-content" class=" flex-container"> <!--Jumbotron div -->        
        <div class="container flex-center" id="jumbotron-text"> <!--Container -->
        {% if page.title %}
        <h1 class="{% if page.carousel-header.animation == "fade" %}fade-in-one{% endif %}" id="jumbotron-heading">
            {{page.title}}
        </h1>
        {% elsif site.title %}
            <h1 class="{% if page.carousel-header.animation == "fade" %}fade-in-one{% endif %}" id="jumbotron-heading">
                {{site.title}}
            </h1>
        {% endif %}
        {% if page.description %}
            <p class="center-block {% if page.carousel-header.animation == "fade" %}fade-in-two{% endif %}" id="jumbotron-sub-title">
            {{page.description}}
            </p>
        {% endif %}
        {% if page.jumbotron.buttons %}
        <p id="buttons">
            {% for button in page.jumbotron.buttons %}
            <a class="btn btn-primary btn-lg {% if page.jumbotron.animation == "fade" %}fade-in-three{% endif %}" href="{{button.url}}" role="button">
                {{button.title}} {% if button.icon %}<i class="{{button.icon}}"></i>{% endif %}
            </a>
            {% endfor %}
        </p>
        {% endif %}
        </div><!-- End Jumbotron Container Div -->  
    </div> <!--End Jumbotron div -->        
</div> <!--row -->

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
jumbo-jekyll-theme-3.0.12	_includes/jumbotron.html