SIA Web Design Library

Poll results

No notes defined.

<section class='c-poll-results c-poll-results--progress-bar'>
    <h1 class='c-heading c-heading--progress-bar'>
        After SIA'S Incubation, Our Venture Is
    </h1>
    <div class='c-lead c-lead--progress-bar'>
        <p>SIA Alumni Survey 2019</p>
    </div>
    <ul class='c-poll-results__items d-flex u-list--unstyled'>
        <li class='c-poll-results__items__item'>
            <figure class='c-stat c-stat--progress-bar '>
                <span class='c-stat__text'>
                    <figcaption class='c-stat__caption'>
                        <strong class='c-stat__highlight'>Understanding the Challenge</strong>
                    </figcaption>
                    <span class='c-stat__figure'><span class='c-stat__number'>86%</span> <span class='c-stat__progress-bar' style='width: 86%;'></span></span>
                    <span class='c-stat__detail'>We have a deep understanding of the social or environmental challenge we address.</span>
                </span>
            </figure>
        </li>
        <li class='c-poll-results__items__item'>
            <figure class='c-stat c-stat--progress-bar '>
                <span class='c-stat__text'>
                    <figcaption class='c-stat__caption'>
                        <strong class='c-stat__highlight'>Understanding the Solution</strong>
                    </figcaption>
                    <span class='c-stat__figure'><span class='c-stat__number'>86%</span> <span class='c-stat__progress-bar' style='width: 86%;'></span></span>
                    <span class='c-stat__detail'>We have a deep understanding of how our product/service can address the challenge.</span>
                </span>
            </figure>
        </li>
        <li class='c-poll-results__items__item'>
            <figure class='c-stat c-stat--progress-bar '>
                <span class='c-stat__text'>
                    <figcaption class='c-stat__caption'>
                        <strong class='c-stat__highlight'>Understanding the Business</strong>
                    </figcaption>
                    <span class='c-stat__figure'><span class='c-stat__number'>72%</span> <span class='c-stat__progress-bar' style='width: 72%;'></span></span>
                    <span class='c-stat__detail'>We have identified a strong, viable business model to generate longterm income for our business.</span>
                </span>
            </figure>
        </li>
    </ul>
    <footer class='c-figures__footer'>
        <p class='c-figures__source'><strong>Source:</strong> <cite>SIA Alumni Survey 2019</cite></p>
    </footer>
</section>
 
<section class='{{ get_component_class( 'poll-results', display ) }}'>
    {% if heading %}
        {% include '@unit/heading/heading.twig' with heading %}
    {% endif %}
    {% if lead %}
        {% include '@unit/lead/lead.twig' with lead %}
    {% endif %}
    <ul class='c-poll-results__items d-flex u-list--unstyled'>
        {% for item in items %}
            <li class='c-poll-results__items__item'>
                {% include '@unit/stat/stat.twig' with item|merge( { suffix: suffix, display: display, floating: floating } ) %}
            </li>
        {% endfor %}
    </ul>
    {% if source %}
        <footer class='c-figures__footer'>
            <p class='c-figures__source'><strong>Source:</strong> <cite>{% if source.url %}{% include '@link' with source %}{% else %}{{ source | raw }}{% endif %}</cite></p>
        </footer>
    {% endif %}
</section>
 
{
  "heading": {
    "text": "After SIA'S Incubation, Our Venture Is"
  },
  "lead": {
    "content": "<p>SIA Alumni Survey 2019</p>"
  },
  "source": "SIA Alumni Survey 2019",
  "display": {
    "modifiers": [
      "progress-bar"
    ]
  },
  "suffix": "%",
  "items": [
    {
      "figure": 86,
      "caption": "Understanding the Challenge",
      "detail": "We have a deep understanding of the social or environmental challenge we address."
    },
    {
      "figure": 86,
      "caption": "Understanding the Solution",
      "detail": "We have a deep understanding of how our product/service can address the challenge."
    },
    {
      "figure": 72,
      "caption": "Understanding the Business",
      "detail": "We have identified a strong, viable business model to generate longterm income for our business."
    }
  ]
}