init
This commit is contained in:
@@ -0,0 +1,45 @@
|
||||
<section class="features-1 bg-alternate my-5" aria-label="features-1">
|
||||
<div class="container">
|
||||
<div class="row wrap">
|
||||
<div class="col-md-6 align-self-center">
|
||||
<div class="max-box" data-aos="fade-right">
|
||||
<!--
|
||||
<span class="badge bg-success rounded-pill px-3">new</span>
|
||||
-->
|
||||
<h2 class="display-5 fw-bold">Real time code editor</h2>
|
||||
<div class="mt-4">
|
||||
<p class="lead">Code editor with syntax highglighting that updates in real time.</p>
|
||||
<p class="lead">Use any of the hundreds fonts from google fonts for your design.</p>
|
||||
<p class="lead">Powerful and easy to use drag and drop builder for blogs, websites or ecommerce stores.</p>
|
||||
</div>
|
||||
<a tile="Code editor features" href="/page/about" role="button">
|
||||
<span>Learn More</span>
|
||||
<i class="la la-long-arrow-alt-right ms-1"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<img src="demo/img/team-1.jpg" alt="Macbook" loading="lazy" class="img-fluid shadow" data-aos="fade-left" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5 wrap mt-2">
|
||||
<div class="col-md-6">
|
||||
<img src="demo/img/team-2.jpg" alt="App development" loading="lazy" class="img-fluid shadow" data-aos="fade-right" />
|
||||
</div>
|
||||
<div class="col-md-6 align-self-center">
|
||||
<div class="max-box ms-auto" data-aos="fade-left">
|
||||
<!-- <span class="badge bg-success rounded-pill px-3">on sale</span> -->
|
||||
<h2 class="display-5 fw-bold">Drag and drop page builder</h2>
|
||||
<div class="mt-4">
|
||||
<p class="lead">Intuitive building with simple drag and drop for sections, components and blocks.</p>
|
||||
<p class="lead">The html for sections blocks and components and this template are built using Bootstrap.</p>
|
||||
</div>
|
||||
<a title="Drag and drop" href="/page/about" role="button">
|
||||
<span>Learn More</span>
|
||||
<i class="la la-long-arrow-alt-right ms-1"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,48 @@
|
||||
<section class="features-10 py-5 bg-alternate" aria-label="features-10">
|
||||
<div class="container">
|
||||
<div class="row text-end align-items-center">
|
||||
<div class="col-12 col-md-6 m-auto">
|
||||
<img src="demo/img/team-1.jpg" alt="dog" loading="lazy" class="img-fluid">
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-7 col-lg-5 m-auto text-start pt-5">
|
||||
<div class="row pb-lg-5">
|
||||
<div class="col-3">
|
||||
<img src="demo/img/illustrations.co/107-healthy.svg" alt="healthy" loading="lazy" class="img-fluid">
|
||||
</div>
|
||||
<div class="col-9">
|
||||
<h3>
|
||||
<strong>Drag and drop</strong>
|
||||
</h3>
|
||||
<p>Even the all-powerful Pointing has no control about the blind texts.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row pt-4 pt-md-5 pb-lg-5">
|
||||
<div class="col-3">
|
||||
<img alt="image" src="demo/img/illustrations.co/104-dumbbell.svg" alt="dumbbell" loading="lazy" class="img-fluid">
|
||||
</div>
|
||||
<div class="col-9">
|
||||
<h3>
|
||||
<strong>Live code editor</strong>
|
||||
</h3>
|
||||
<p>Duden flows by their place far far away, behind the word mountains.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row pt-4 pt-md-5">
|
||||
<div class="col-3">
|
||||
<img alt="image" src="demo/img/illustrations.co/109-map-location.svg" alt="map location" loading="lazy" class="img-fluid">
|
||||
</div>
|
||||
<div class="col-9">
|
||||
<h3>
|
||||
<strong>Bootstrap 5 Components</strong>
|
||||
</h3>
|
||||
<p>A small river named Duden flows by their place and supplies it.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,35 @@
|
||||
<section class="features-11 py-5 bg-alternate" aria-label="features-11">
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="col-12 col-md-8 col-lg-4">
|
||||
<div>
|
||||
<img alt="image" src="demo/img/illustrations.co/109-map-location.svg" alt="map location" loading="lazy" class="img-fluid">
|
||||
<h3>Drag and drop</h3>
|
||||
<p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets.</p>
|
||||
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-8 col-lg-4">
|
||||
<div>
|
||||
<img alt="image" src="demo/img/illustrations.co/107-healthy.svg" alt="healthy" loading="lazy" class="img-fluid">
|
||||
<h3>Live code editor</h3>
|
||||
<p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time.</p>
|
||||
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-8 col-lg-4">
|
||||
<div>
|
||||
<img alt="image" src="demo/img/illustrations.co/104-dumbbell.svg" alt="dumbbell" loading="lazy" class="img-fluid">
|
||||
<h3>Bootstrap 5 Components</h3>
|
||||
<p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootstrap 5.</p>
|
||||
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,45 @@
|
||||
<section class="features-1 bg-alternate" aria-label="features-12">
|
||||
<div class="container-fluid g-0">
|
||||
<div class="row g-0 wrap">
|
||||
<div class="col-md-6 align-self-center">
|
||||
<div class="max-box" data-aos="fade-right">
|
||||
<!--
|
||||
<span class="badge bg-success rounded-pill px-3">new</span>
|
||||
-->
|
||||
<h2 class="display-6 fw-semibold">Real time code editor</h2>
|
||||
<div class="mt-4">
|
||||
<p class="lead">Code editor with syntax highglighting that updates in real time.</p>
|
||||
<p class="lead">Use any of the hundreds fonts from google fonts for your design.</p>
|
||||
<p class="lead">Powerful and easy to use drag and drop builder for blogs, websites or ecommerce stores.</p>
|
||||
</div>
|
||||
<a tile="Code editor features" href="/page/about" role="button">
|
||||
<span>Learn More</span>
|
||||
<i class="la la-long-arrow-alt-right ms-1"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<img src="demo/img/team-1.jpg" alt="Macbook" loading="lazy" class="img-fluid w-100" data-aos="fade-right" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-0 wrap">
|
||||
<div class="col-md-6">
|
||||
<img src="demo/img/team-2.jpg" alt="App development" loading="lazy" class="img-fluid w-100" data-aos="fade-right" />
|
||||
</div>
|
||||
<div class="col-md-6 align-self-center">
|
||||
<div class="max-box ms-auto" data-aos="fade-left">
|
||||
<!-- <span class="badge bg-success rounded-pill px-3">on sale</span> -->
|
||||
<h2 class="display-6 fw-semibold">Drag and drop page builder</h2>
|
||||
<div class="mt-4">
|
||||
<p class="lead">Intuitive building with simple drag and drop for sections, components and blocks.</p>
|
||||
<p class="lead">The html for sections blocks and components and this template are built using Bootstrap.</p>
|
||||
</div>
|
||||
<a title="Drag and drop" href="/page/about" role="button">
|
||||
<span>Learn More</span>
|
||||
<i class="la la-long-arrow-alt-right ms-1"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,26 @@
|
||||
<section class="features-1 bg-alternate" aria-label="features-13">
|
||||
<div class="container">
|
||||
<div class="row wrap">
|
||||
<div class="col-md-6 align-self-center">
|
||||
<div class="max-box" data-aos="fade-right">
|
||||
<!--
|
||||
<span class="badge bg-success rounded-pill px-3">new</span>
|
||||
-->
|
||||
<h2 class="display-6 fw-semibold">Real time code editor</h2>
|
||||
<div class="mt-4">
|
||||
<p class="lead">Code editor with syntax highglighting that updates in real time.</p>
|
||||
<p class="lead">Use any of the hundreds fonts from google fonts for your design.</p>
|
||||
<p class="lead">Powerful and easy to use drag and drop builder for blogs, websites or ecommerce stores.</p>
|
||||
</div>
|
||||
<a tile="Code editor features" href="/page/about" role="button">
|
||||
<span>Learn More</span>
|
||||
<i class="la la-long-arrow-alt-right ms-1"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<img src="demo/img/team-1.jpg" alt="Macbook" loading="lazy" class="img-fluid w-100" data-aos="fade-right" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,23 @@
|
||||
<section class="features-1 bg-alternate" aria-label="features-14">
|
||||
<div class="container">
|
||||
<div class="row g-0 wrap">
|
||||
<div class="col-md-6">
|
||||
<img src="demo/img/team-2.jpg" alt="App development" loading="lazy" class="img-fluid w-100" data-aos="fade-right" />
|
||||
</div>
|
||||
<div class="col-md-6 align-self-center">
|
||||
<div class="max-box ms-auto" data-aos="fade-left">
|
||||
<!-- <span class="badge bg-success rounded-pill px-3">on sale</span> -->
|
||||
<h2 class="display-6 fw-semibold">Drag and drop page builder</h2>
|
||||
<div class="mt-4">
|
||||
<p class="lead">Intuitive building with simple drag and drop for sections, components and blocks.</p>
|
||||
<p class="lead">The html for sections blocks and components and this template are built using Bootstrap.</p>
|
||||
</div>
|
||||
<a title="Drag and drop" href="/page/about" role="button">
|
||||
<span>Learn More</span>
|
||||
<i class="la la-long-arrow-alt-right ms-1"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
422
static/Vvvebjs/demo/landing/sections/features/features-15.html
Normal file
422
static/Vvvebjs/demo/landing/sections/features/features-15.html
Normal file
@@ -0,0 +1,422 @@
|
||||
<section aria-label="features-15">
|
||||
<div class="container py-6">
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-center">
|
||||
<div class="text-center text-md-start mb-5">
|
||||
<div>
|
||||
<h1 class="display-5 fw-bold">Services</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row pt-4">
|
||||
<div class="col-md-6 mb-6 mb-md-5">
|
||||
<div class="p-4 card shadow position-relative">
|
||||
<div class="card-body">
|
||||
<div class="position-absolute top-0 mt-n4 bg-primary p-3 rounded-3 shadow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="3em" height="3em" viewBox="0 0 24 24" lc-helper="svg-icon" fill="currentColor" class="text-white">
|
||||
<path d="M4,2A2,2 0 0,0 2,4V14H4V4H14V2H4M8,6A2,2 0 0,0 6,8V18H8V8H18V6H8M20,12V20H12V12H20M20,10H12A2,2 0 0,0 10,12V20A2,2 0 0,0 12,22H20A2,2 0 0,0 22,20V12A2,2 0 0,0 20,10Z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="pt-5 ">
|
||||
<div>
|
||||
|
||||
<h2 class="fw-bold h3">Custom Feature</h2>
|
||||
<p class="rfs-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a lacus est. Etiam diam metus, lobortis non augue at, placerat viverra risus. Cras ornare faucibus laoreet. Aenean vel nisi in ipsum congue fermentum et ut arcu.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-6 mb-md-5">
|
||||
<div class="p-4 card shadow position-relative">
|
||||
<div class="card-body">
|
||||
<div class="position-absolute top-0 mt-n4 bg-primary p-3 rounded-3 shadow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="3em" height="3em" fill="currentColor" class="text-white" viewBox="0 0 16 16" lc-helper="svg-icon">
|
||||
<path d="M1 13.5a.5.5 0 0 0 .5.5h3.797a.5.5 0 0 0 .439-.26L11 3h3.5a.5.5 0 0 0 0-1h-3.797a.5.5 0 0 0-.439.26L5 13H1.5a.5.5 0 0 0-.5.5zm10 0a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="pt-5 ">
|
||||
<div>
|
||||
|
||||
<h2 class="fw-bold h3">Custom Feature</h2>
|
||||
<p class="rfs-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a lacus est. Etiam diam metus, lobortis non augue at, placerat viverra risus. Cras ornare faucibus laoreet. Aenean vel nisi in ipsum congue fermentum et ut arcu.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-4">
|
||||
<div class="col-md-6 mb-6 mb-md-5">
|
||||
<div class="p-4 card shadow position-relative">
|
||||
<div class="card-body">
|
||||
<div class="position-absolute top-0 mt-n4 bg-primary p-3 rounded-3 shadow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="3em" height="3em" fill="currentColor" class="text-white" viewBox="0 0 16 16" lc-helper="svg-icon">
|
||||
<path d="M8.186 1.113a.5.5 0 0 0-.372 0L1.846 3.5l2.404.961L10.404 2l-2.218-.887zm3.564 1.426L5.596 5 8 5.961 14.154 3.5l-2.404-.961zm3.25 1.7-6.5 2.6v7.922l6.5-2.6V4.24zM7.5 14.762V6.838L1 4.239v7.923l6.5 2.6zM7.443.184a1.5 1.5 0 0 1 1.114 0l7.129 2.852A.5.5 0 0 1 16 3.5v8.662a1 1 0 0 1-.629.928l-7.185 2.874a.5.5 0 0 1-.372 0L.63 13.09a1 1 0 0 1-.63-.928V3.5a.5.5 0 0 1 .314-.464L7.443.184z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="pt-5 ">
|
||||
<div>
|
||||
|
||||
<h2 class="fw-bold h3">Custom Feature</h2>
|
||||
<p class="rfs-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a lacus est. Etiam diam metus, lobortis non augue at, placerat viverra risus. Cras ornare faucibus laoreet. Aenean vel nisi in ipsum congue fermentum et ut arcu.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-6 mb-md-5">
|
||||
<div class="p-4 card shadow position-relative">
|
||||
<div class="card-body">
|
||||
<div class="position-absolute top-0 mt-n4 bg-primary p-3 rounded-3 shadow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="3em" height="3em" fill="currentColor" class="text-white" viewBox="0 0 16 16" lc-helper="svg-icon">
|
||||
<path d="m7.788 2.34-.799 1.278A.25.25 0 0 0 7.201 4h1.598a.25.25 0 0 0 .212-.382l-.799-1.279a.25.25 0 0 0-.424 0Zm0 11.32-.799-1.277A.25.25 0 0 1 7.201 12h1.598a.25.25 0 0 1 .212.383l-.799 1.278a.25.25 0 0 1-.424 0ZM3.617 9.01 2.34 8.213a.25.25 0 0 1 0-.424l1.278-.799A.25.25 0 0 1 4 7.201V8.8a.25.25 0 0 1-.383.212Zm10.043-.798-1.277.799A.25.25 0 0 1 12 8.799V7.2a.25.25 0 0 1 .383-.212l1.278.799a.25.25 0 0 1 0 .424Z"></path>
|
||||
<path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v3a.5.5 0 0 1-.5.5h-3A1.5 1.5 0 0 0 0 6.5v3A1.5 1.5 0 0 0 1.5 11h3a.5.5 0 0 1 .5.5v3A1.5 1.5 0 0 0 6.5 16h3a1.5 1.5 0 0 0 1.5-1.5v-3a.5.5 0 0 1 .5-.5h3A1.5 1.5 0 0 0 16 9.5v-3A1.5 1.5 0 0 0 14.5 5h-3a.5.5 0 0 1-.5-.5v-3A1.5 1.5 0 0 0 9.5 0h-3ZM6 1.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3A1.5 1.5 0 0 0 11.5 6h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a1.5 1.5 0 0 0-1.5 1.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3A1.5 1.5 0 0 0 4.5 10h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5h3A1.5 1.5 0 0 0 6 4.5v-3Z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="pt-5 ">
|
||||
<div>
|
||||
|
||||
<h2 class="fw-bold h3">Custom Feature</h2>
|
||||
<p class="rfs-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a lacus est. Etiam diam metus, lobortis non augue at, placerat viverra risus. Cras ornare faucibus laoreet. Aenean vel nisi in ipsum congue fermentum et ut arcu.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-4">
|
||||
<div class="col-md-6 mb-6 mb-md-5">
|
||||
<div class="p-4 card shadow position-relative">
|
||||
<div class="card-body">
|
||||
<div class="position-absolute top-0 mt-n4 bg-primary p-3 rounded-3 shadow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="3em" height="3em" fill="currentColor" class="text-white" viewBox="0 0 16 16" lc-helper="svg-icon">
|
||||
<path d="M2.114 8.063V7.9c1.005-.102 1.497-.615 1.497-1.6V4.503c0-1.094.39-1.538 1.354-1.538h.273V2h-.376C3.25 2 2.49 2.759 2.49 4.352v1.524c0 1.094-.376 1.456-1.49 1.456v1.299c1.114 0 1.49.362 1.49 1.456v1.524c0 1.593.759 2.352 2.372 2.352h.376v-.964h-.273c-.964 0-1.354-.444-1.354-1.538V9.663c0-.984-.492-1.497-1.497-1.6zM13.886 7.9v.163c-1.005.103-1.497.616-1.497 1.6v1.798c0 1.094-.39 1.538-1.354 1.538h-.273v.964h.376c1.613 0 2.372-.759 2.372-2.352v-1.524c0-1.094.376-1.456 1.49-1.456V7.332c-1.114 0-1.49-.362-1.49-1.456V4.352C13.51 2.759 12.75 2 11.138 2h-.376v.964h.273c.964 0 1.354.444 1.354 1.538V6.3c0 .984.492 1.497 1.497 1.6z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="pt-5 ">
|
||||
<div>
|
||||
|
||||
<h2 class="fw-bold h3">Custom Feature</h2>
|
||||
<p class="rfs-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a lacus est. Etiam diam metus, lobortis non augue at, placerat viverra risus. Cras ornare faucibus laoreet. Aenean vel nisi in ipsum congue fermentum et ut arcu.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 mb-6 mb-md-5">
|
||||
<div class="p-4 card shadow position-relative">
|
||||
<div class="card-body">
|
||||
<div class="position-absolute top-0 mt-n4 bg-primary p-3 rounded-3 shadow">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="3em" height="3em" fill="currentColor" class="text-white" viewBox="0 0 16 16" lc-helper="svg-icon">
|
||||
<path d="M6 0a.5.5 0 0 1 .5.5V3h3V.5a.5.5 0 0 1 1 0V3h1a.5.5 0 0 1 .5.5v3A3.5 3.5 0 0 1 8.5 10c-.002.434-.01.845-.04 1.22-.041.514-.126 1.003-.317 1.424a2.083 2.083 0 0 1-.97 1.028C6.725 13.9 6.169 14 5.5 14c-.998 0-1.61.33-1.974.718A1.922 1.922 0 0 0 3 16H2c0-.616.232-1.367.797-1.968C3.374 13.42 4.261 13 5.5 13c.581 0 .962-.088 1.218-.219.241-.123.4-.3.514-.55.121-.266.193-.621.23-1.09.027-.34.035-.718.037-1.141A3.5 3.5 0 0 1 4 6.5v-3a.5.5 0 0 1 .5-.5h1V.5A.5.5 0 0 1 6 0zM5 4v2.5A2.5 2.5 0 0 0 7.5 9h1A2.5 2.5 0 0 0 11 6.5V4H5z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="pt-5 ">
|
||||
<div>
|
||||
|
||||
<h2 class="fw-bold h3">Custom Feature</h2>
|
||||
<p class="rfs-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a lacus est. Etiam diam metus, lobortis non augue at, placerat viverra risus. Cras ornare faucibus laoreet. Aenean vel nisi in ipsum congue fermentum et ut arcu.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="bg-body-tertiary ">
|
||||
<div class="container py-5">
|
||||
<div class="row mb-4">
|
||||
<div class="col-md-12 text-center">
|
||||
<div class="text-center text-md-end mb-5">
|
||||
<div>
|
||||
<h1 class="display-5 fw-bold">Our Loved Testimonials</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-8 col-lg-4 mb-4">
|
||||
<div class="card border-0 shadow">
|
||||
<div class="card-body py-4">
|
||||
<div class="d-flex">
|
||||
<img style="width:48px;height:48px" src="https://images.unsplash.com/photo-1527980965255-d3b416303d12?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8M3x8YXZhdGFyfGVufDB8Mnx8fDE2Mzg4OTExNTE&ixlib=rb-1.2.1&q=80&w=1080&h=1080" alt="Photo by Nicolas Horn" class="rounded-2 shadow" srcset="https://images.unsplash.com/photo-1527980965255-d3b416303d12?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8M3x8YXZhdGFyfGVufDB8Mnx8fDE2Mzg4OTExNTE&ixlib=rb-1.2.1&q=80&w=1080&h=1080 1080w, https://images.unsplash.com/photo-1527980965255-d3b416303d12??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8M3x8YXZhdGFyfGVufDB8Mnx8fDE2Mzg4OTExNTE&ixlib=rb-1.2.1&q=80&w=150 150w, https://images.unsplash.com/photo-1527980965255-d3b416303d12??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8M3x8YXZhdGFyfGVufDB8Mnx8fDE2Mzg4OTExNTE&ixlib=rb-1.2.1&q=80&w=300 300w, https://images.unsplash.com/photo-1527980965255-d3b416303d12??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8M3x8YXZhdGFyfGVufDB8Mnx8fDE2Mzg4OTExNTE&ixlib=rb-1.2.1&q=80&w=768 768w, https://images.unsplash.com/photo-1527980965255-d3b416303d12??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8M3x8YXZhdGFyfGVufDB8Mnx8fDE2Mzg4OTExNTE&ixlib=rb-1.2.1&q=80&w=1024 1024w" sizes="(max-width: 1080px) 100vw, 1080px" width="1080" height="1080">
|
||||
<div class="ps-2">
|
||||
<h4 editable="inline" class="rfs-7 ms-2">Mathew Glock</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4 text-muted">
|
||||
<div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rating mt-3 text-success">
|
||||
<div class="">
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8 col-lg-4 mb-4">
|
||||
<div class="card border-0 shadow">
|
||||
<div class="card-body py-4">
|
||||
<div class="d-flex">
|
||||
<img style="width:48px;height:48px" src="https://images.unsplash.com/photo-1628157588553-5eeea00af15c?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8NHx8YXZhdGFyfGVufDB8Mnx8fDE2Mzg4OTExNTE&ixlib=rb-1.2.1&q=80&w=1080&h=1080" alt="Photo by Leio McLaren" class="rounded-2 shadow" srcset="https://images.unsplash.com/photo-1628157588553-5eeea00af15c?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8NHx8YXZhdGFyfGVufDB8Mnx8fDE2Mzg4OTExNTE&ixlib=rb-1.2.1&q=80&w=1080&h=1080 1080w, https://images.unsplash.com/photo-1628157588553-5eeea00af15c??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8NHx8YXZhdGFyfGVufDB8Mnx8fDE2Mzg4OTExNTE&ixlib=rb-1.2.1&q=80&w=150 150w, https://images.unsplash.com/photo-1628157588553-5eeea00af15c??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8NHx8YXZhdGFyfGVufDB8Mnx8fDE2Mzg4OTExNTE&ixlib=rb-1.2.1&q=80&w=300 300w, https://images.unsplash.com/photo-1628157588553-5eeea00af15c??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8NHx8YXZhdGFyfGVufDB8Mnx8fDE2Mzg4OTExNTE&ixlib=rb-1.2.1&q=80&w=768 768w, https://images.unsplash.com/photo-1628157588553-5eeea00af15c??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8NHx8YXZhdGFyfGVufDB8Mnx8fDE2Mzg4OTExNTE&ixlib=rb-1.2.1&q=80&w=1024 1024w" sizes="(max-width: 1080px) 100vw, 1080px" width="1080" height="1080">
|
||||
<div class="ps-2">
|
||||
<h4 editable="inline" class="rfs-7 ms-2">Tahmid William <p></p>
|
||||
<p></p>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4 text-muted">
|
||||
<div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et metus id ligula malesuada placerat sit amet quis enim. Aliquam erat volutpat.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rating mt-3 text-success">
|
||||
<div class="">
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8 col-lg-4 mb-4">
|
||||
<div class="card border-0 shadow">
|
||||
<div class="card-body py-4">
|
||||
<div class="d-flex">
|
||||
<img style="width:48px;height:48px" src="https://images.unsplash.com/photo-1595152452543-e5fc28ebc2b8?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8MTh8fGZhY2V8ZW58MHwyfHx8MTYzODg5MTA3MA&ixlib=rb-1.2.1&q=80&w=1080&h=1080" alt="Photo by Amir Seilsepour" class="rounded-2 shadow" srcset="https://images.unsplash.com/photo-1595152452543-e5fc28ebc2b8?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8MTh8fGZhY2V8ZW58MHwyfHx8MTYzODg5MTA3MA&ixlib=rb-1.2.1&q=80&w=1080&h=1080 1080w, https://images.unsplash.com/photo-1595152452543-e5fc28ebc2b8??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8MTh8fGZhY2V8ZW58MHwyfHx8MTYzODg5MTA3MA&ixlib=rb-1.2.1&q=80&w=150 150w, https://images.unsplash.com/photo-1595152452543-e5fc28ebc2b8??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8MTh8fGZhY2V8ZW58MHwyfHx8MTYzODg5MTA3MA&ixlib=rb-1.2.1&q=80&w=300 300w, https://images.unsplash.com/photo-1595152452543-e5fc28ebc2b8??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8MTh8fGZhY2V8ZW58MHwyfHx8MTYzODg5MTA3MA&ixlib=rb-1.2.1&q=80&w=768 768w, https://images.unsplash.com/photo-1595152452543-e5fc28ebc2b8??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8MTh8fGZhY2V8ZW58MHwyfHx8MTYzODg5MTA3MA&ixlib=rb-1.2.1&q=80&w=1024 1024w" sizes="(max-width: 1080px) 100vw, 1080px" width="1080" height="1080">
|
||||
<div class="ps-2">
|
||||
<h4 editable="inline" class="rfs-7 ms-2">Jarvis Ridley <p></p>
|
||||
<p></p>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4 text-muted">
|
||||
<div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rating mt-3 text-success">
|
||||
<div class="">
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-8 col-lg-4 mb-4">
|
||||
<div class="card border-0 shadow">
|
||||
<div class="card-body py-4">
|
||||
<div class="d-flex">
|
||||
<img style="width:48px;height:48px" src="https://images.unsplash.com/photo-1542909168-82c3e7fdca5c?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8MXx8ZmFjZXxlbnwwfDJ8fHwxNjM4ODkxMDU2&ixlib=rb-1.2.1&q=80&w=1080&h=1080" alt="Photo by Imansyah Muhamad Putera" class="rounded-2 shadow" srcset="https://images.unsplash.com/photo-1542909168-82c3e7fdca5c?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8MXx8ZmFjZXxlbnwwfDJ8fHwxNjM4ODkxMDU2&ixlib=rb-1.2.1&q=80&w=1080&h=1080 1080w, https://images.unsplash.com/photo-1542909168-82c3e7fdca5c??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8MXx8ZmFjZXxlbnwwfDJ8fHwxNjM4ODkxMDU2&ixlib=rb-1.2.1&q=80&w=150 150w, https://images.unsplash.com/photo-1542909168-82c3e7fdca5c??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8MXx8ZmFjZXxlbnwwfDJ8fHwxNjM4ODkxMDU2&ixlib=rb-1.2.1&q=80&w=300 300w, https://images.unsplash.com/photo-1542909168-82c3e7fdca5c??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8MXx8ZmFjZXxlbnwwfDJ8fHwxNjM4ODkxMDU2&ixlib=rb-1.2.1&q=80&w=768 768w, https://images.unsplash.com/photo-1542909168-82c3e7fdca5c??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8MXx8ZmFjZXxlbnwwfDJ8fHwxNjM4ODkxMDU2&ixlib=rb-1.2.1&q=80&w=1024 1024w" sizes="(max-width: 1080px) 100vw, 1080px" width="1080" height="1080">
|
||||
<div class="ps-2">
|
||||
<h4 editable="inline" class="rfs-7 ms-2">Bronwen Baxter <p></p>
|
||||
<p></p>
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4 text-muted">
|
||||
<div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rating mt-3 text-success">
|
||||
<div class="">
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8 col-lg-4 mb-4">
|
||||
<div class="card border-0 shadow">
|
||||
<div class="card-body py-4">
|
||||
<div class="d-flex">
|
||||
<img style="width:48px;height:48px" src="https://images.unsplash.com/photo-1579503841516-e0bd7fca5faa?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8NXx8ZmFjZXxlbnwwfDJ8fHwxNjM4ODkxMDU2&ixlib=rb-1.2.1&q=80&w=1080&h=1080" alt="Photo by Conor OBrien" class="rounded-2 shadow" srcset="https://images.unsplash.com/photo-1579503841516-e0bd7fca5faa?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8NXx8ZmFjZXxlbnwwfDJ8fHwxNjM4ODkxMDU2&ixlib=rb-1.2.1&q=80&w=1080&h=1080 1080w, https://images.unsplash.com/photo-1579503841516-e0bd7fca5faa??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8NXx8ZmFjZXxlbnwwfDJ8fHwxNjM4ODkxMDU2&ixlib=rb-1.2.1&q=80&w=150 150w, https://images.unsplash.com/photo-1579503841516-e0bd7fca5faa??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8NXx8ZmFjZXxlbnwwfDJ8fHwxNjM4ODkxMDU2&ixlib=rb-1.2.1&q=80&w=300 300w, https://images.unsplash.com/photo-1579503841516-e0bd7fca5faa??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8NXx8ZmFjZXxlbnwwfDJ8fHwxNjM4ODkxMDU2&ixlib=rb-1.2.1&q=80&w=768 768w, https://images.unsplash.com/photo-1579503841516-e0bd7fca5faa??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8NXx8ZmFjZXxlbnwwfDJ8fHwxNjM4ODkxMDU2&ixlib=rb-1.2.1&q=80&w=1024 1024w" sizes="(max-width: 1080px) 100vw, 1080px" width="1080" height="1080">
|
||||
<div class="ps-2">
|
||||
<h4 editable="inline" class="rfs-7 ms-2">
|
||||
Nadir Chandler
|
||||
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4 text-muted">
|
||||
<div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc et metus id ligula malesuada placerat sit amet quis enim. Aliquam erat volutpat.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rating mt-3 text-success">
|
||||
<div class="">
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-8 col-lg-4 mb-4">
|
||||
<div class="card border-0 shadow">
|
||||
<div class="card-body py-4">
|
||||
<div class="d-flex">
|
||||
<img style="width:48px;height:48px" src="https://images.unsplash.com/photo-1584308972272-9e4e7685e80f?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8Nnx8ZmFjZXxlbnwwfDJ8fHwxNjM4ODkxMDU2&ixlib=rb-1.2.1&q=80&w=1080&h=1080" alt="Photo by Daniil Lobachev" class="rounded-2 shadow" srcset="https://images.unsplash.com/photo-1584308972272-9e4e7685e80f?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8Nnx8ZmFjZXxlbnwwfDJ8fHwxNjM4ODkxMDU2&ixlib=rb-1.2.1&q=80&w=1080&h=1080 1080w, https://images.unsplash.com/photo-1584308972272-9e4e7685e80f??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8Nnx8ZmFjZXxlbnwwfDJ8fHwxNjM4ODkxMDU2&ixlib=rb-1.2.1&q=80&w=150 150w, https://images.unsplash.com/photo-1584308972272-9e4e7685e80f??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8Nnx8ZmFjZXxlbnwwfDJ8fHwxNjM4ODkxMDU2&ixlib=rb-1.2.1&q=80&w=300 300w, https://images.unsplash.com/photo-1584308972272-9e4e7685e80f??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8Nnx8ZmFjZXxlbnwwfDJ8fHwxNjM4ODkxMDU2&ixlib=rb-1.2.1&q=80&w=768 768w, https://images.unsplash.com/photo-1584308972272-9e4e7685e80f??crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=MnwzNzg0fDB8MXxzZWFyY2h8Nnx8ZmFjZXxlbnwwfDJ8fHwxNjM4ODkxMDU2&ixlib=rb-1.2.1&q=80&w=1024 1024w" sizes="(max-width: 1080px) 100vw, 1080px" width="1080" height="1080">
|
||||
<div class="ps-2">
|
||||
<h4 editable="inline" class="rfs-7 ms-2">
|
||||
Samira Goldsmith
|
||||
|
||||
</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-4 text-muted">
|
||||
<div>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rating mt-3 text-success">
|
||||
<div class="">
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
<svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon">
|
||||
<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.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<div class="container py-5">
|
||||
<div class="row min-vh-50 align-items-center justify-content-center">
|
||||
<div class="col-lg-9 col-xl-8 text-center text-white p-5 bg-primary">
|
||||
<div class="mb-4">
|
||||
<div>
|
||||
<h2 class="display-3 fw-bolder">Reach us</h2>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do
|
||||
<br> eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
<a class="btn btn-lg btn-light" href="https://goo.gl/maps/zy3NkDKV3x4iyUkL9" role="button">VIEW MAP</a>
|
||||
</div>
|
||||
<div class="border-top col-md-6 offset-md-3">
|
||||
<div>
|
||||
<h2 class="fw-bolder">
|
||||
<br>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-4">
|
||||
<div>
|
||||
<h2 class="fw-bolder">Working Hours</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="">
|
||||
<div>
|
||||
<p>Monday to Friday: 07:00 – 19:45</p>
|
||||
<p>Saturday to Sunday: 11:00 – 17:00</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,73 @@
|
||||
<section aria-label="features-16">
|
||||
<div class="container py-4 py-lg-6">
|
||||
<div class="row align-items-center flex-lg-row-reverse">
|
||||
<div class="col-lg-6 mb-5 mb-lg-0 ">
|
||||
<div class="px-4">
|
||||
<div class="position-relative">
|
||||
<div class="position-absolute top-0 start-0 w-100 h-100 bg-dark mt-4 ms-4"> </div>
|
||||
|
||||
<img class="position-relative img-fluid" src="demo/img/team-1.jpg" alt="Team 1">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 ">
|
||||
<div class="mb-4">
|
||||
<div editable="rich">
|
||||
|
||||
<h2 class="fw-bold display-5">Lorem ipsum dolor sit amet, consectetur.</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
<div editable="rich">
|
||||
|
||||
|
||||
<p class="lead text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a lacus est. Etiam diam metus, lobortis non augue at, placerat viverra risus. Cras ornare faucibus laoreet.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-sm-flex align-items-center mb-4 overflow-hidden position-relative">
|
||||
<div class="d-inline-flex">
|
||||
<div>
|
||||
<svg width="1.5em" height="1.5em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon" class="text-success">
|
||||
<path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path>
|
||||
<path fill-rule="evenodd" d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.236.236 0 0 1 .02-.022z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="ms-3 align-self-center" editable="rich">
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-sm-flex align-items-center mb-4">
|
||||
<div class="d-inline-flex">
|
||||
<div>
|
||||
<svg width="1.5em" height="1.5em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon" class="text-success">
|
||||
<path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path>
|
||||
<path fill-rule="evenodd" d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.236.236 0 0 1 .02-.022z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="ms-3 align-self-center" editable="rich">
|
||||
<p>Suspendisse a lacus est</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-sm-flex align-items-center mb-4">
|
||||
<div class="d-inline-flex">
|
||||
<div>
|
||||
<svg width="1.5em" height="1.5em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" lc-helper="svg-icon" class="text-success">
|
||||
<path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"></path>
|
||||
<path fill-rule="evenodd" d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.236.236 0 0 1 .02-.022z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<div class="ms-3 align-self-center" editable="rich">
|
||||
<p>Etiam diam metus, lobortis non augue at</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,93 @@
|
||||
<section aria-label="features-17">
|
||||
<div class="container py-4 py-md-6">
|
||||
<div class="row mb-4">
|
||||
<div class="col-md-12">
|
||||
<div class="text-center mb-4">
|
||||
<div editable="rich">
|
||||
<h2 class="display-2 fw-bolder">Features</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div editable="rich">
|
||||
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
<br>Suspendisse a lacus est.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /-->
|
||||
</div>
|
||||
<!-- /col -->
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-6 col-xl-3 mb-4">
|
||||
<div class="text-center ">
|
||||
<div class="rounded-circle d-flex justify-content-center align-items-center mx-auto mb-4 bg-body-tertiary bg-body-tertiary " style="width:72px;
|
||||
height:72px;
|
||||
">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" fill="currentColor" viewBox="0 0 16 16" style="" lc-helper="svg-icon" class="text-primary">
|
||||
<path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5Zm-7.839 9.166v.522c0 .256-.039.47-.117.641a.861.861 0 0 1-.322.387.877.877 0 0 1-.469.126.883.883 0 0 1-.471-.126.868.868 0 0 1-.32-.386 1.55 1.55 0 0 1-.117-.642v-.522c0-.257.04-.471.117-.641a.868.868 0 0 1 .32-.387.868.868 0 0 1 .471-.129c.176 0 .332.043.469.13a.861.861 0 0 1 .322.386c.078.17.117.384.117.641Zm.803.519v-.513c0-.377-.068-.7-.205-.972a1.46 1.46 0 0 0-.589-.63c-.254-.147-.56-.22-.917-.22-.355 0-.662.073-.92.22a1.441 1.441 0 0 0-.589.627c-.136.271-.205.596-.205.975v.513c0 .375.069.7.205.973.137.271.333.48.59.627.257.144.564.216.92.216.357 0 .662-.072.916-.216.256-.147.452-.356.59-.627.136-.274.204-.598.204-.973ZM0 11.926v4h1.459c.402 0 .735-.08.999-.238a1.45 1.45 0 0 0 .595-.689c.13-.3.196-.662.196-1.084 0-.42-.065-.778-.196-1.075a1.426 1.426 0 0 0-.59-.68c-.263-.156-.598-.234-1.004-.234H0Zm.791.645h.563c.248 0 .45.05.609.152a.89.89 0 0 1 .354.454c.079.201.118.452.118.753a2.3 2.3 0 0 1-.068.592 1.141 1.141 0 0 1-.196.422.8.8 0 0 1-.334.252 1.298 1.298 0 0 1-.483.082H.79V12.57Zm7.422.483a1.732 1.732 0 0 0-.103.633v.495c0 .246.034.455.103.627a.834.834 0 0 0 .298.393.845.845 0 0 0 .478.131.868.868 0 0 0 .401-.088.699.699 0 0 0 .273-.248.8.8 0 0 0 .117-.364h.765v.076a1.268 1.268 0 0 1-.226.674c-.137.194-.32.345-.55.454a1.81 1.81 0 0 1-.786.164c-.36 0-.664-.072-.914-.216a1.424 1.424 0 0 1-.571-.627c-.13-.272-.194-.597-.194-.976v-.498c0-.379.066-.705.197-.978.13-.274.321-.485.571-.633.252-.149.556-.223.911-.223.219 0 .421.032.607.097.187.062.35.153.489.272a1.326 1.326 0 0 1 .466.964v.073H9.78a.85.85 0 0 0-.12-.38.7.7 0 0 0-.273-.261.802.802 0 0 0-.398-.097.814.814 0 0 0-.475.138.868.868 0 0 0-.301.398Z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="">
|
||||
<div editable="rich">
|
||||
<h5 class="">Lorem ipsum</h5>
|
||||
<p class="text-muted">Take care to develop resources continually and integrity them with previous projects.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-xl-3 mb-4">
|
||||
<div class="text-center ">
|
||||
<div class="rounded-circle d-flex justify-content-center align-items-center mx-auto mb-4 bg-body-tertiary " style="width:72px;
|
||||
height:72px;
|
||||
">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" fill="currentColor" class="text-success" viewBox="0 0 16 16" style="" lc-helper="svg-icon">
|
||||
<path d="M11 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h1V7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7h1V2zm1 12h2V2h-2v12zm-3 0V7H7v7h2zm-5 0v-3H2v3h2z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="">
|
||||
<div editable="rich">
|
||||
<h5 class="">Lorem ipsum</h5>
|
||||
<p class="text-muted">Take care to develop resources continually and integrity them with previous projects.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-xl-3 mb-4">
|
||||
<div class="text-center ">
|
||||
<div class="rounded-circle d-flex justify-content-center align-items-center mx-auto mb-4 bg-body-tertiary " style="width:72px;
|
||||
height:72px;
|
||||
">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" fill="currentColor" class="text-danger" viewBox="0 0 16 16" style="" lc-helper="svg-icon">
|
||||
<path d="M3.05 3.05a7 7 0 0 0 0 9.9.5.5 0 0 1-.707.707 8 8 0 0 1 0-11.314.5.5 0 0 1 .707.707zm2.122 2.122a4 4 0 0 0 0 5.656.5.5 0 1 1-.708.708 5 5 0 0 1 0-7.072.5.5 0 0 1 .708.708zm5.656-.708a.5.5 0 0 1 .708 0 5 5 0 0 1 0 7.072.5.5 0 1 1-.708-.708 4 4 0 0 0 0-5.656.5.5 0 0 1 0-.708zm2.122-2.12a.5.5 0 0 1 .707 0 8 8 0 0 1 0 11.313.5.5 0 0 1-.707-.707 7 7 0 0 0 0-9.9.5.5 0 0 1 0-.707zM6 8a2 2 0 1 1 2.5 1.937V15.5a.5.5 0 0 1-1 0V9.937A2 2 0 0 1 6 8z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="">
|
||||
<div editable="rich">
|
||||
<h5 class="">Lorem ipsum</h5>
|
||||
<p class="text-muted">Take care to develop resources continually and integrity them with previous projects.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-xl-3 mb-4">
|
||||
<div class="text-center ">
|
||||
<div class="rounded-circle d-flex justify-content-center align-items-center mx-auto mb-4 bg-body-tertiary " style="width:72px;
|
||||
height:72px;
|
||||
">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" fill="currentColor" class="text-info" viewBox="0 0 16 16" style="" lc-helper="svg-icon">
|
||||
<path d="M14.082 2.182a.5.5 0 0 1 .103.557L8.528 15.467a.5.5 0 0 1-.917-.007L5.57 10.694.803 8.652a.5.5 0 0 1-.006-.916l12.728-5.657a.5.5 0 0 1 .556.103zM2.25 8.184l3.897 1.67a.5.5 0 0 1 .262.263l1.67 3.897L12.743 3.52 2.25 8.184z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="">
|
||||
<div editable="rich">
|
||||
<h5 class="">Lorem ipsum</h5>
|
||||
<p class="text-muted">Take care to develop resources continually and integrity them with previous projects.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
@@ -0,0 +1,66 @@
|
||||
<section aria-label="features-18">
|
||||
<div class="container">
|
||||
<div class="row row-cols-1 row-cols-lg-3 align-items-stretch g-4 py-5">
|
||||
<div class="col">
|
||||
<div class="card card-cover h-100 overflow-hidden text-white bg-dark rounded-5 shadow-lg position-relative">
|
||||
<div class="d-flex flex-column h-100 p-5 pb-3 text-white text-shadow-1 z-2">
|
||||
<div class="pt-5 mt-5 mb-4">
|
||||
<div>
|
||||
<h2 class="display-6 lh-1 fw-bold">Much longer title that wraps to multiple lines</h2>
|
||||
<p>Quickly design and customize responsive mobile-first sites with Bootstrap.</p>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="d-flex list-unstyled mt-auto ms-auto">
|
||||
<a class="btn btn-link btn-sm text-white " href="#" role="button">Read more</a>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="overlay z-1"></div>
|
||||
<div class="background-container z-0">
|
||||
<img src="demo/img/team-1.jpg">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<div class="card card-cover h-100 overflow-hidden text-white bg-dark rounded-5 shadow-lg position-relative">
|
||||
<div class="d-flex flex-column h-100 p-5 pb-3 text-white text-shadow-1 z-2">
|
||||
<div class="pt-5 mt-5 mb-4">
|
||||
<div>
|
||||
<h2 class="display-6 lh-1 fw-bold">Much longer title that wraps to multiple lines</h2>
|
||||
<p>Quickly design and customize responsive mobile-first sites with Bootstrap.</p>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="d-flex list-unstyled mt-auto ms-auto">
|
||||
<a class="btn btn-link btn-sm text-white " href="#" role="button">Read more</a>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="overlay z-1"></div>
|
||||
<div class="background-container z-0">
|
||||
<img src="demo/img/team-2.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
<div class="card card-cover h-100 overflow-hidden text-white bg-dark rounded-5 shadow-lg position-relative">
|
||||
<div class="d-flex flex-column h-100 p-5 pb-3 text-white text-shadow-1 z-2">
|
||||
<div class="pt-5 mt-5 mb-4">
|
||||
<div>
|
||||
<h2 class="display-6 lh-1 fw-bold">Much longer title that wraps to multiple lines</h2>
|
||||
<p>Quickly design and customize responsive mobile-first sites with Bootstrap.</p>
|
||||
</div>
|
||||
</div>
|
||||
<ul class="d-flex list-unstyled mt-auto ms-auto">
|
||||
<a class="btn btn-link btn-sm text-white " href="#" role="button">Read more</a>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="overlay z-1"></div>
|
||||
<div class="background-container z-0">
|
||||
<img src="demo/img/team-1.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,36 @@
|
||||
<section aria-label="features-19">
|
||||
<div class="container py-5">
|
||||
<div class="row mb-3">
|
||||
<div class="col-lg-8 mx-auto text-center">
|
||||
<div class="mb-4">
|
||||
<div>
|
||||
<p>MARKETING</p>
|
||||
<h1 class="display-2 fw-semibold">Get more clients</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div>
|
||||
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam velit temporibus impedit maxime repellendus esse tempore odio voluptatum iusto consectetur voluptates.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mb-4 ">
|
||||
<div class="col-lg-10 mx-auto text-center">
|
||||
|
||||
<div class="rounded-4 position-relative overflow-hidden">
|
||||
<img class="img-fluid w-100 shadow" src="demo/img/team-1.jpg" alt="Team 1">
|
||||
<a class="position-absolute top-50 start-50 translate-middle glightbox d-flex justify-content-center align-items-center z-2" href="https://www.youtube.com/watch?v=rPbrR6b6ZYs">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="5em" height="5em" fill="currentColor" class="" viewBox="0 0 16 16" lc-helper="svg-icon">
|
||||
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z"></path>
|
||||
</svg>
|
||||
</a>
|
||||
<div class="overlay z-1"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,35 @@
|
||||
<section class="features-2 py-5 bg-alternate" aria-label="features-2">
|
||||
|
||||
<div class="row no-gutters">
|
||||
<div class="col-lg-6">
|
||||
<img alt="image" src="demo/img/team-1.jpg" alt="happy cat" loading="lazy" class="img-fluid">
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 bg-primary bg-gradient text-white d-flex">
|
||||
|
||||
<div class="text-box align-self-center">
|
||||
<h3 class="text-white mb-3">Code editor with syntax highlighting that updates in real time</h3>
|
||||
<p>The html for sections blocks and components and this template are built using Bootstrap 5</p>
|
||||
<ul class="list-block">
|
||||
<li class="my-2">
|
||||
<span>Intuitive building with simple drag and drop for sections, components and blocks/snippets.</span>
|
||||
</span>
|
||||
</li>
|
||||
<li class="my-2">
|
||||
<span>Code editor with syntax highglighting that updates in real time.</span>
|
||||
</li>
|
||||
<li class="my-2">
|
||||
<span>Search and insert CCO images directly into the page. </span>
|
||||
</li>
|
||||
<li class="my-2">
|
||||
<span>The html for sections blocks and components and this template are built using bootstrap 5.</span>
|
||||
</li>
|
||||
</ul>
|
||||
<a class="btn btn-outline-light mt-3">
|
||||
<span>Learn More</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,72 @@
|
||||
<section class="features-3 py-5 bg-alternate" aria-label="features-3">
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-6 d-flex align-items-center">
|
||||
<div class="row">
|
||||
<div class="col-md-12 mb-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="72" height="72" color="#1064ea" fill="#fff">
|
||||
<polyline points="336 176 225.2 304 176 255.8" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></polyline>
|
||||
<path d="M463.1,112.37C373.68,64.33,336.71,84.45,256,48,175.29,84.45,138.32,64.33,48.9,112.37,32.7,369.13,240.58,457.79,256,464,271.42,457.79,479.3,369.13,463.1,112.37Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></path>
|
||||
</svg>
|
||||
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h6 class="text-muted">
|
||||
<a class="linking">Live code edit</a>
|
||||
</h6>
|
||||
<p class="mt-3">Code editor with syntax highglighting for html css and javascript that updates in real time.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 mb-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="icons" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style="enable-background:new 0 0 512 512;" xml:space="preserve" width="72" height="72" color="#1064ea" fill="#fff">
|
||||
<path d="M419.1,337.45a3.94,3.94,0,0,0-6.1,0c-10.5,12.4-45,46.55-45,77.66,0,27,21.5,48.89,48,48.89h0c26.5,0,48-22,48-48.89C464,384,429.7,349.85,419.1,337.45Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"></path>
|
||||
<path d="M387,287.9,155.61,58.36a36,36,0,0,0-51,0l-5.15,5.15a36,36,0,0,0,0,51l52.89,52.89,57-57L56.33,263.2a28,28,0,0,0,.3,40l131.2,126a28.05,28.05,0,0,0,38.9-.1c37.8-36.6,118.3-114.5,126.7-122.9,5.8-5.8,18.2-7.1,28.7-7.1h.3A6.53,6.53,0,0,0,387,287.9Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"></path>
|
||||
</svg>
|
||||
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h6 class="text-muted">
|
||||
<a class="linking">Drag and drop</a>
|
||||
</h6>
|
||||
<p class="mt-3">The html for sections blocks and components and this template are built using Bootstrap 5.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12 mb-4">
|
||||
<div class="d-flex align-items-center">
|
||||
<div>
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="icons" width="72" height="72" color="#1064ea" fill="#fff" stroke-width="28">
|
||||
<path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" fill-rule="evenodd" d="M80,176a16,16,0,0,0-16,16V408c0,30.24,25.76,56,56,56H392c30.24,0,56-24.51,56-54.75V192a16,16,0,0,0-16-16Z"></path>
|
||||
<path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" fill-rule="evenodd" d="M160,176V144a64,64,0,0,1,64-64h0a64,64,0,0,1,64,64v32"></path>
|
||||
</svg>
|
||||
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<h6 class="text-muted">
|
||||
<a class="linking">Bootstrap 5</a>
|
||||
</h6>
|
||||
<p class="mt-3">The html for sections blocks and components and this template are built using Bootstrap 5.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6">
|
||||
<img src="demo/img/team-1.jpg" alt="dog" loading="lazy" class="img-fluid" />
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 mt-3 text-center">
|
||||
<a class="btn btn-primary ">View Details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,66 @@
|
||||
<section class="features-4 py-5 bg-primary bg-gradient text-white" aria-label="features-4">
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col text-center">
|
||||
<h2>Our product features</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row text-center justify-content-sm-center no-gutters">
|
||||
<div class="col-12 col-sm-10 col-md-8 col-lg-7 col-xl-3 m-auto">
|
||||
<div>
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="96" height="96" color="#fff" fill="#fff">
|
||||
<polyline points="336 176 225.2 304 176 255.8" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></polyline>
|
||||
<path d="M463.1,112.37C373.68,96.33,336.71,84.45,256,48,175.29,84.45,138.32,96.33,48.9,112.37,32.7,369.13,240.58,457.79,256,464,271.42,457.79,479.3,369.13,463.1,112.37Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></path>
|
||||
</svg>
|
||||
|
||||
<h3 class="mt-3">Drag and drop</h3>
|
||||
|
||||
<p class="mt-2">Intuitive building with simple drag and drop for sections, components and blocks/snippets.</p>
|
||||
<p class="mt-4">
|
||||
<a>Learn More <i class="la la-angle-right"></i>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-10 col-md-8 col-lg-7 col-xl-3 m-auto pt-5 pt-xl-0">
|
||||
<div>
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="icons" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style="enable-background:new 0 0 512 512;" xml:space="preserve" width="96" height="96" color="#fff" fill="#fff">
|
||||
<path d="M419.1,337.45a3.94,3.94,0,0,0-6.1,0c-10.5,12.4-45,46.55-45,77.66,0,27,21.5,48.89,48,48.89h0c26.5,0,48-22,48-48.89C464,384,429.7,349.85,419.1,337.45Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"></path>
|
||||
<path d="M387,287.9,155.61,58.36a36,36,0,0,0-51,0l-5.15,5.15a36,36,0,0,0,0,51l52.89,52.89,57-57L56.33,263.2a28,28,0,0,0,.3,40l131.2,126a28.05,28.05,0,0,0,38.9-.1c37.8-36.6,118.3-114.5,126.7-122.9,5.8-5.8,18.2-7.1,28.7-7.1h.3A6.53,6.53,0,0,0,387,287.9Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"></path>
|
||||
</svg>
|
||||
|
||||
<h3 class="mt-3">Live code edit</h3>
|
||||
|
||||
<p class="mt-2">Code editor with syntax highglighting that updates in real time.</p>
|
||||
<p class="mt-4">
|
||||
<a>Learn More <i class="la la-angle-right"></i>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-10 col-md-8 col-lg-7 col-xl-3 m-auto pt-5 pt-xl-0">
|
||||
<div>
|
||||
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" id="icons" width="96" height="96" color="#fff" fill="#fff" stroke-width="28">
|
||||
<path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" fill-rule="evenodd" d="M80,176a16,16,0,0,0-16,16V408c0,30.24,25.76,56,56,56H392c30.24,0,56-24.51,56-54.75V192a16,16,0,0,0-16-16Z"></path>
|
||||
<path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" fill-rule="evenodd" d="M160,176V144a96,96,0,0,1,96-96h0a96,96,0,0,1,96,96v32"></path>
|
||||
</svg>
|
||||
|
||||
<h3 class="mt-3">Bootstrap 5</h3>
|
||||
|
||||
<p class="mt-2">The html for sections blocks and components and this template are built using Bootstrap 5.</p>
|
||||
<p class="mt-4">
|
||||
<a>Learn More <i class="la la-angle-right"></i>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
@@ -0,0 +1,44 @@
|
||||
<section class="features-5 py-5 bg-alternate" aria-label="features-5">
|
||||
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-12 col-md-8 col-lg-6 m-md-auto ms-lg-0 me-lg-auto">
|
||||
<img src="demo/img/team-1.jpg" alt="dog" loading="lazy" class="img-fluid" />
|
||||
</div>
|
||||
<div class="col-12 col-lg-6 col-xl-5 ms-sm-auto pt-5 pt-lg-0">
|
||||
<h2>Open Source CMS Reinvented</h2>
|
||||
|
||||
<div class="row pt-4 pt-xl-5">
|
||||
<div class="col-12 col-sm-6 col-xl-5">
|
||||
<h4>
|
||||
<strong>Drag and drop</strong>
|
||||
</h4>
|
||||
<p>Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-xl-5 m-auto pt-3 pt-sm-0">
|
||||
<h4>
|
||||
<strong>Live code edit</strong>
|
||||
</h4>
|
||||
<p>Code editor with syntax highglighting that updates in real time.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row pt-3">
|
||||
<div class="col-12 col-sm-6 col-xl-5">
|
||||
<h4>
|
||||
<strong>Bootstrap 5</strong>
|
||||
</h4>
|
||||
<p>The html for sections blocks and components and this template are built using bootstrap 5</p>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-xl-5 m-auto pt-3 pt-sm-0">
|
||||
<h4>
|
||||
<strong>Google fonts</strong>
|
||||
</h4>
|
||||
<p>Use any of the hundreds fonts from google fonts for your design</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
@@ -0,0 +1,40 @@
|
||||
<section class="features-6 py-5 bg-alternate" aria-label="features-6">
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="col-12">
|
||||
<h2>Our product features</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row text-center justify-content-center">
|
||||
<div class="col-12 col-sm-4 col-xl-3 m-md-auto">
|
||||
<div>
|
||||
<img loading="lazy" src="demo/img/illustrations.co/109-map-location.svg" alt="map location">
|
||||
<h3>Drag and drop</h3>
|
||||
<p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
|
||||
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-sm-4 col-xl-3 m-md-auto">
|
||||
<div>
|
||||
<img loading="lazy" src="demo/img/illustrations.co/107-healthy.svg" alt="dumbbell">
|
||||
<h3>Live code editor</h3>
|
||||
<p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time</p>
|
||||
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-sm-4 col-xl-3 m-md-auto">
|
||||
<div>
|
||||
<img loading="lazy" src="demo/img/illustrations.co/104-dumbbell.svg" alt="dumbbell">
|
||||
<h3>Bootstrap 5</h3>
|
||||
<p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootrap 5</p>
|
||||
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,50 @@
|
||||
<section class="features-7 py-5 bg-alternate" aria-label="features-7">
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="col-12">
|
||||
<h2>Our product features</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row text-center justify-content-center">
|
||||
<div class="col-12 col-md-6 col-lg-3">
|
||||
<div>
|
||||
<img alt="map location" loading="lazy" src="demo/img/illustrations.co/109-map-location.svg">
|
||||
<h3>Drag and drop</h3>
|
||||
<p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
|
||||
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-6 col-lg-3">
|
||||
<div>
|
||||
<img alt="healthy" loading="lazy" src="demo/img/illustrations.co/107-healthy.svg">
|
||||
<h3>Live code editor</h3>
|
||||
<p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time</p>
|
||||
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-6 col-lg-3">
|
||||
<div>
|
||||
<img alt="dumbbell" loading="lazy" src="demo/img/illustrations.co/104-dumbbell.svg">
|
||||
<h3>Bootstrap 5</h3>
|
||||
<p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using Bootstrap 5</p>
|
||||
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-6 col-lg-3">
|
||||
<div>
|
||||
<img alt="namaste" loading="lazy" src="demo/img/illustrations.co/126-namaste-no-hand-shake.svg">
|
||||
<h3>Google fonts</h3>
|
||||
<p class="lead text-muted mt-4">Use any of the hundreds fonts from google fonts for your design</p>
|
||||
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,90 @@
|
||||
<section class="features-8 py-5 bg-alternate" aria-label="features-8">
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="col-12">
|
||||
<h2>Our product features</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row text-start mt-5">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<img alt="map location" loading="lazy" src="demo/img/illustrations.co/109-map-location.svg">
|
||||
</div>
|
||||
<div class="col-9">
|
||||
<h4>Drag and drop</h4>
|
||||
<p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-4 pt-3 pt-sm-4">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<img alt="healthy" loading="lazy" src="demo/img/illustrations.co/107-healthy.svg">
|
||||
</div>
|
||||
<div class="col-9">
|
||||
<h4>Live code editor</h4>
|
||||
<p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time</p>
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-4 pt-3 pt-sm-4">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<img alt="dumbbell" loading="lazy" src="demo/img/illustrations.co/104-dumbbell.svg">
|
||||
</div>
|
||||
<div class="col-9">
|
||||
<h4>Bootstrap 5</h4>
|
||||
<p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootrap 5</p>
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row text-start pt-3 pt-sm-4 pt-md-5">
|
||||
<div class="col-12 col-md-4">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<img alt="namaste" loading="lazy" src="demo/img/illustrations.co/126-namaste-no-hand-shake.svg">
|
||||
</div>
|
||||
<div class="col-9">
|
||||
<h4>Google fonts</h4>
|
||||
<p class="lead text-muted mt-4">Use any of the hundreds fonts from google fonts for your design</p>
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-4 pt-3 pt-sm-4">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<img alt="map location" loading="lazy" src="demo/img/illustrations.co/109-map-location.svg">
|
||||
</div>
|
||||
<div class="col-9">
|
||||
<h4>Drag and drop</h4>
|
||||
<p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-4 pt-3 pt-sm-4">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<img alt="healthy" loading="lazy" src="demo/img/illustrations.co/107-healthy.svg">
|
||||
</div>
|
||||
<div class="col-9">
|
||||
<h4>Bootstrap 5</h4>
|
||||
<p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootrap 5</p>
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
111
static/Vvvebjs/demo/landing/sections/features/features-9.html
Normal file
111
static/Vvvebjs/demo/landing/sections/features/features-9.html
Normal file
@@ -0,0 +1,111 @@
|
||||
<section class="features-9 py-5 bg-alternate" aria-label="features-9">
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="col-12">
|
||||
<h2>Our product features</h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row text-start mt-5">
|
||||
<div class="col-12 col-sm-6 col-lg-3">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<img alt="map location" loading="lazy" src="demo/img/illustrations.co/109-map-location.svg">
|
||||
</div>
|
||||
<div class="col-9">
|
||||
<h4>Drag and drop</h4>
|
||||
<p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 pt-3 pt-sm-0">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<img alt="healthy" loading="lazy" src="demo/img/illustrations.co/107-healthy.svg">
|
||||
</div>
|
||||
<div class="col-9">
|
||||
<h4>Live code editor</h4>
|
||||
<p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time</p>
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 pt-3 pt-lg-0">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<img alt="dumbbell" loading="lazy" src="demo/img/illustrations.co/104-dumbbell.svg">
|
||||
</div>
|
||||
<div class="col-9">
|
||||
<h4>Bootstrap 5</h4>
|
||||
<p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootrap 5</p>
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 pt-3 pt-lg-0">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<img alt="namaste" loading="lazy" src="demo/img/illustrations.co/126-namaste-no-hand-shake.svg">
|
||||
</div>
|
||||
<div class="col-9">
|
||||
<h4>Google fonts</h4>
|
||||
<p class="lead text-muted mt-4">Use any of the hundreds fonts from google fonts for your design</p>
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row text-start pt-3 pt-lg-5">
|
||||
<div class="col-12 col-sm-6 col-lg-3">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<img alt="map location" loading="lazy" src="demo/img/illustrations.co/109-map-location.svg">
|
||||
</div>
|
||||
<div class="col-9">
|
||||
<h4>Drag and drop</h4>
|
||||
<p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 pt-3 pt-sm-0">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<img alt="healthy" loading="lazy" src="demo/img/illustrations.co/107-healthy.svg">
|
||||
</div>
|
||||
<div class="col-9">
|
||||
<h4>Bootstrap 5</h4>
|
||||
<p class="lead text-muted mt-4">The html for sections blocks and components and this template are built using bootrap 5</p>
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 pt-3 pt-lg-0">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<img alt="map location" loading="lazy" src="demo/img/illustrations.co/109-map-location.svg">
|
||||
|
||||
</div>
|
||||
<div class="col-9">
|
||||
<h4>Drag and drop</h4>
|
||||
<p class="lead text-muted mt-4">Intuitive building with simple drag and drop for sections, components and blocks/snippets</p>
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-lg-3 pt-3 pt-lg-0">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<img alt="healthy" loading="lazy" src="demo/img/illustrations.co/107-healthy.svg">
|
||||
</div>
|
||||
<div class="col-9">
|
||||
<h4>Live code editor</h4>
|
||||
<p class="lead text-muted mt-4">Code editor with syntax highglighting that updates in real time</p>
|
||||
<a>Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
Reference in New Issue
Block a user