1731 lines
102 KiB
HTML
1731 lines
102 KiB
HTML
<!doctype html>
|
||
<html lang="en" data-layout="vertical" data-topbar="light" data-sidebar="dark" data-sidebar-size="lg" data-sidebar-image="none" data-preloader="disable" data-theme="default" data-theme-colors="default">
|
||
|
||
|
||
<!-- Mirrored from themesbrand.com/velzon/html/master/landing.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 08 May 2025 07:16:26 GMT -->
|
||
<head>
|
||
|
||
<meta charset="utf-8" />
|
||
<title>Landing | Velzon - Admin & Dashboard Template</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
|
||
<meta content="Themesbrand" name="author" />
|
||
<!-- App favicon -->
|
||
<link rel="shortcut icon" href="assets/images/favicon.ico">
|
||
|
||
<!--Swiper slider css-->
|
||
<link href="assets/libs/swiper/swiper-bundle.min.css" rel="stylesheet" type="text/css" />
|
||
|
||
<!-- Layout config Js -->
|
||
<script src="assets/js/layout.js"></script>
|
||
<!-- Bootstrap Css -->
|
||
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||
<!-- Icons Css -->
|
||
<link href="assets/css/icons.min.css" rel="stylesheet" type="text/css" />
|
||
<!-- App Css-->
|
||
<link href="assets/css/app.min.css" rel="stylesheet" type="text/css" />
|
||
<!-- custom Css-->
|
||
<link href="assets/css/custom.min.css" rel="stylesheet" type="text/css" />
|
||
|
||
</head>
|
||
|
||
<body data-bs-spy="scroll" data-bs-target="#navbar-example">
|
||
|
||
<!-- Begin page -->
|
||
<div class="layout-wrapper landing">
|
||
<nav class="navbar navbar-expand-lg navbar-landing fixed-top" id="navbar">
|
||
<div class="container">
|
||
<a class="navbar-brand" href="index.html">
|
||
<img src="assets/images/logo-dark.png" class="card-logo card-logo-dark" alt="logo dark" height="17">
|
||
<img src="assets/images/logo-light.png" class="card-logo card-logo-light" alt="logo light" height="17">
|
||
</a>
|
||
<button class="navbar-toggler py-0 fs-20 text-body" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||
<i class="mdi mdi-menu"></i>
|
||
</button>
|
||
|
||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||
<ul class="navbar-nav mx-auto mt-2 mt-lg-0" id="navbar-example">
|
||
<li class="nav-item">
|
||
<a class="nav-link active" href="#hero">Home</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#services">Services</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#features">Features</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#plans">Plans</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#reviews">Reviews</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#team">Team</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="#contact">Contact</a>
|
||
</li>
|
||
</ul>
|
||
|
||
<div class="">
|
||
<a href="auth-signin-basic.html" class="btn btn-link fw-medium text-decoration-none text-body">Sign in</a>
|
||
<a href="auth-signup-basic.html" class="btn btn-primary">Sign Up</a>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</nav>
|
||
<!-- end navbar -->
|
||
<div class="vertical-overlay" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent.show"></div>
|
||
|
||
<!-- start hero section -->
|
||
<section class="section pb-0 hero-section" id="hero">
|
||
<div class="bg-overlay bg-overlay-pattern"></div>
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-8 col-sm-10">
|
||
<div class="text-center mt-lg-5 pt-5">
|
||
<h1 class="display-6 fw-semibold mb-3 lh-base">The better way to manage your website with <span class="text-success">Velzon </span></h1>
|
||
<p class="lead text-muted lh-base">Velzon is a fully responsive, multipurpose and premium Bootstrap 5 Admin & Dashboard Template built in multiple frameworks.</p>
|
||
|
||
<div class="d-flex gap-2 justify-content-center mt-4">
|
||
<a href="auth-signup-basic.html" class="btn btn-primary">Get Started <i class="ri-arrow-right-line align-middle ms-1"></i></a>
|
||
<a href="pages-pricing.html" class="btn btn-danger">View Plans <i class="ri-eye-line align-middle ms-1"></i></a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mt-4 mt-sm-5 pt-sm-5 mb-sm-n5 demo-carousel">
|
||
<div class="demo-img-patten-top d-none d-sm-block">
|
||
<img src="assets/images/landing/img-pattern.png" class="d-block img-fluid" alt="...">
|
||
</div>
|
||
<div class="demo-img-patten-bottom d-none d-sm-block">
|
||
<img src="assets/images/landing/img-pattern.png" class="d-block img-fluid" alt="...">
|
||
</div>
|
||
<div class="carousel slide carousel-fade" data-bs-ride="carousel">
|
||
<div class="carousel-inner shadow-lg p-2 bg-white rounded">
|
||
<div class="carousel-item active" data-bs-interval="2000">
|
||
<img src="assets/images/demos/default.png" class="d-block w-100" alt="...">
|
||
</div>
|
||
<div class="carousel-item" data-bs-interval="2000">
|
||
<img src="assets/images/demos/saas.png" class="d-block w-100" alt="...">
|
||
</div>
|
||
<div class="carousel-item" data-bs-interval="2000">
|
||
<img src="assets/images/demos/material.png" class="d-block w-100" alt="...">
|
||
</div>
|
||
<div class="carousel-item" data-bs-interval="2000">
|
||
<img src="assets/images/demos/minimal.png" class="d-block w-100" alt="...">
|
||
</div>
|
||
<div class="carousel-item" data-bs-interval="2000">
|
||
<img src="assets/images/demos/creative.png" class="d-block w-100" alt="...">
|
||
</div>
|
||
<div class="carousel-item" data-bs-interval="2000">
|
||
<img src="assets/images/demos/modern.png" class="d-block w-100" alt="...">
|
||
</div>
|
||
<div class="carousel-item" data-bs-interval="2000">
|
||
<img src="assets/images/demos/interactive.png" class="d-block w-100" alt="...">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end row -->
|
||
</div>
|
||
<!-- end container -->
|
||
<div class="position-absolute start-0 end-0 bottom-0 hero-shape-svg">
|
||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1440 120">
|
||
<g mask="url("#SvgjsMask1003")" fill="none">
|
||
<path d="M 0,118 C 288,98.6 1152,40.4 1440,21L1440 140L0 140z">
|
||
</path>
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
<!-- end shape -->
|
||
</section>
|
||
<!-- end hero section -->
|
||
|
||
<!-- start client section -->
|
||
<div class="pt-5 mt-5">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
|
||
<div class="text-center mt-5">
|
||
<h5 class="fs-20">Trusted <span class="text-primary text-decoration-underline">by</span> the world's best</h5>
|
||
|
||
<!-- Swiper -->
|
||
<div class="swiper trusted-client-slider mt-sm-5 mt-4 mb-sm-5 mb-4" dir="ltr">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="client-images">
|
||
<img src="assets/images/clients/amazon.svg" alt="client-img" class="mx-auto img-fluid d-block">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="client-images">
|
||
<img src="assets/images/clients/walmart.svg" alt="client-img" class="mx-auto img-fluid d-block">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="client-images">
|
||
<img src="assets/images/clients/lenovo.svg" alt="client-img" class="mx-auto img-fluid d-block">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="client-images">
|
||
<img src="assets/images/clients/paypal.svg" alt="client-img" class="mx-auto img-fluid d-block">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="client-images">
|
||
<img src="assets/images/clients/shopify.svg" alt="client-img" class="mx-auto img-fluid d-block">
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="client-images">
|
||
<img src="assets/images/clients/verizon.svg" alt="client-img" class="mx-auto img-fluid d-block">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<!-- end row -->
|
||
</div>
|
||
<!-- end container -->
|
||
</div>
|
||
<!-- end client section -->
|
||
|
||
<!-- start services -->
|
||
<section class="section" id="services">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-8">
|
||
<div class="text-center mb-5">
|
||
<h1 class="mb-3 ff-secondary fw-semibold lh-base">A Digital web design studio creating modern & engaging online</h1>
|
||
<p class="text-muted">To achieve this, it would be necessary to have uniform grammar, pronunciation and more common words. If several languages coalesce the grammar</p>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
</div>
|
||
<!-- end row -->
|
||
|
||
<div class="row g-3">
|
||
<div class="col-lg-4">
|
||
<div class="d-flex p-3">
|
||
<div class="flex-shrink-0 me-3">
|
||
<div class="avatar-sm icon-effect">
|
||
<div class="avatar-title bg-transparent text-success rounded-circle">
|
||
<i class="ri-pencil-ruler-2-line fs-36"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<h5 class="fs-18">Creative Design</h5>
|
||
<p class="text-muted my-3 ff-secondary">The creative design includes designs that are unique, effective and memorable.</p>
|
||
<div>
|
||
<a href="#" class="fs-13 fw-medium">Learn More <i class="ri-arrow-right-s-line align-bottom"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
<div class="col-lg-4">
|
||
<div class="d-flex p-3">
|
||
<div class="flex-shrink-0 me-3">
|
||
<div class="avatar-sm icon-effect">
|
||
<div class="avatar-title bg-transparent text-success rounded-circle">
|
||
<i class="ri-palette-line fs-36"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<h5 class="fs-18">Unlimited Colors</h5>
|
||
<p class="text-muted my-3 ff-secondary">The collection of rules and guidelines which designers use to communicate with users through appealing.</p>
|
||
<div>
|
||
<a href="#" class="fs-13 fw-medium">Learn More <i class="ri-arrow-right-s-line align-bottom"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
<div class="col-lg-4">
|
||
<div class="d-flex p-3">
|
||
<div class="flex-shrink-0 me-3">
|
||
<div class="avatar-sm icon-effect">
|
||
<div class="avatar-title bg-transparent text-success rounded-circle">
|
||
<i class="ri-lightbulb-flash-line fs-36"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<h5 class="fs-18">Strategy Solutions</h5>
|
||
<p class="text-muted my-3 ff-secondary">Business development firm that provides strategic planning, market research services and project.</p>
|
||
<div>
|
||
<a href="#" class="fs-13 fw-medium">Learn More <i class="ri-arrow-right-s-line align-bottom"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
<div class="col-lg-4">
|
||
<div class="d-flex p-3">
|
||
<div class="flex-shrink-0 me-3">
|
||
<div class="avatar-sm icon-effect">
|
||
<div class="avatar-title bg-transparent text-success rounded-circle">
|
||
<i class="ri-customer-service-line fs-36"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<h5 class="fs-18">Awesome Support</h5>
|
||
<p class="text-muted my-3 ff-secondary">Awesome Support is the most versatile and feature-rich support plugin for all version.</p>
|
||
<div>
|
||
<a href="#" class="fs-13 fw-medium">Learn More <i class="ri-arrow-right-s-line align-bottom"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
<div class="col-lg-4">
|
||
<div class="d-flex p-3">
|
||
<div class="flex-shrink-0 me-3">
|
||
<div class="avatar-sm icon-effect">
|
||
<div class="avatar-title bg-transparent text-success rounded-circle">
|
||
<i class="ri-stack-line fs-36"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<h5 class="fs-18">Truly Multipurpose</h5>
|
||
<p class="text-muted my-3 ff-secondary">You usually get a broad range of options to play with. This enables you to use a single theme across multiple.</p>
|
||
<div>
|
||
<a href="#" class="fs-13 fw-medium">Learn More <i class="ri-arrow-right-s-line align-bottom"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
<div class="col-lg-4">
|
||
<div class="d-flex p-3">
|
||
<div class="flex-shrink-0 me-3">
|
||
<div class="avatar-sm icon-effect">
|
||
<div class="avatar-title bg-transparent text-success rounded-circle">
|
||
<i class="ri-settings-2-line fs-36"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<h5 class="fs-18">Easy to customize</h5>
|
||
<p class="text-muted my-3 ff-secondary">Personalise your own website, no matter what theme and what customization options.</p>
|
||
<div>
|
||
<a href="#" class="fs-13 fw-medium">Learn More <i class="ri-arrow-right-s-line align-bottom"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
|
||
<div class="col-lg-4">
|
||
<div class="d-flex p-3">
|
||
<div class="flex-shrink-0 me-3">
|
||
<div class="avatar-sm icon-effect">
|
||
<div class="avatar-title bg-transparent text-success rounded-circle">
|
||
<i class="ri-slideshow-line fs-36"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<h5 class="fs-18">Responsive & Clean Design</h5>
|
||
<p class="text-muted my-3 ff-secondary">Responsive design is a graphic user interface (GUI) design approach used to create content.</p>
|
||
<div>
|
||
<a href="#" class="fs-13 fw-medium">Learn More <i class="ri-arrow-right-s-line align-bottom"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
<div class="col-lg-4">
|
||
<div class="d-flex p-3">
|
||
<div class="flex-shrink-0 me-3">
|
||
<div class="avatar-sm icon-effect">
|
||
<div class="avatar-title bg-transparent text-success rounded-circle">
|
||
<i class="ri-google-fill fs-36"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<h5 class="fs-18">Google Font Collection</h5>
|
||
<p class="text-muted my-3 ff-secondary">Google Fonts is a collection of 915 fonts, all available to use for free on your website.</p>
|
||
<div>
|
||
<a href="#" class="fs-13 fw-medium">Learn More <i class="ri-arrow-right-s-line align-bottom"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
<div class="col-lg-4">
|
||
<div class="d-flex p-3">
|
||
<div class="flex-shrink-0 me-3">
|
||
<div class="avatar-sm icon-effect">
|
||
<div class="avatar-title bg-transparent text-success rounded-circle">
|
||
<i class="ri-briefcase-5-line fs-36"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<h5 class="fs-18">Top Industry Specialists</h5>
|
||
<p class="text-muted my-3 ff-secondary">An industrial specialist works with industrial operations to ensure that manufacturing facilities work.</p>
|
||
<div>
|
||
<a href="#" class="fs-13 fw-medium">Learn More <i class="ri-arrow-right-s-line align-bottom"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
</div>
|
||
<!-- end row -->
|
||
</div>
|
||
<!-- end container -->
|
||
</section>
|
||
<!-- end services -->
|
||
|
||
<!-- start features -->
|
||
<section class="section bg-light py-5" id="features">
|
||
<div class="container">
|
||
<div class="row align-items-center gy-4">
|
||
<div class="col-lg-6 col-sm-7 mx-auto">
|
||
<div>
|
||
<img src="assets/images/landing/features/img-1.png" alt="" class="img-fluid mx-auto">
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="text-muted">
|
||
<div class="avatar-sm icon-effect mb-4">
|
||
<div class="avatar-title bg-transparent rounded-circle text-success h1">
|
||
<i class="ri-collage-line fs-36"></i>
|
||
</div>
|
||
</div>
|
||
<h3 class="mb-3 fs-20">Huge collection of widgets</h3>
|
||
<p class="mb-4 ff-secondary fs-16">Collection widgets specialize in displaying many elements of the same type, such as a collection of pictures from a collection of articles from a news app or a collection of messages from a communication app.</p>
|
||
|
||
<div class="row pt-3">
|
||
<div class="col-3">
|
||
<div class="text-center">
|
||
<h4>5</h4>
|
||
<p>Dashboards</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-3">
|
||
<div class="text-center">
|
||
<h4>150+</h4>
|
||
<p>Pages</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-4">
|
||
<div class="text-center">
|
||
<h4>7+</h4>
|
||
<p>Functional Apps</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
</div>
|
||
<!-- end row -->
|
||
</div>
|
||
<!-- end container -->
|
||
</section>
|
||
<!-- end features -->
|
||
|
||
<!-- start cta -->
|
||
<section class="py-5 bg-primary position-relative">
|
||
<div class="bg-overlay bg-overlay-pattern opacity-50"></div>
|
||
<div class="container">
|
||
<div class="row align-items-center gy-4">
|
||
<div class="col-sm">
|
||
<div>
|
||
<h4 class="text-white mb-0 fw-semibold">Build your web App/SaaS with Velzon dashboard</h4>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
<div class="col-sm-auto">
|
||
<div>
|
||
<a href="https://1.envato.market/velzon-admin" target="_blank" class="btn bg-gradient btn-danger"><i class="ri-shopping-cart-2-line align-middle me-1"></i> Buy Now</a>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
</div>
|
||
<!-- end row -->
|
||
</div>
|
||
<!-- end container -->
|
||
</section>
|
||
<!-- end cta -->
|
||
|
||
<!-- start features -->
|
||
<section class="section">
|
||
<div class="container">
|
||
<div class="row align-items-center gy-4">
|
||
<div class="col-lg-6 order-2 order-lg-1">
|
||
<div class="text-muted">
|
||
<h5 class="fs-12 text-uppercase text-success">Design</h5>
|
||
<h4 class="mb-3">Well Designed Dashboards</h4>
|
||
<p class="mb-4 ff-secondary">Quality Dashboards (QD) is a condition-specific, actionable web-based application for quality reporting and population management that is integrated into the Electronic Health Record (EHR).</p>
|
||
|
||
<div class="row">
|
||
<div class="col-sm-5">
|
||
<div class="vstack gap-2">
|
||
<div class="d-flex align-items-center">
|
||
<div class="flex-shrink-0 me-2">
|
||
<div class="avatar-xs icon-effect">
|
||
<div class="avatar-title bg-transparent text-success rounded-circle h2">
|
||
<i class="ri-check-fill"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<h5 class="fs-14 mb-0">Ecommerce</h5>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex align-items-center">
|
||
<div class="flex-shrink-0 me-2">
|
||
<div class="avatar-xs icon-effect">
|
||
<div class="avatar-title bg-transparent text-success rounded-circle h2">
|
||
<i class="ri-check-fill"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<h5 class="fs-14 mb-0">Analytics</h5>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex align-items-center">
|
||
<div class="flex-shrink-0 me-2">
|
||
<div class="avatar-xs icon-effect">
|
||
<div class="avatar-title bg-transparent text-success rounded-circle h2">
|
||
<i class="ri-check-fill"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<h5 class="fs-14 mb-0">CRM</h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-5">
|
||
<div class="vstack gap-2">
|
||
<div class="d-flex align-items-center">
|
||
<div class="flex-shrink-0 me-2">
|
||
<div class="avatar-xs icon-effect">
|
||
<div class="avatar-title bg-transparent text-success rounded-circle h2">
|
||
<i class="ri-check-fill"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<h5 class="fs-14 mb-0">Crypto</h5>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex align-items-center">
|
||
<div class="flex-shrink-0 me-2">
|
||
<div class="avatar-xs icon-effect">
|
||
<div class="avatar-title bg-transparent text-success rounded-circle h2">
|
||
<i class="ri-check-fill"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<h5 class="fs-14 mb-0">Projects</h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mt-4">
|
||
<a href="index.html" class="btn btn-primary">Learn More <i class="ri-arrow-right-line align-middle ms-1"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
<div class="col-lg-6 col-sm-7 col-10 ms-auto order-1 order-lg-2">
|
||
<div>
|
||
<img src="assets/images/landing/features/img-2.png" alt="" class="img-fluid">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end row -->
|
||
|
||
<div class="row align-items-center mt-5 pt-lg-5 gy-4">
|
||
<div class="col-lg-6 col-sm-7 col-10 mx-auto">
|
||
<div>
|
||
<img src="assets/images/landing/features/img-3.png" alt="" class="img-fluid">
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="text-muted ps-lg-5">
|
||
<h5 class="fs-12 text-uppercase text-success">structure</h5>
|
||
<h4 class="mb-3">Well Documented</h4>
|
||
<p class="mb-4">used to describe something that is known about or known to be true because there are many documents that describe it, prove it, etc.</p>
|
||
|
||
<div class="vstack gap-2">
|
||
<div class="d-flex align-items-center">
|
||
<div class="flex-shrink-0 me-2">
|
||
<div class="avatar-xs icon-effect">
|
||
<div class="avatar-title bg-transparent text-success rounded-circle h2">
|
||
<i class="ri-check-fill"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<p class="mb-0">Dynamic Conetnt</p>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex align-items-center">
|
||
<div class="flex-shrink-0 me-2">
|
||
<div class="avatar-xs icon-effect">
|
||
<div class="avatar-title bg-transparent text-success rounded-circle h2">
|
||
<i class="ri-check-fill"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<p class="mb-0">Setup plugin's information.</p>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex align-items-center">
|
||
<div class="flex-shrink-0 me-2">
|
||
<div class="avatar-xs icon-effect">
|
||
<div class="avatar-title bg-transparent text-success rounded-circle h2">
|
||
<i class="ri-check-fill"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<p class="mb-0">Themes customization information</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
</div>
|
||
<!-- end row -->
|
||
</div>
|
||
<!-- end container -->
|
||
</section>
|
||
<!-- end features -->
|
||
|
||
<!-- start plan -->
|
||
<section class="section bg-light" id="plans">
|
||
<div class="bg-overlay bg-overlay-pattern"></div>
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-8">
|
||
<div class="text-center mb-5">
|
||
<h3 class="mb-3 fw-semibold">Choose the plan that's right for you</h3>
|
||
<p class="text-muted mb-4">Simple pricing. No hidden fees. Advanced features for you business.</p>
|
||
|
||
<div class="d-flex justify-content-center align-items-center">
|
||
<div>
|
||
<h5 class="fs-14 mb-0">Month</h5>
|
||
</div>
|
||
<div class="form-check form-switch fs-20 ms-3 " onclick="check()">
|
||
<input class="form-check-input" type="checkbox" id="plan-switch">
|
||
<label class="form-check-label" for="plan-switch"></label>
|
||
</div>
|
||
<div>
|
||
<h5 class="fs-14 mb-0">Annual <span class="badge bg-success-subtle text-success">Save 20%</span></h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
</div>
|
||
<!-- end row -->
|
||
|
||
<div class="row gy-4">
|
||
<div class="col-lg-4">
|
||
<div class="card plan-box mb-0">
|
||
<div class="card-body p-4 m-2">
|
||
<div class="d-flex align-items-center">
|
||
<div class="flex-grow-1">
|
||
<h5 class="mb-1 fw-semibold">Basic Plan</h5>
|
||
<p class="text-muted mb-0">For Startup</p>
|
||
</div>
|
||
<div class="avatar-sm">
|
||
<div class="avatar-title bg-light rounded-circle text-primary">
|
||
<i class="ri-book-mark-line fs-20"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="py-4 text-center">
|
||
<h1 class="month"><sup><small>$</small></sup><span class="ff-secondary fw-bold">19</span> <span class="fs-13 text-muted">/Month</span></h1>
|
||
<h1 class="annual"><sup><small>$</small></sup><span class="ff-secondary fw-bold">171</span> <span class="fs-13 text-muted">/Year</span></h1>
|
||
</div>
|
||
|
||
<div>
|
||
<ul class="list-unstyled text-muted vstack gap-3 ff-secondary">
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-success me-1">
|
||
<i class="ri-checkbox-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
Upto <b>3</b> Projects
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-success me-1">
|
||
<i class="ri-checkbox-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
Upto <b>299</b> Customers
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-success me-1">
|
||
<i class="ri-checkbox-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
Scalable Bandwidth
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-success me-1">
|
||
<i class="ri-checkbox-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<b>5</b> FTP Login
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-danger me-1">
|
||
<i class="ri-close-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<b>24/7</b> Support
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-danger me-1">
|
||
<i class="ri-close-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<b>Unlimited</b> Storage
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-danger me-1">
|
||
<i class="ri-close-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
Domain
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<div class="mt-4">
|
||
<a href="javascript:void(0);" class="btn btn-soft-success w-100">Get Started</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-lg-4">
|
||
<div class="card plan-box mb-0 ribbon-box right">
|
||
<div class="card-body p-4 m-2">
|
||
<div class="ribbon-two ribbon-two-danger"><span>Popular</span></div>
|
||
<div class="d-flex align-items-center">
|
||
<div class="flex-grow-1">
|
||
<h5 class="mb-1 fw-semibold">Pro Business</h5>
|
||
<p class="text-muted mb-0">Professional plans</p>
|
||
</div>
|
||
<div class="avatar-sm">
|
||
<div class="avatar-title bg-light rounded-circle text-primary">
|
||
<i class="ri-medal-fill fs-20"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="py-4 text-center">
|
||
<h1 class="month"><sup><small>$</small></sup><span class="ff-secondary fw-bold">29</span> <span class="fs-13 text-muted">/Month</span></h1>
|
||
<h1 class="annual"><sup><small>$</small></sup><span class="ff-secondary fw-bold">261</span> <span class="fs-13 text-muted">/Year</span></h1>
|
||
</div>
|
||
|
||
<div>
|
||
<ul class="list-unstyled text-muted vstack gap-3 ff-secondary">
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-success me-1">
|
||
<i class="ri-checkbox-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
Upto <b>15</b> Projects
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-success me-1">
|
||
<i class="ri-checkbox-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<b>Unlimited</b> Customers
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-success me-1">
|
||
<i class="ri-checkbox-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
Scalable Bandwidth
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-success me-1">
|
||
<i class="ri-checkbox-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<b>12</b> FTP Login
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-success me-1">
|
||
<i class="ri-checkbox-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<b>24/7</b> Support
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-danger me-1">
|
||
<i class="ri-close-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<b>Unlimited</b> Storage
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-danger me-1">
|
||
<i class="ri-close-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
Domain
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<div class="mt-4">
|
||
<a href="javascript:void(0);" class="btn btn-soft-success w-100">Get Started</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--end col-->
|
||
<div class="col-lg-4">
|
||
<div class="card plan-box mb-0">
|
||
<div class="card-body p-4 m-2">
|
||
<div class="d-flex align-items-center">
|
||
<div class="flex-grow-1">
|
||
<h5 class="mb-1 fw-semibold">Platinum Plan</h5>
|
||
<p class="text-muted mb-0">Enterprise Businesses</p>
|
||
</div>
|
||
<div class="avatar-sm">
|
||
<div class="avatar-title bg-light rounded-circle text-primary">
|
||
<i class="ri-stack-fill fs-20"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="py-4 text-center">
|
||
<h1 class="month"><sup><small>$</small></sup><span class="ff-secondary fw-bold">39</span> <span class="fs-13 text-muted">/Month</span></h1>
|
||
<h1 class="annual"><sup><small>$</small></sup><span class="ff-secondary fw-bold">351</span> <span class="fs-13 text-muted">/Year</span></h1>
|
||
</div>
|
||
|
||
<div>
|
||
<ul class="list-unstyled text-muted vstack gap-3 ff-secondary">
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-success me-1">
|
||
<i class="ri-checkbox-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<b>Unlimited</b> Projects
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-success me-1">
|
||
<i class="ri-checkbox-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<b>Unlimited</b> Customers
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-success me-1">
|
||
<i class="ri-checkbox-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
Scalable Bandwidth
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-success me-1">
|
||
<i class="ri-checkbox-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<b>Unlimited</b> FTP Login
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-success me-1">
|
||
<i class="ri-checkbox-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<b>24/7</b> Support
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-success me-1">
|
||
<i class="ri-checkbox-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<b>Unlimited</b> Storage
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<div class="d-flex">
|
||
<div class="flex-shrink-0 text-success me-1">
|
||
<i class="ri-checkbox-circle-fill fs-15 align-middle"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
Domain
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<div class="mt-4">
|
||
<a href="javascript:void(0);" class="btn btn-soft-success w-100">Get Started</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--end col-->
|
||
</div>
|
||
<!--end row-->
|
||
</div>
|
||
<!-- end container -->
|
||
</section>
|
||
<!-- end plan -->
|
||
|
||
<!-- start faqs -->
|
||
<section class="section">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-8">
|
||
<div class="text-center mb-5">
|
||
<h3 class="mb-3 fw-semibold">Frequently Asked Questions</h3>
|
||
<p class="text-muted mb-4 ff-secondary">If you can not find answer to your question in our FAQ, you can always contact us or email us. We will answer you shortly!</p>
|
||
|
||
<div class="hstack gap-2 justify-content-center">
|
||
<button type="button" class="btn btn-primary btn-label rounded-pill"><i class="ri-mail-line label-icon align-middle rounded-pill fs-16 me-2"></i> Email Us</button>
|
||
<button type="button" class="btn btn-info btn-label rounded-pill"><i class="ri-twitter-line label-icon align-middle rounded-pill fs-16 me-2"></i> Send Us Tweet</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end row -->
|
||
|
||
<div class="row g-lg-5 g-4">
|
||
<div class="col-lg-6">
|
||
<div class="d-flex align-items-center mb-2">
|
||
<div class="flex-shrink-0 me-1">
|
||
<i class="ri-question-line fs-24 align-middle text-success me-1"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<h5 class="mb-0 fw-semibold">General Questions</h5>
|
||
</div>
|
||
</div>
|
||
<div class="accordion custom-accordionwithicon custom-accordion-border accordion-border-box" id="genques-accordion">
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="genques-headingOne">
|
||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#genques-collapseOne" aria-expanded="true" aria-controls="genques-collapseOne">
|
||
What is the purpose of using themes ?
|
||
</button>
|
||
</h2>
|
||
<div id="genques-collapseOne" class="accordion-collapse collapse show" aria-labelledby="genques-headingOne" data-bs-parent="#genques-accordion">
|
||
<div class="accordion-body ff-secondary">
|
||
A theme is a set of colors, fonts, effects, and more that can be applied to your entire presentation to give it a
|
||
consistent, professional look. You've already been using a theme, even if you didn't know it: the default Office theme, which consists.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="genques-headingTwo">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#genques-collapseTwo" aria-expanded="false" aria-controls="genques-collapseTwo">
|
||
Can a theme have more than one theme?
|
||
</button>
|
||
</h2>
|
||
<div id="genques-collapseTwo" class="accordion-collapse collapse" aria-labelledby="genques-headingTwo" data-bs-parent="#genques-accordion">
|
||
<div class="accordion-body ff-secondary">
|
||
A story can have as many themes as the reader can identify based on recurring patterns and parallels within the story
|
||
itself. In looking at ways to separate themes into a hierarchy, we might find it useful to follow the example of a single book.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="genques-headingThree">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#genques-collapseThree" aria-expanded="false" aria-controls="genques-collapseThree">
|
||
What are theme features?
|
||
</button>
|
||
</h2>
|
||
<div id="genques-collapseThree" class="accordion-collapse collapse" aria-labelledby="genques-headingThree" data-bs-parent="#genques-accordion">
|
||
<div class="accordion-body ff-secondary">
|
||
Theme features is a set of specific functionality that may be enabled by theme authors. Themes must register each
|
||
individual Theme Feature that the author wishes to support. Theme support functions should be called in the theme's functions.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="genques-headingFour">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#genques-collapseFour" aria-expanded="false" aria-controls="genques-collapseFour">
|
||
What is simple theme?
|
||
</button>
|
||
</h2>
|
||
<div id="genques-collapseFour" class="accordion-collapse collapse" aria-labelledby="genques-headingFour" data-bs-parent="#genques-accordion">
|
||
<div class="accordion-body ff-secondary">
|
||
Simple is a free WordPress theme, by Themify, built exactly what it is named for: simplicity. Immediately upgrade the
|
||
quality of your WordPress site with the simple theme To use the built-in Chrome theme editor.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--end accordion-->
|
||
|
||
</div>
|
||
<!-- end col -->
|
||
<div class="col-lg-6">
|
||
<div class="d-flex align-items-center mb-2">
|
||
<div class="flex-shrink-0 me-1">
|
||
<i class="ri-shield-keyhole-line fs-24 align-middle text-success me-1"></i>
|
||
</div>
|
||
<div class="flex-grow-1">
|
||
<h5 class="mb-0 fw-semibold">Privacy & Security</h5>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="accordion custom-accordionwithicon custom-accordion-border accordion-border-box" id="privacy-accordion">
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="privacy-headingOne">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#privacy-collapseOne" aria-expanded="false" aria-controls="privacy-collapseOne">
|
||
Does Word have night mode?
|
||
</button>
|
||
</h2>
|
||
<div id="privacy-collapseOne" class="accordion-collapse collapse" aria-labelledby="privacy-headingOne" data-bs-parent="#privacy-accordion">
|
||
<div class="accordion-body ff-secondary">
|
||
You can run Microsoft Word in dark mode, which uses a dark color palette to help reduce eye strain in low light
|
||
settings. You can choose to make the document white or black using the Switch Modes button in the ribbon's View tab.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="privacy-headingTwo">
|
||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#privacy-collapseTwo" aria-expanded="true" aria-controls="privacy-collapseTwo">
|
||
Is theme an opinion?
|
||
</button>
|
||
</h2>
|
||
<div id="privacy-collapseTwo" class="accordion-collapse collapse show" aria-labelledby="privacy-headingTwo" data-bs-parent="#privacy-accordion">
|
||
<div class="accordion-body ff-secondary">
|
||
A theme is an opinion the author expresses on the subject, for instance, the author's dissatisfaction with the narrow
|
||
confines of French bourgeois marriage during that period theme is an idea that a writer repeats.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="privacy-headingThree">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#privacy-collapseThree" aria-expanded="false" aria-controls="privacy-collapseThree">
|
||
How do you develop a theme?
|
||
</button>
|
||
</h2>
|
||
<div id="privacy-collapseThree" class="accordion-collapse collapse" aria-labelledby="privacy-headingThree" data-bs-parent="#privacy-accordion">
|
||
<div class="accordion-body ff-secondary">
|
||
A short story, novella, or novel presents a narrative to its reader. Perhaps that narrative involves mystery, terror,
|
||
romance, comedy, or all of the above. These works of fiction may also contain memorable characters, vivid
|
||
world-building, literary devices.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="privacy-headingFour">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#privacy-collapseFour" aria-expanded="false" aria-controls="privacy-collapseFour">
|
||
Do stories need themes?
|
||
</button>
|
||
</h2>
|
||
<div id="privacy-collapseFour" class="accordion-collapse collapse" aria-labelledby="privacy-headingFour" data-bs-parent="#privacy-accordion">
|
||
<div class="accordion-body ff-secondary">
|
||
A story can have as many themes as the reader can identify based on recurring patterns and parallels within the story
|
||
itself. In looking at ways to separate themes into a hierarchy, we might find it useful to follow the example of a
|
||
single book.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--end accordion-->
|
||
</div>
|
||
<!-- end col -->
|
||
</div>
|
||
<!-- end row -->
|
||
</div>
|
||
<!-- end container -->
|
||
</section>
|
||
<!-- end faqs -->
|
||
|
||
<!-- start review -->
|
||
<section class="section bg-primary" id="reviews">
|
||
<div class="bg-overlay bg-overlay-pattern"></div>
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-10">
|
||
<div class="text-center">
|
||
<div>
|
||
<i class="ri-double-quotes-l text-success display-3"></i>
|
||
</div>
|
||
<h4 class="text-white mb-5"><span class="text-success">19k</span>+ Satisfied clients</h4>
|
||
|
||
<!-- Swiper -->
|
||
<div class="swiper client-review-swiper rounded" dir="ltr">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="row justify-content-center">
|
||
<div class="col-10">
|
||
<div class="text-white-50">
|
||
<p class="fs-20 ff-secondary mb-4">" I am givng 5 stars. Theme is great and everyone one stuff everything in theme. Future request should not affect current state of theme. "</p>
|
||
|
||
<div>
|
||
<h5 class="text-white">gregoriusus</h5>
|
||
<p>- Skote User</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end slide -->
|
||
<div class="swiper-slide">
|
||
<div class="row justify-content-center">
|
||
<div class="col-10">
|
||
<div class="text-white-50">
|
||
<p class="fs-20 ff-secondary mb-4">" Awesome support. Had few issues while setting up because of my device, the support team helped me fix them up in a day. Everything looks clean and good. Highly recommended! "</p>
|
||
|
||
<div>
|
||
<h5 class="text-white">GeekyGreenOwl</h5>
|
||
<p>- Skote User</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end slide -->
|
||
<div class="swiper-slide">
|
||
<div class="row justify-content-center">
|
||
<div class="col-10">
|
||
<div class="text-white-50">
|
||
<p class="fs-20 ff-secondary mb-4">" Amazing template, Redux store and components is nicely designed. It's a great start point for an admin based project. Clean Code and good documentation. Template is completely in React and absolutely no usage of jQuery "</p>
|
||
|
||
<div>
|
||
<h5 class="text-white">sreeks456</h5>
|
||
<p>- Veltrix User</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end slide -->
|
||
</div>
|
||
<div class="swiper-button-next bg-white rounded-circle"></div>
|
||
<div class="swiper-button-prev bg-white rounded-circle"></div>
|
||
<div class="swiper-pagination position-relative mt-2"></div>
|
||
</div>
|
||
<!-- end slider -->
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
</div>
|
||
<!-- end row -->
|
||
</div>
|
||
<!-- end container -->
|
||
</section>
|
||
<!-- end review -->
|
||
|
||
<!-- start counter -->
|
||
<section class="py-5 position-relative bg-light">
|
||
<div class="container">
|
||
<div class="row text-center gy-4">
|
||
<div class="col-lg-3 col-6">
|
||
<div>
|
||
<h2 class="mb-2"><span class="counter-value" data-target="100">0</span>+</h2>
|
||
<div class="text-muted">Projects Completed</div>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
|
||
<div class="col-lg-3 col-6">
|
||
<div>
|
||
<h2 class="mb-2"><span class="counter-value" data-target="24">0</span></h2>
|
||
<div class="text-muted">Win Awards</div>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
|
||
<div class="col-lg-3 col-6">
|
||
<div>
|
||
<h2 class="mb-2"><span class="counter-value" data-target="20.3">0</span>k</h2>
|
||
<div class="text-muted">Satisfied Clients</div>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
<div class="col-lg-3 col-6">
|
||
<div>
|
||
<h2 class="mb-2"><span class="counter-value" data-target="50">0</span></h2>
|
||
<div class="text-muted">Employees</div>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
</div>
|
||
<!-- end row -->
|
||
</div>
|
||
<!-- end container -->
|
||
</section>
|
||
<!-- end counter -->
|
||
|
||
<!-- start Work Process -->
|
||
<section class="section">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-8">
|
||
<div class="text-center mb-5">
|
||
<h3 class="mb-3 fw-semibold">Our Work Process</h3>
|
||
<p class="text-muted mb-4 ff-secondary">In an ideal world this website wouldn’t exist, a client would acknowledge the importance of having web copy before the Proin vitae ipsum vel ex finibus semper design starts.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end row -->
|
||
|
||
<div class="row text-center">
|
||
<div class="col-lg-4">
|
||
<div class="process-card mt-4">
|
||
<div class="process-arrow-img d-none d-lg-block">
|
||
<img src="assets/images/landing/process-arrow-img.png" alt="" class="img-fluid">
|
||
</div>
|
||
<div class="avatar-sm icon-effect mx-auto mb-4">
|
||
<div class="avatar-title bg-transparent text-success rounded-circle h1">
|
||
<i class="ri-quill-pen-line"></i>
|
||
</div>
|
||
</div>
|
||
|
||
<h5>Tell us what you need</h5>
|
||
<p class="text-muted ff-secondary">The profession and the employer and your desire to make your mark.</p>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
<div class="col-lg-4">
|
||
<div class="process-card mt-4">
|
||
<div class="process-arrow-img d-none d-lg-block">
|
||
<img src="assets/images/landing/process-arrow-img.png" alt="" class="img-fluid">
|
||
</div>
|
||
<div class="avatar-sm icon-effect mx-auto mb-4">
|
||
<div class="avatar-title bg-transparent text-success rounded-circle h1">
|
||
<i class="ri-user-follow-line"></i>
|
||
</div>
|
||
</div>
|
||
|
||
<h5>Get free quotes</h5>
|
||
<p class="text-muted ff-secondary">The most important aspect of beauty was, therefore, an inherent part.</p>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
<div class="col-lg-4">
|
||
<div class="process-card mt-4">
|
||
<div class="avatar-sm icon-effect mx-auto mb-4">
|
||
<div class="avatar-title bg-transparent text-success rounded-circle h1">
|
||
<i class="ri-book-mark-line"></i>
|
||
</div>
|
||
</div>
|
||
|
||
<h5>Deliver high quality product</h5>
|
||
<p class="text-muted ff-secondary">We quickly learn to fear and thus automatically avoid potentially.</p>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
</div>
|
||
<!-- end row -->
|
||
</div>
|
||
<!-- end container -->
|
||
</section>
|
||
<!-- end Work Process -->
|
||
|
||
<!-- start team -->
|
||
<section class="section bg-light" id="team">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-8">
|
||
<div class="text-center mb-5">
|
||
<h3 class="mb-3 fw-semibold">Our <span class="text-danger">Team</span></h3>
|
||
<p class="text-muted mb-4 ff-secondary">To achieve this, it would be necessary to have uniform grammar, pronunciation and more common words. If several languages coalesce the grammar.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end row -->
|
||
<div class="row">
|
||
<div class="col-lg-3 col-sm-6">
|
||
<div class="card">
|
||
<div class="card-body text-center p-4">
|
||
<div class="avatar-xl mx-auto mb-4 position-relative">
|
||
<img src="assets/images/users/avatar-2.jpg" alt="" class="img-fluid rounded-circle">
|
||
<a href="apps-mailbox.html" class="btn btn-success btn-sm position-absolute bottom-0 end-0 rounded-circle avatar-xs">
|
||
<div class="avatar-title bg-transparent">
|
||
<i class="ri-mail-fill align-bottom"></i>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<!-- end card body -->
|
||
<h5 class="mb-1"><a href="pages-profile.html" class="text-body">Nancy Martino</a></h5>
|
||
<p class="text-muted mb-0 ff-secondary">Team Leader</p>
|
||
</div>
|
||
</div>
|
||
<!-- end card -->
|
||
</div>
|
||
<!-- end col -->
|
||
<div class="col-lg-3 col-sm-6">
|
||
<div class="card">
|
||
<div class="card-body text-center p-4">
|
||
<div class="avatar-xl mx-auto mb-4 position-relative">
|
||
<img src="assets/images/users/avatar-10.jpg" alt="" class="img-fluid rounded-circle">
|
||
<a href="apps-mailbox.html" class="btn btn-success btn-sm position-absolute bottom-0 end-0 rounded-circle avatar-xs">
|
||
<div class="avatar-title bg-transparent">
|
||
<i class="ri-mail-fill align-bottom"></i>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<!-- end card body -->
|
||
<h5 class="mb-1"><a href="pages-profile.html" class="text-body">Henry Baird</a></h5>
|
||
<p class="text-muted mb-0 ff-secondary">Full Stack Developer</p>
|
||
</div>
|
||
</div>
|
||
<!-- end card -->
|
||
</div>
|
||
<!-- end col -->
|
||
<div class="col-lg-3 col-sm-6">
|
||
<div class="card">
|
||
<div class="card-body text-center p-4">
|
||
<div class="avatar-xl mx-auto mb-4 position-relative">
|
||
<img src="assets/images/users/avatar-3.jpg" alt="" class="img-fluid rounded-circle">
|
||
<a href="apps-mailbox.html" class="btn btn-success btn-sm position-absolute bottom-0 end-0 rounded-circle avatar-xs">
|
||
<div class="avatar-title bg-transparent">
|
||
<i class="ri-mail-fill align-bottom"></i>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<!-- end card body -->
|
||
<h5 class="mb-1"><a href="pages-profile.html" class="text-body">Frank Hook</a></h5>
|
||
<p class="text-muted mb-0 ff-secondary">Project Manager</p>
|
||
</div>
|
||
</div>
|
||
<!-- end card -->
|
||
</div>
|
||
<!-- end col -->
|
||
<div class="col-lg-3 col-sm-6">
|
||
<div class="card">
|
||
<div class="card-body text-center p-4">
|
||
<div class="avatar-xl mx-auto mb-4 position-relative">
|
||
<img src="assets/images/users/avatar-8.jpg" alt="" class="img-fluid rounded-circle">
|
||
<a href="apps-mailbox.html" class="btn btn-success btn-sm position-absolute bottom-0 end-0 rounded-circle avatar-xs">
|
||
<div class="avatar-title bg-transparent">
|
||
<i class="ri-mail-fill align-bottom"></i>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<!-- end card body -->
|
||
<h5 class="mb-1"><a href="pages-profile.html" class="text-body">Donald Palmer</a></h5>
|
||
<p class="text-muted mb-0 ff-secondary">UI/UX Designer</p>
|
||
</div>
|
||
</div>
|
||
<!-- end card -->
|
||
</div>
|
||
<!-- end col -->
|
||
</div>
|
||
<!-- end row -->
|
||
<div class="row">
|
||
<div class="col-lg-3 col-sm-6">
|
||
<div class="card">
|
||
<div class="card-body text-center p-4">
|
||
<div class="avatar-xl mx-auto mb-4 position-relative">
|
||
<img src="assets/images/users/avatar-5.jpg" alt="" class="img-fluid rounded-circle">
|
||
<a href="apps-mailbox.html" class="btn btn-success btn-sm position-absolute bottom-0 end-0 rounded-circle avatar-xs">
|
||
<div class="avatar-title bg-transparent">
|
||
<i class="ri-mail-fill align-bottom"></i>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<!-- end card body -->
|
||
<h5 class="mb-1"><a href="pages-profile.html" class="text-body">Erica Kernan</a></h5>
|
||
<p class="text-muted mb-0 ff-secondary">Web Designer</p>
|
||
</div>
|
||
</div>
|
||
<!-- end card -->
|
||
</div>
|
||
<!-- end col -->
|
||
<div class="col-lg-3 col-sm-6">
|
||
<div class="card">
|
||
<div class="card-body text-center p-4">
|
||
<div class="avatar-xl mx-auto mb-4 position-relative">
|
||
<img src="assets/images/users/avatar-4.jpg" alt="" class="img-fluid rounded-circle">
|
||
<a href="apps-mailbox.html" class="btn btn-success btn-sm position-absolute bottom-0 end-0 rounded-circle avatar-xs">
|
||
<div class="avatar-title bg-transparent">
|
||
<i class="ri-mail-fill align-bottom"></i>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<!-- end card body -->
|
||
<h5 class="mb-1"><a href="pages-profile.html" class="text-body">Alexis Clarke</a></h5>
|
||
<p class="text-muted mb-0 ff-secondary">Backend Developer</p>
|
||
</div>
|
||
</div>
|
||
<!-- end card -->
|
||
</div>
|
||
<!-- end col -->
|
||
<div class="col-lg-3 col-sm-6">
|
||
<div class="card">
|
||
<div class="card-body text-center p-4">
|
||
<div class="avatar-xl mx-auto mb-4 position-relative">
|
||
<img src="assets/images/users/avatar-6.jpg" alt="" class="img-fluid rounded-circle">
|
||
<a href="apps-mailbox.html" class="btn btn-success btn-sm position-absolute bottom-0 end-0 rounded-circle avatar-xs">
|
||
<div class="avatar-title bg-transparent">
|
||
<i class="ri-mail-fill align-bottom"></i>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<!-- end card body -->
|
||
<h5 class="mb-1"><a href="pages-profile.html" class="text-body">Marie Ward</a></h5>
|
||
<p class="text-muted mb-0 ff-secondary">Full Stack Developer</p>
|
||
</div>
|
||
</div>
|
||
<!-- end card -->
|
||
</div>
|
||
<!-- end col -->
|
||
|
||
<div class="col-lg-3 col-sm-6">
|
||
<div class="card">
|
||
<div class="card-body text-center p-4">
|
||
<div class="avatar-xl mx-auto mb-4 position-relative">
|
||
<img src="assets/images/users/avatar-7.jpg" alt="" class="img-fluid rounded-circle">
|
||
<a href="apps-mailbox.html" class="btn btn-success btn-sm position-absolute bottom-0 end-0 rounded-circle avatar-xs">
|
||
<div class="avatar-title bg-transparent">
|
||
<i class="ri-mail-fill align-bottom"></i>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<!-- end card body -->
|
||
<h5 class="mb-1"><a href="pages-profile.html" class="text-body">Jack Gough</a></h5>
|
||
<p class="text-muted mb-0 ff-secondary">React Js Developer</p>
|
||
</div>
|
||
</div>
|
||
<!-- end card -->
|
||
</div>
|
||
<!-- end col -->
|
||
</div>
|
||
<!-- end row -->
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="text-center mt-2">
|
||
<a href="pages-team.html" class="btn btn-primary">View All Members <i class="ri-arrow-right-line ms-1 align-bottom"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end row -->
|
||
</div>
|
||
<!-- end container -->
|
||
</section>
|
||
<!-- end team -->
|
||
|
||
<!-- start contact -->
|
||
<section class="section" id="contact">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-8">
|
||
<div class="text-center mb-5">
|
||
<h3 class="mb-3 fw-semibold">Get In Touch</h3>
|
||
<p class="text-muted mb-4 ff-secondary">We thrive when coming up with innovative ideas but also understand that a smart concept should be supported with faucibus sapien odio measurable results.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end row -->
|
||
|
||
<div class="row gy-4">
|
||
<div class="col-lg-4">
|
||
<div>
|
||
<div class="mt-4">
|
||
<h5 class="fs-13 text-muted text-uppercase">Office Address 1:</h5>
|
||
<div class="ff-secondary fw-semibold">4461 Cedar Street Moro, <br />AR 72368</div>
|
||
</div>
|
||
<div class="mt-4">
|
||
<h5 class="fs-13 text-muted text-uppercase">Office Address 2:</h5>
|
||
<div class="ff-secondary fw-semibold">2467 Swick Hill Street <br />New Orleans, LA</div>
|
||
</div>
|
||
<div class="mt-4">
|
||
<h5 class="fs-13 text-muted text-uppercase">Working Hours:</h5>
|
||
<div class="ff-secondary fw-semibold">9:00am to 6:00pm</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
<div class="col-lg-8">
|
||
<div>
|
||
<form>
|
||
<div class="row">
|
||
<div class="col-lg-6">
|
||
<div class="mb-4">
|
||
<label for="name" class="form-label fs-13">Name</label>
|
||
<input name="name" id="name" type="text" class="form-control bg-light border-light" placeholder="Your name*">
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="mb-4">
|
||
<label for="email" class="form-label fs-13">Email</label>
|
||
<input name="email" id="email" type="email" class="form-control bg-light border-light" placeholder="Your email*">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="mb-4">
|
||
<label for="subject" class="form-label fs-13">Subject</label>
|
||
<input type="text" class="form-control bg-light border-light" id="subject" name="subject" placeholder="Your Subject.." />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-12">
|
||
<div class="mb-3">
|
||
<label for="comments" class="form-label fs-13">Message</label>
|
||
<textarea name="comments" id="comments" rows="3" class="form-control bg-light border-light" placeholder="Your message..."></textarea>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-12 text-end">
|
||
<input type="submit" id="submit" name="send" class="submitBnt btn btn-primary" value="Send Message">
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- end row -->
|
||
</div>
|
||
<!-- end container -->
|
||
</section>
|
||
<!-- end contact -->
|
||
|
||
<!-- start cta -->
|
||
<section class="py-5 bg-primary position-relative">
|
||
<div class="bg-overlay bg-overlay-pattern opacity-50"></div>
|
||
<div class="container">
|
||
<div class="row align-items-center gy-4">
|
||
<div class="col-sm">
|
||
<div>
|
||
<h4 class="text-white mb-0 fw-semibold">Build your web App/SaaS with Velzon dashboard</h4>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
<div class="col-sm-auto">
|
||
<div>
|
||
<a href="https://1.envato.market/velzon-admin" target="_blank" class="btn bg-gradient btn-danger"><i class="ri-shopping-cart-2-line align-middle me-1"></i> Buy Now</a>
|
||
</div>
|
||
</div>
|
||
<!-- end col -->
|
||
</div>
|
||
<!-- end row -->
|
||
</div>
|
||
<!-- end container -->
|
||
</section>
|
||
<!-- end cta -->
|
||
|
||
<!-- Start footer -->
|
||
<footer class="custom-footer bg-dark py-5 position-relative">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-4 mt-4">
|
||
<div>
|
||
<div>
|
||
<img src="assets/images/logo-light.png" alt="logo light" height="17">
|
||
</div>
|
||
<div class="mt-4 fs-13">
|
||
<p>Premium Multipurpose Admin & Dashboard Template</p>
|
||
<p class="ff-secondary">You can build any type of web application like eCommerce, CRM, CMS, Project management apps, Admin Panels, etc using Velzon.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-7 ms-lg-auto">
|
||
<div class="row">
|
||
<div class="col-sm-4 mt-4">
|
||
<h5 class="text-white mb-0">Company</h5>
|
||
<div class="text-muted mt-3">
|
||
<ul class="list-unstyled ff-secondary footer-list">
|
||
<li><a href="pages-profile.html">About Us</a></li>
|
||
<li><a href="pages-gallery.html">Gallery</a></li>
|
||
<li><a href="apps-projects-overview.html">Projects</a></li>
|
||
<li><a href="pages-timeline.html">Timeline</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-4 mt-4">
|
||
<h5 class="text-white mb-0">Apps Pages</h5>
|
||
<div class="text-muted mt-3">
|
||
<ul class="list-unstyled ff-secondary footer-list">
|
||
<li><a href="pages-pricing.html">Calendar</a></li>
|
||
<li><a href="apps-mailbox.html">Mailbox</a></li>
|
||
<li><a href="apps-chat.html">Chat</a></li>
|
||
<li><a href="apps-crm-deals.html">Deals</a></li>
|
||
<li><a href="apps-tasks-kanban.html">Kanban Board</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-4 mt-4">
|
||
<h5 class="text-white mb-0">Support</h5>
|
||
<div class="text-muted mt-3">
|
||
<ul class="list-unstyled ff-secondary footer-list">
|
||
<li><a href="pages-faqs.html">FAQ</a></li>
|
||
<li><a href="pages-faqs.html">Contact</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="row text-center text-sm-start align-items-center mt-5">
|
||
<div class="col-sm-6">
|
||
|
||
<div>
|
||
<p class="copy-rights mb-0">
|
||
<script> document.write(new Date().getFullYear()) </script> © Velzon - Themesbrand
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-6">
|
||
<div class="text-sm-end mt-3 mt-sm-0">
|
||
<ul class="list-inline mb-0 footer-social-link">
|
||
<li class="list-inline-item">
|
||
<a href="javascript: void(0);" class="avatar-xs d-block">
|
||
<div class="avatar-title rounded-circle">
|
||
<i class="ri-facebook-fill"></i>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li class="list-inline-item">
|
||
<a href="javascript: void(0);" class="avatar-xs d-block">
|
||
<div class="avatar-title rounded-circle">
|
||
<i class="ri-github-fill"></i>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li class="list-inline-item">
|
||
<a href="javascript: void(0);" class="avatar-xs d-block">
|
||
<div class="avatar-title rounded-circle">
|
||
<i class="ri-linkedin-fill"></i>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li class="list-inline-item">
|
||
<a href="javascript: void(0);" class="avatar-xs d-block">
|
||
<div class="avatar-title rounded-circle">
|
||
<i class="ri-google-fill"></i>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li class="list-inline-item">
|
||
<a href="javascript: void(0);" class="avatar-xs d-block">
|
||
<div class="avatar-title rounded-circle">
|
||
<i class="ri-dribbble-line"></i>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- end footer -->
|
||
|
||
|
||
<!--start back-to-top-->
|
||
<button onclick="topFunction()" class="btn btn-danger btn-icon landing-back-top" id="back-to-top">
|
||
<i class="ri-arrow-up-line"></i>
|
||
</button>
|
||
<!--end back-to-top-->
|
||
|
||
</div>
|
||
<!-- end layout wrapper -->
|
||
|
||
|
||
<!-- JAVASCRIPT -->
|
||
<script src="assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
|
||
<script src="assets/libs/simplebar/simplebar.min.js"></script>
|
||
<script src="assets/libs/node-waves/waves.min.js"></script>
|
||
<script src="assets/libs/feather-icons/feather.min.js"></script>
|
||
<script src="assets/js/pages/plugins/lord-icon-2.1.0.js"></script>
|
||
<script src="assets/js/plugins.js"></script>
|
||
|
||
<!--Swiper slider js-->
|
||
<script src="assets/libs/swiper/swiper-bundle.min.js"></script>
|
||
|
||
<!-- landing init -->
|
||
<script src="assets/js/pages/landing.init.js"></script>
|
||
</body>
|
||
|
||
|
||
<!-- Mirrored from themesbrand.com/velzon/html/master/landing.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 08 May 2025 07:16:56 GMT -->
|
||
</html> |