CMS Developers

{{ require_css("//cdn2.hubspot.net/hubfs/346178/designmodo/ui-kit/ui-kit-content/css/ui-kit-styles.css") }}      
<!-- content-4 -->
<section class="content-4 content-4-v2" style="background-color: {{ module.background_color.color }};">
    <div class="container">
        {{ module.heading }}
        <div class="row features">
            {% for feature in module.features %}
            <div class="col-sm-4">
                {% if feature.feature_image.src %}
            	<img src="{{ feature.feature_image.src }}" alt="{{ feature.feature_image.alt }}" width="{{ feature.feature_image.width }}" height="{{ feature.feature_image.height }}">
                {% endif %}
                {{ feature.feature_text }}
            </div>
            {% endfor %}
        </div>
    </div>
</section>

          
        

          
            @media (min-width: 768px) {
    .content-4-v2 .features:last-child > [class*="col-sm-"], .content-4-v2 .features.last > [class*="col-sm-"] {
        padding-bottom: 30px;
    }
    
    .content-4-v2 .features > div:nth-of-type(3n + 1) {
        clear: left;
    }
}