{% if site.cards_title %}

{% assign cards_title = site.cards_title %}

{% else %}

{% assign cards_title = 'Getting started is easy!'; %}

{% endif %}

{% if site.description %}

{% assign description = site.description %}

{% else %}

{% assign description = 'Welcome to prettyDocs. This landing page is an example of how you can use a card view to present segments of your documentation. You can customise the icon fonts based on your needs.'; %}

{% endif %}

{% if site.download_url %}

{% assign download_url = site.download_url %}

{% else %}

{% assign download_url = 'https://themes.3rdwavemedia.com/bootstrap-templates/startup/prettydocs-free-bootstrap-theme-for-developers-and-startups/' %}

{% endif %}

{% if site.card_start_title %}

{% assign card_start_title = site.card_start_title %}

{% else %}

{% assign card_start_title = 'Quick Start' %}

{% endif %}

{% if site.card_start_intro %}

{% assign card_start_intro = site.card_start_intro %}

{% else %}

{% assign card_start_intro = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. ' %}

{% endif %}

{% if site.card_start_link %}

{% assign card_start_link = site.card_start_link %}

{% else %}

{% assign card_start_link = 'start' %}

{% endif %}

{% if site.card_components_title %}

{% assign card_components_title = site.card_components_title %}

{% else %}

{% assign card_components_title = 'Components' %}

{% endif %}

{% if site.card_components_intro %}

{% assign card_components_intro = site.card_components_intro %}

{% else %}

{% assign card_components_intro = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. ' %}

{% endif %}

{% if site.card_components_link %}

{% assign card_components_link = site.card_components_link %}

{% else %}

{% assign card_components_link = 'components' %}

{% endif %}

{% if site.card_charts_title %}

{% assign card_charts_title = site.card_charts_title %}

{% else %}

{% assign card_charts_title = 'Charts' %}

{% endif %}

{% if site.card_charts_intro %}

{% assign card_charts_intro = site.card_charts_intro %}

{% else %}

{% assign card_charts_intro = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. ' %}

{% endif %}

{% if site.card_charts_link %}

{% assign card_charts_link = site.card_charts_link %}

{% else %}

{% assign card_charts_link = 'charts' %}

{% endif %}

{% if site.card_faqs_title %}

{% assign card_faqs_title = site.card_faqs_title %}

{% else %}

{% assign card_faqs_title = 'FAQs' %}

{% endif %}

{% if site.card_faqs_intro %}

{% assign card_faqs_intro = site.card_faqs_intro %}

{% else %}

{% assign card_faqs_intro = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. ' %}

{% endif %}

{% if site.card_faqs_link %}

{% assign card_faqs_link = site.card_faqs_link %}

{% else %}

{% assign card_faqs_link = 'faqs' %}

{% endif %}

{% if site.card_showcase_title %}

{% assign card_showcase_title = site.card_showcase_title %}

{% else %}

{% assign card_showcase_title = 'Showcase' %}

{% endif %}

{% if site.card_showcase_intro %}

{% assign card_showcase_intro = site.card_showcase_intro %}

{% else %}

{% assign card_showcase_intro = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. ' %}

{% endif %}

{% if site.card_showcase_link %}

{% assign card_showcase_link = site.card_showcase_link %}

{% else %}

{% assign card_showcase_link = 'showcase' %}

{% endif %}

{% if site.card_license_title %}

{% assign card_license_title = site.card_license_title %}

{% else %}

{% assign card_license_title = 'License' %}

{% endif %}

{% if site.card_license_intro %}

{% assign card_license_intro = site.card_license_intro %}

{% else %}

{% assign card_license_intro = 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. ' %}

{% endif %}

{% if site.card_license_link %}

{% assign card_license_link = site.card_license_link %}

{% else %}

{% assign card_license_link = 'license' %}

{% endif %}

<section class=“cards-section text-center”>

<div class="container">
    <h2 class="title">{{ cards_title }}</h2>
    <div class="intro">
        <p>{{ description }} </p>
        <div class="cta-container">
            {% if site.download_button != false %}
                <a class="btn btn-primary btn-cta" href="{{ download_url }}" target="_blank"><i class="fas fa-cloud-download-alt"></i> Download Now</a>
            {% endif %}
        </div><!--//cta-container-->
    </div><!--//intro-->
    <div id="cards-wrapper" class="cards-wrapper row">
        {% if site.card_start != false %}
        <div class="item item-green col-lg-4 col-6">
            <div class="item-inner">
                <div class="icon-holder">
                    <i class="icon fa fa-paper-plane"></i>
                </div><!--//icon-holder-->
                <h3 class="title">{{ card_start_title }}</h3>
                <p class="intro">{{ card_start_intro }}</p>
                <a class="link" href="{{ card_start_link | prepend: site.baseurl }}"><span></span></a>
            </div><!--//item-inner-->
        </div><!--//item-->
        {% endif %}
        {% if site.card_components != false %}
        <div class="item item-pink item-2 col-lg-4 col-6">
            <div class="item-inner">
                <div class="icon-holder">
                    <span aria-hidden="true" class="icon icon_puzzle_alt"></span>
                </div><!--//icon-holder-->
                <h3 class="title">{{ card_components_title }}</h3>
                <p class="intro">{{ card_components_intro }}</p>
                <a class="link" href="{{ card_components_link | prepend: site.baseurl }}"><span></span></a>
            </div><!--//item-inner-->
        </div><!--//item-->
        {% endif %}
        {% if site.card_charts != false %}
        <div class="item item-blue col-lg-4 col-6">
            <div class="item-inner">
                <div class="icon-holder">
                    <span aria-hidden="true" class="icon icon_datareport_alt"></span>
                </div><!--//icon-holder-->
                <h3 class="title">{{ card_charts_title }}</h3>
                <p class="intro">{{ card_charts_intro }}</p>
                <a class="link" href="{{ card_charts_link | prepend: site.baseurl }}"><span></span></a>
            </div><!--//item-inner-->
        </div><!--//item-->
        {% endif %}
        {% if site.card_faqs != false %}
        <div class="item item-purple col-lg-4 col-6">
            <div class="item-inner">
                <div class="icon-holder">
                    <span aria-hidden="true" class="icon icon_lifesaver"></span>
                </div><!--//icon-holder-->
                <h3 class="title">{{ card_faqs_title }}</h3>
                <p class="intro">{{ card_faqs_intro }}</p>
                <a class="link" href="{{ card_faqs_link | prepend: site.baseurl }}"><span></span></a>
            </div><!--//item-inner-->
        </div><!--//item-->
        {% endif %}
        {% if site.card_showcase != false %}
        <div class="item item-primary col-lg-4 col-6">
            <div class="item-inner">
                <div class="icon-holder">
                    <span aria-hidden="true" class="icon icon_genius"></span>
                </div><!--//icon-holder-->
                <h3 class="title">{{ card_showcase_title }}</h3>
                <p class="intro">{{ card_showcase_intro }}</p>
                <a class="link" href="{{ card_showcase_link | prepend: site.baseurl }}"><span></span></a>
            </div><!--//item-inner-->
        </div><!--//item-->
        {% endif %}
        {% if site.card_license != false %}
        <div class="item item-orange col-lg-4 col-6">
            <div class="item-inner">
                <div class="icon-holder">
                    <span aria-hidden="true" class="icon icon_gift"></span>
                </div><!--//icon-holder-->
                <h3 class="title">{{ card_license_title }}</h3>
                <p class="intro">{{ card_license_intro }}</p>
                <a class="link" href="{{ card_license_link | prepend: site.baseurl }}"><span></span></a>
            </div><!--//item-inner-->
        </div><!--//item-->
        {% endif %}
    </div><!--//cards-->
</div><!--//container-->

</section><!–//cards-section–>