init
This commit is contained in:
60
static/Vvvebjs/demo/landing/sections/counter/counter-1.html
Normal file
60
static/Vvvebjs/demo/landing/sections/counter/counter-1.html
Normal file
@@ -0,0 +1,60 @@
|
||||
<section class="py-5" aria-label="counter-1">
|
||||
<div class="container">
|
||||
<div class="row justify-content-md-center">
|
||||
<div class="col-12 col-md-10 col-lg-8 col-xl-7 col-xxl-6">
|
||||
<h2 class="mb-4 display-5 text-center fw-bold">Some of our achievments</h2>
|
||||
<p class="text-secondary mb-5 text-center lead fs-4">Lorem ipsum dolor sit amet, consectetur.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container overflow-hidden">
|
||||
<div class="row gy-5 gy-md-6 gy-lg-0">
|
||||
<div class="col-6 col-lg-3">
|
||||
<div class="text-center">
|
||||
<div class="d-inline-block bg-primary mb-3 mx-auto rounded-circle p-4">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-people text-white" viewBox="0 0 16 16">
|
||||
<path d="M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8zm-7.978-1A.261.261 0 0 1 7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002a.274.274 0 0 1-.014.002H7.022zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0zM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816zM4.92 10A5.493 5.493 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275zM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h5 class="display-6 fw-bold m-1">150K</h5>
|
||||
<p class="text-secondary m-0">Happy Customers</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-lg-3">
|
||||
<div class="text-center">
|
||||
<div class="d-inline-block bg-primary mb-3 mx-auto rounded-circle p-4">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-activity text-white" viewBox="0 0 16 16">
|
||||
<path fill-rule="evenodd" d="M6 2a.5.5 0 0 1 .47.33L10 12.036l1.53-4.208A.5.5 0 0 1 12 7.5h3.5a.5.5 0 0 1 0 1h-3.15l-1.88 5.17a.5.5 0 0 1-.94 0L6 3.964 4.47 8.171A.5.5 0 0 1 4 8.5H.5a.5.5 0 0 1 0-1h3.15l1.88-5.17A.5.5 0 0 1 6 2Z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h5 class="display-6 fw-bold m-1">1200+</h5>
|
||||
<p class="text-secondary m-0">Issues Solved</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-lg-3">
|
||||
<div class="text-center">
|
||||
<div class="d-inline-block bg-primary mb-3 mx-auto rounded-circle p-4">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-briefcase text-white" viewBox="0 0 16 16">
|
||||
<path d="M6.5 1A1.5 1.5 0 0 0 5 2.5V3H1.5A1.5 1.5 0 0 0 0 4.5v8A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-8A1.5 1.5 0 0 0 14.5 3H11v-.5A1.5 1.5 0 0 0 9.5 1h-3zm0 1h3a.5.5 0 0 1 .5.5V3H6v-.5a.5.5 0 0 1 .5-.5zm1.886 6.914L15 7.151V12.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5V7.15l6.614 1.764a1.5 1.5 0 0 0 .772 0zM1.5 4h13a.5.5 0 0 1 .5.5v1.616L8.129 7.948a.5.5 0 0 1-.258 0L1 6.116V4.5a.5.5 0 0 1 .5-.5z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h5 class="display-6 fw-bold m-1">30K</h5>
|
||||
<p class="text-secondary m-0">Finished Projects</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-lg-3">
|
||||
<div class="text-center">
|
||||
<div class="d-inline-block bg-primary mb-3 mx-auto rounded-circle p-4">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-award text-white" viewBox="0 0 16 16">
|
||||
<path d="M9.669.864 8 0 6.331.864l-1.858.282-.842 1.68-1.337 1.32L2.6 6l-.306 1.854 1.337 1.32.842 1.68 1.858.282L8 12l1.669-.864 1.858-.282.842-1.68 1.337-1.32L13.4 6l.306-1.854-1.337-1.32-.842-1.68L9.669.864zm1.196 1.193.684 1.365 1.086 1.072L12.387 6l.248 1.506-1.086 1.072-.684 1.365-1.51.229L8 10.874l-1.355-.702-1.51-.229-.684-1.365-1.086-1.072L3.614 6l-.25-1.506 1.087-1.072.684-1.365 1.51-.229L8 1.126l1.356.702 1.509.229z" />
|
||||
<path d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1 4 11.794z" />
|
||||
</svg>
|
||||
</div>
|
||||
<h5 class="display-6 fw-bold m-1">12+</h5>
|
||||
<p class="text-secondary m-0">Awards Winned</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
54
static/Vvvebjs/demo/landing/sections/counter/counter-2.html
Normal file
54
static/Vvvebjs/demo/landing/sections/counter/counter-2.html
Normal file
@@ -0,0 +1,54 @@
|
||||
<section class="py-5" aria-label="counter-2">
|
||||
<div class="container">
|
||||
<div class="row justify-content-md-center">
|
||||
<div class="col-12 col-md-10 col-lg-8 col-xl-7 col-6">
|
||||
<h2 class="mb-2 display-5 text-center fw-bold">Some of our achievments</h2>
|
||||
<p class="text-secondary mb-5 text-center lead fs-4">Lorem ipsum dolor sit amet, consectetur.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="row gy-4 gy-lg-0 align-items-lg-center">
|
||||
<div class="col-12 col-lg-6">
|
||||
<img class="img-fluid rounded-4" loading="lazy" src="demo/img/team-1.jpg" alt="Team 1">
|
||||
</div>
|
||||
<div class="col-12 col-lg-6">
|
||||
<div class="row justify-content-xl-end">
|
||||
<div class="col-12 col-xl-11">
|
||||
<div class="row gy-4 gy-sm-0 overflow-hidden">
|
||||
<div class="col-12 col-sm-6">
|
||||
<div class="card border-0 border-bottom border-primary shadow mb-4">
|
||||
<div class="card-body text-center p-4 p-5">
|
||||
<h3 class="display-2 fw-bold mb-2">60</h3>
|
||||
<p class="fs-5 mb-0 text-secondary">Finished Projects</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-0 border-bottom border-primary shadow">
|
||||
<div class="card-body text-center p-4 p-5">
|
||||
<h3 class="display-2 fw-bold mb-2">10k+</h3>
|
||||
<p class="fs-5 mb-0 text-secondary">Issues Solved</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6">
|
||||
<div class="card border-0 border-bottom border-primary shadow mt-5 mb-4">
|
||||
<div class="card-body text-center p-4 p-5">
|
||||
<h3 class="display-2 fw-bold mb-2">3k+</h3>
|
||||
<p class="fs-5 mb-0 text-secondary">Happy Customers</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card border-0 border-bottom border-primary shadow">
|
||||
<div class="card-body text-center p-4 p-5">
|
||||
<h3 class="display-2 fw-bold mb-2">7</h3>
|
||||
<p class="fs-5 mb-0 text-secondary">Awards</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
Reference in New Issue
Block a user