Section & Variations › Feature
Available Variations
Starter Kit Codes
<!-- include sections/feature -->
<section class="feature feature-variation-1">
<div class="container-fluid">
<div class="section-content">
<div class="section-text-link">
<h3 class="section-title">New 2024<br /> Summer collection</h3>
<div class="section-description">
<p>Appear, dry there darkness they're seas lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</p>
</div>
<a class="btn btn-brand-primary btn-xl " href="#">SEE ALL COLLECTION </a>
</div>
<div class="section-images">
<img src="assets/images/feature-image-1.png" />
</div>
</div>
</div>
</section>
Starter Kit Codes
<!-- include sections/feature -->
<section class="feature feature-variation-2">
<div class="container-fluid">
<div class="section-content">
<div class="section-text-link">
<h3 class="section-title">Summer is better<br /> with Vendora</h3>
<div class="section-description">
<p>Appear, dry there darkness they're seas lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<a class="btn btn-brand-primary btn-xl " href="#">SEE ALL COLLECTION </a>
</div>
<div class="section-images">
<img src="assets/images/feature-image-2.png" />
</div>
</div>
</div>
</section>
Starter Kit Codes
<!-- include sections/feature -->
<section class="feature feature-variation-3">
<div class="container-fluid">
<div class="section-content">
<div class="section-text-link">
<label class="section-tag">Kits & Gift Sets</label>
<h3 class="section-title">Complete set with everything you need</h3>
<div class="section-description">
<p>Treat yourself, or someone you love, to a luxurious, complete skincare routine</p>
</div>
<a class="btn btn-brand-primary btn-xl btn-icon" href="#">See Category <i class="ic ic ic-caret-right white"></i></a>
</div>
<div class="section-images">
<img src="assets/images/feature-image-3.png" />
</div>
</div>
</div>
</section>
Starter Kit Codes
<!-- include sections/feature -->
<section class="feature feature-variation-4">
<div class="container">
<div class="section-content">
<div class="section-text-link">
<h3 class="section-title">Face cream for normal, combination<br /> and oily skin</h3>
<div class="section-description">
<p>Matte & Poreless Face Cream is harmoniously balanced to give healthy and fresh skin with less glare.</p>
<p>Add deep moisture, essential nourishment and care, as well as get a matte and soft finish with an even skin tone and less visible wrinkles with Matte & Poreless Face Cream.</p>
</div>
<a class="btn btn-white btn-lg btn-icon" href="#">Read More <i class="ic ic ic-caret-right dark-1"></i></a>
</div>
<div class="section-images">
<img src="assets/images/feature-image-4.png" />
</div>
</div>
</div>
</section>