Features
Features #1
Learn latest Skills; Advance your career
Donec sit quam lacinia et sed et. Lectus in pellent esque sed a eget mauris. Tincidunt tincidunt sit quisque orci turpis nulla velit.
Get Started<section class="py-lg-8 py-6 bg-gray-100">
<div class="container">
<div class="row">
<div class="col-xl-10 offset-xl-1 col-md-12 col-12">
<div class="row align-items-center">
<div class="col-lg-5 col-md-12 col-12">
<div class="mb-5 mb-lg-0">
<h2 class="display-4 fw-bold mb-3">Learn latest Skills; Advance <u class="text-warning"><span class="text-primary">your
career
</span></u></h2>
<p class="mb-5 lead">Donec sit quam lacinia et sed et. Lectus in pellent esque sed a eget mauris.
Tincidunt
tincidunt
sit quisque orci turpis nulla velit.</p>
<a href="#!" class="btn btn-outline-secondary">Get Started</a>
</div>
</div>
<div class="col-lg-6 offset-lg-1 col-md-12 col-12">
<div class="d-flex align-items-center justify-content-center position-relative rounded py-17 border-gray-100 border border-4 rounded-3 bg-cover" style="
background-image: url(../../assets/images/education/edu-video-img.jpg); height="300px";
">
<a class="popup-youtube icon-shape rounded-circle btn-play icon-xl " href="https://www.youtube.com/watch?v=JRzWRZahOVU">
<i class="fe fe-play"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>Features #2
Building strong foundational skills
Online courses certification section design for showcase your certificate program features.
Completion certificate awarded on every course completion
Learn from Industry Experts
Lorem ipsum dolor sit amet, conse ctetur adipisc amus ac iaculis arcu.
Free Resources
Pellentesque sagittis placerat mollii purus onvallis venenatis asapien.
Learn Anytime, Anywhere
Integer ultricies lorem nec erat fau euismod ipsum nislnec leo iaculis
Skill-based Learning
Duis sed sollicitudin narcu mi, faucibus in sapien non, auctor placerat arcu.
<section class="pb-lg-14 pb-6">
<div class="container">
<div class="row">
<div class="col-xl-6 offset-xl-3 col-md-12 col-12">
<div class="text-center mb-lg-10 mb-6">
<h2 class="h1 fw-bold">Building strong <u class="text-warning"><span class="text-primary">foundational
skills</span></u></h2>
<p class="lead mb-0">Online courses certification section design for showcase your certificate program
features.</p>
</div>
</div>
</div>
<div class=" row align-items-center ">
<div class="col-xl-5 col-lg-6 col-md-12 col-12">
<div class="mb-6 mb-lg-0">
<div class="mb-2">
<img src="../assets/images/education/certificate.jpg" alt="certificate" class="img-fluid w-100">
</div>
<div class="d-flex">
<span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="var(--gk-primary)" class="bi bi-patch-check-fill" viewBox="0 0 16 16">
<path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"></path>
</svg>
</span><span class="ms-2">Completion certificate awarded on every course completion</span>
</div>
</div>
</div>
<div class="col-xl-6 offset-xl-1 col-lg-6 col-md-12 col-12">
<div class="row row-cols-2">
<div class="col">
<div class="mb-4 mb-xl-6">
<div class="mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="var(--gk-primary)" class="bi bi-trophy" viewBox="0 0 16 16">
<path d="M2.5.5A.5.5 0 0 1 3 0h10a.5.5 0 0 1 .5.5c0 .538-.012 1.05-.034 1.536a3 3 0 1 1-1.133 5.89c-.79 1.865-1.878 2.777-2.833 3.011v2.173l1.425.356c.194.048.377.135.537.255L13.3 15.1a.5.5 0 0 1-.3.9H3a.5.5 0 0 1-.3-.9l1.838-1.379c.16-.12.343-.207.537-.255L6.5 13.11v-2.173c-.955-.234-2.043-1.146-2.833-3.012a3 3 0 1 1-1.132-5.89A33.076 33.076 0 0 1 2.5.5zm.099 2.54a2 2 0 0 0 .72 3.935c-.333-1.05-.588-2.346-.72-3.935zm10.083 3.935a2 2 0 0 0 .72-3.935c-.133 1.59-.388 2.885-.72 3.935zM3.504 1c.007.517.026 1.006.056 1.469.13 2.028.457 3.546.87 4.667C5.294 9.48 6.484 10 7 10a.5.5 0 0 1 .5.5v2.61a1 1 0 0 1-.757.97l-1.426.356a.5.5 0 0 0-.179.085L4.5 15h7l-.638-.479a.501.501 0 0 0-.18-.085l-1.425-.356a1 1 0 0 1-.757-.97V10.5A.5.5 0 0 1 9 10c.516 0 1.706-.52 2.57-2.864.413-1.12.74-2.64.87-4.667.03-.463.049-.952.056-1.469H3.504z"></path>
</svg>
</div>
<div>
<h4>Learn from Industry Experts</h4>
<p>Lorem ipsum dolor sit amet, conse ctetur adipisc amus ac iaculis arcu. </p>
</div>
</div>
</div>
<div class="col">
<div class="mb-lg-6 mb-4">
<div class="mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="var(--gk-primary)" class="bi bi-star" viewBox="0 0 16 16">
<path d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z"></path>
</svg>
</div>
<div>
<h4>Free Resources</h4>
<p>Pellentesque sagittis placerat mollii purus onvallis venenatis asapien. </p>
</div>
</div>
</div>
<div class="col">
<div class="mb-4 mb-md-0">
<div class="mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="var(--gk-primary)" class="bi bi-shield-lock" viewBox="0 0 16 16">
<path d="M5.338 1.59a61.44 61.44 0 0 0-2.837.856.481.481 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.725 10.725 0 0 0 2.287 2.233c.346.244.652.42.893.533.12.057.218.095.293.118a.55.55 0 0 0 .101.025.615.615 0 0 0 .1-.025c.076-.023.174-.061.294-.118.24-.113.547-.29.893-.533a10.726 10.726 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z"></path>
<path d="M9.5 6.5a1.5 1.5 0 0 1-1 1.415l.385 1.99a.5.5 0 0 1-.491.595h-.788a.5.5 0 0 1-.49-.595l.384-1.99a1.5 1.5 0 1 1 2-1.415z"></path>
</svg>
</div>
<div>
<h4>Learn Anytime, Anywhere</h4>
<p>Integer ultricies lorem nec erat fau euismod ipsum nislnec leo iaculis</p>
</div>
</div>
</div>
<div class="col">
<div>
<div class="mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="var(--gk-primary)" class="bi bi-nut" viewBox="0 0 16 16">
<path d="m11.42 2 3.428 6-3.428 6H4.58L1.152 8 4.58 2h6.84zM4.58 1a1 1 0 0 0-.868.504l-3.428 6a1 1 0 0 0 0 .992l3.428 6A1 1 0 0 0 4.58 15h6.84a1 1 0 0 0 .868-.504l3.429-6a1 1 0 0 0 0-.992l-3.429-6A1 1 0 0 0 11.42 1H4.58z"></path>
<path d="M6.848 5.933a2.5 2.5 0 1 0 2.5 4.33 2.5 2.5 0 0 0-2.5-4.33zm-1.78 3.915a3.5 3.5 0 1 1 6.061-3.5 3.5 3.5 0 0 1-6.062 3.5z"></path>
</svg>
</div>
<div>
<h4>Skill-based Learning</h4>
<p>Duis sed sollicitudin narcu mi, faucibus in sapien non, auctor placerat arcu.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>Features #3
Geeks Culture
Culture that drives business results
Great workplace is one where employees trust the people they work for, have pride in what they do, and enjoy the people they work with.
Benefits
Our benefits are designed to ensure that you are energized, focused, and thriving, from comprehensive mental health programs.
Growth
Areas of Responsibility empower you to take on big responsibilities across the organization that will challenge you in new ways.
Values
Our values are at the core of who we are . They guide us on how we show up & work together in order to be our best achieve our mission.
Development
You’ll have access to Conscious Leadership training, success guides, anti-bias & harassment training, & free executive coaching.
<div class="py-8">
<!-- container -->
<div class="container">
<div class="row">
<div class="offset-xl-1 col-xl-10 col-12">
<div class="row">
<div class="col-xl-7 col-lg-10 col-md-12 col-12">
<!-- heading -->
<span class="text-uppercase text-primary fw-semibold ls-md">Geeks Culture</span>
<h1 class="display-4 mt-4 mb-4 fw-bold">Culture that drives
business results</h1>
<!-- para -->
<p class="fs-3 mb-5">Great workplace is one where employees trust
the people they work for, have pride in what they
do, and enjoy the people they work with. </p>
</div>
</div>
<div class="mt-8">
<div class="row">
<!-- content -->
<div class="col-lg-6 col-md-6 col-12">
<div class="mb-6 pe-xl-12">
<h3 class="mb-3 fw-bold">Benefits</h3>
<p class="mb-0 fs-4 ">Our benefits are designed to ensure that you are
energized, focused, and thriving, from comprehensive
mental health programs.</p>
</div>
</div>
<!-- content -->
<div class="col-lg-6 col-md-6 col-12">
<div class="mb-6 pe-xl-12">
<h3 class="mb-3 fw-bold">Growth</h3>
<p class="mb-0 fs-4 ">Areas of Responsibility empower you to take on big
<a href="#">responsibilities</a> across the organization that will
challenge you in new ways.
</p>
</div>
</div>
<!-- content -->
<div class="col-lg-6 col-md-6 col-12">
<div class="mb-6 pe-xl-12">
<h3 class="mb-3 fw-bold">Values</h3>
<p class="mb-0 fs-4 ">Our values are at the core of <a href="#">who we are</a>. They guide us
on how we show up & work together in order to be
our best achieve our mission.</p>
</div>
</div>
<!-- content -->
<div class="col-lg-6 col-md-6 col-12">
<div class="mb-6 pe-xl-12">
<h3 class="mb-3 fw-bold">Development</h3>
<p class="mb-0 fs-4 ">You’ll have access to Conscious Leadership training,
success guides, anti-bias & harassment training, &
free executive coaching. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>Features #4
Bullet point Features
The most powerful design for web projects
Donec eget enim volutpat punar turpis at elementum neque.
5-Star Rating
Pellentesque ipsum nulla cursus sodales enim non interdum dignissim quam.
Dedicated Support
Nullam sagittis metus ut lorem efficitur in bibendum augue pharetra.
Quality Documentation coming soon
Nullam sagittis metus ut lorem efficitur in bibendum augue pharetra.
<div class="py-8">
<div class="container">
<div class="row align-items-center">
<!-- col -->
<div class="col-lg-6 col-md-12 col-12">
<!-- content -->
<div class="pe-lg-6 ps-lg-6">
<span class="text-primary ls-md text-uppercase
fw-semibold">Bullet point Features
</span>
<h2 class="display-4 mt-4 mb-3 fw-bold">The most powerful
design for web projects</h2>
<h3>Donec eget enim volutpat punar
turpis at elementum neque.</h3>
<div class="mt-6">
<!-- icon with para -->
<div class="d-flex mb-4">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-star-fill text-primary mt-1" viewBox="0 0 16 16">
<path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
</svg>
</div>
<div class="ms-3">
<!-- content -->
<h3 class="mb-2">5-Star Rating </h3>
<p class="mb-0 fs-4">Pellentesque ipsum nulla cursus
sodales enim non
interdum dignissim quam.
</p>
</div>
</div>
<!-- icon with para -->
<div class="d-flex mb-4">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-life-preserver mt-1 text-primary" viewBox="0 0 16 16">
<path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm6.43-5.228a7.025 7.025 0 0 1-3.658 3.658l-1.115-2.788a4.015 4.015 0 0 0 1.985-1.985l2.788 1.115zM5.228 14.43a7.025 7.025 0 0 1-3.658-3.658l2.788-1.115a4.015 4.015 0 0 0 1.985 1.985L5.228 14.43zm9.202-9.202-2.788 1.115a4.015 4.015 0 0 0-1.985-1.985l1.115-2.788a7.025 7.025 0 0 1 3.658 3.658zm-8.087-.87a4.015 4.015 0 0 0-1.985 1.985L1.57 5.228A7.025 7.025 0 0 1 5.228 1.57l1.115 2.788zM8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
</svg>
</div>
<!-- content -->
<div class="ms-3">
<h3 class="mb-2">Dedicated Support</h3>
<p class="mb-0 fs-4">Nullam sagittis metus ut lorem
efficitur in bibendum
augue pharetra.
</p>
</div>
</div>
<!-- icon with para -->
<div class="d-flex ">
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-file-earmark-text-fill text-primary mt-1" viewBox="0 0 16 16">
<path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM4.5 9a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7zM4 10.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 1 0-1h4a.5.5 0 0 1 0 1h-4z"/>
</svg>
</div>
<!-- content -->
<div class="ms-3">
<h3 class="mb-2 lh-1">Quality Documentation <span
class="badge bg-warning-soft fs-6
text-warning ms-1">coming soon</span></h3>
<p class="mb-0 fs-4">Nullam sagittis metus ut lorem
efficitur in bibendum
augue pharetra.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-12">
<!-- image -->
<div class="mt-4 mt-lg-0">
<img src="../assets/images/svg/featured-img-2.svg" alt="..."
class="img-fluid w-100">
</div>
</div>
</div>
</div>
</div>Features #5
Build fast, launch faster
Build the sites you want with Geeks UI you love
Mauris interdum leo vel eleifend fringilla nibh elit interdc nunc elementum nisi.
- Earnings
- Conversion Rates
- Top security
- High converting
- Easy to use
- 200+ Integrations
<div class="py-8">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-12 col-12">
<!-- image -->
<div class="mb-4 mb-lg-0">
<img src="../assets/images/svg/featured-img-1.svg" alt="..."
class="img-fluid w-100">
</div>
</div>
<div class="col-lg-6 col-md-12 col-12 mt-4 mt-lg-0">
<!-- content -->
<div class="ps-lg-7">
<span class=" text-primary ls-md text-uppercase
fw-semibold">Build fast, launch faster</span>
<h2 class="display-4 mt-4 mb-3 fw-bold">Build the sites you want
with Geeks UI you love</h2>
<h3>Mauris interdum leo vel eleifend fringilla
nibh elit interdc nunc elementum nisi. </h3>
<div class="mt-5 row">
<!-- list -->
<div class="col">
<ul class="list-unstyled fs-4
fw-medium">
<li class="mb-2 d-flex"><span class="me-2"><svg
xmlns="http://www.w3.org/2000/svg" width="14" height="14"
fill="currentColor" class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg></span><span>Earnings </span></li>
<li class="mb-2 d-flex"><span class="me-2"><svg
xmlns="http://www.w3.org/2000/svg" width="14" height="14"
fill="currentColor" class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg></span><span>Conversion Rates</span></li>
<li class="mb-2 d-flex"><span class="me-2"><svg
xmlns="http://www.w3.org/2000/svg" width="14" height="14"
fill="currentColor" class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg></span><span>Top security</span></li>
</ul>
</div>
<div class="col">
<!-- list -->
<ul class="list-unstyled fs-4
fw-medium">
<li class="mb-2 d-flex"><span class="me-2"><svg
xmlns="http://www.w3.org/2000/svg" width="14" height="14"
fill="currentColor" class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg></span><span>High converting</span> </li>
<li class="mb-2 d-flex"><span class="me-2"><svg
xmlns="http://www.w3.org/2000/svg" width="14" height="14"
fill="currentColor" class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg></span><span>Easy to use</span></li>
<li class="mb-2 d-flex"><span class="me-2"><svg
xmlns="http://www.w3.org/2000/svg" width="14" height="14"
fill="currentColor" class="bi bi-check-circle-fill text-success"
viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg></span><span>200+ Integrations</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>Features #6
Easy Setup Process
Vivamus sit amet eros facilisis, suscipit libero eget, elementum diam. Praesent quam.
Quality First
Quality first. All projects are backed by our fanatic support & 100% satisfaction guarantee.
Customizable
Mauris interdum leo vel eleifend fringilla, nibh elit interdum nisi nec porttitor nunc egestas.
Unlimited
Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum velit esse cillum.
<div class="row">
<div class="col-md-6 col-lg-3 col-12">
<!-- featues -->
<div class="mb-6 mb-lg-0 fs-4">
<!-- icon -->
<div class="icon-shape icon-lg bg-primary text-light-primary rounded-circle
text-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
fill="currentColor" class="bi bi-lightning-fill text-white" viewBox="0 0 16 16">
<path
d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641l2.5-8.5z" />
</svg></div>
<h3 class="fw-bold">Easy Setup Process</h3>
<p>Vivamus sit amet eros facilisis,
suscipit libero eget, elementum diam.
Praesent quam.
</p>
</div>
</div>
<div class="col-md-6 col-lg-3 col-12">
<!-- features -->
<div class="mb-6 mb-lg-0 fs-4">
<!-- icon -->
<div class="icon-shape icon-lg bg-primary text-light-primary rounded-circle
text-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
fill="currentColor" class="bi bi-layers-fill text-white" viewBox="0 0 16 16">
<path
d="M7.765 1.559a.5.5 0 0 1 .47 0l7.5 4a.5.5 0 0 1 0 .882l-7.5 4a.5.5 0 0 1-.47 0l-7.5-4a.5.5 0 0 1 0-.882l7.5-4z" />
<path
d="m2.125 8.567-1.86.992a.5.5 0 0 0 0 .882l7.5 4a.5.5 0 0 0 .47 0l7.5-4a.5.5 0 0 0 0-.882l-1.86-.992-5.17 2.756a1.5 1.5 0 0 1-1.41 0l-5.17-2.756z" />
</svg></div>
<h3 class="fw-bold">Quality First</h3>
<p>Quality first. All projects are backed
by our fanatic support & 100%
satisfaction guarantee.
</p>
</div>
</div>
<div class="col-md-6 col-lg-3 col-12">
<!-- features -->
<div class="mb-6 mb-lg-0 fs-4">
<!-- icon -->
<div class="icon-shape icon-lg bg-primary text-light-primary rounded-circle
text-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
fill="currentColor" class="bi bi-phone text-white" viewBox="0 0 16 16">
<path
d="M11 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h6zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z" />
<path d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
</svg></div>
<h3 class="fw-bold">Customizable</h3>
<p>Mauris interdum leo vel eleifend
fringilla, nibh elit interdum nisi nec
porttitor nunc egestas.
</p>
</div>
</div>
<div class="col-md-6 col-lg-3 col-12">
<!-- features -->
<div class="mb-6 mb-lg-0 fs-4">
<!-- icon -->
<div class="icon-shape icon-lg bg-primary text-light-primary rounded-circle
text-center mb-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
fill="currentColor" class="bi bi-infinity text-white" viewBox="0 0 16 16">
<path
d="M5.68 5.792 7.345 7.75 5.681 9.708a2.75 2.75 0 1 1 0-3.916ZM8 6.978 6.416 5.113l-.014-.015a3.75 3.75 0 1 0 0 5.304l.014-.015L8 8.522l1.584 1.865.014.015a3.75 3.75 0 1 0 0-5.304l-.014.015L8 6.978Zm.656.772 1.663-1.958a2.75 2.75 0 1 1 0 3.916L8.656 7.75Z" />
</svg></div>
<h3 class="fw-bold">Unlimited</h3>
<p>Excepteur sint occaecat cupidatat non
proident, sunt in anim id
est laborum velit esse cillum.
</p>
</div>
</div>
</div>Features #7
A simple and powerful experience out of the box.
Everything you need, customize and extend when you need more.
Fast and intuitive
Duis ac ultrices lacus. Nulla pulvinar justo ac ex pulvinar placerat. Curabitur sit amet sagittis sapienlectus.
Contextual feedback
Vivamus gravida sem nec nunc euismod, eu facilisis augue congue. Etiam pharetra aliquet interdum.
Cloud storage
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae consequat interdum.
Well-integrated
Praesent dolor velit, porta id pharetra quis, rutrum vitae velit. In ut neque qnas tristique imperdiet porta.
<div class="py-6">
<div class="container">
<div class="row">
<div class="offset-xl-2 col-xl-8 col-12 ">
<div class="row">
<div class="col-lg-9 col-md-12 col-12 mb-8">
<h2 class="mb-3 display-4 fw-bold ">A simple and powerful
experience out of the box.
</h2>
<p class="h2 ">Everything you need, customize and extend
when you need more.</p>
</div>
<div class="col-lg-12 col-md-12 col-12">
<!-- row -->
<div class="row">
<!-- col -->
<div class="col-md-6 col-12 pe-lg-6 mb-lg-6 mb-4">
<!-- icon -->
<div class="icon-shape icon-lg bg-primary h3 text-white rounded-3 mb-4"><i
class="bi bi-lightning-charge-fill "></i></div>
<!-- heading -->
<h2 class="fw-bold">Fast and intuitive</h2>
<!-- text -->
<p class="fs-4">Duis ac ultrices lacus. Nulla pulvinar justo ac ex
pulvinar placerat. Curabitur sit amet sagittis
sapienlectus.</p>
</div>
<!-- col -->
<div class="col-md-6 col-12 pe-lg-6 mb-lg-6 mb-4">
<!-- icon -->
<div class="icon-shape icon-lg bg-primary h3 text-white rounded-3 mb-4"><i
class="bi bi-chat-fill "></i></div>
<!-- heading -->
<h2 class="fw-bold">Contextual feedback</h2>
<!-- text -->
<p class="fs-4">Vivamus gravida sem nec nunc euismod, eu
facilisis augue congue. Etiam pharetra aliquet
interdum.
</p>
</div>
<!-- col -->
<div class="col-md-6 col-12 pe-lg-6 mb-lg-6 mb-4">
<!-- icon -->
<div class="icon-shape icon-lg bg-primary h3 text-white rounded-3 mb-4"><i
class="bi bi-cloud-fill "></i></div>
<!-- heading -->
<h2 class="fw-bold">Cloud storage</h2>
<!-- text -->
<p class="fs-4">Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia curae consequat interdum.</p>
</div>
<!-- col -->
<div class="col-md-6 col-12 pe-lg-6 mb-lg-6 mb-4">
<!-- icon -->
<div class="icon-shape icon-lg bg-primary h3 text-white rounded-3 mb-4"><i
class="bi bi-grid-fill "></i></div>
<!-- heading -->
<h2 class="fw-bold">Well-integrated</h2>
<!-- text -->
<p class="fs-4">Praesent dolor velit, porta id pharetra quis, rutrum
vitae velit. In ut neque qnas tristique imperdiet
porta.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>