Your Name
1831 lines
70 KiB
PHP
1831 lines
70 KiB
PHP
<!doctype html>
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="Tokslaw" content="TimeWellServed">
|
|
<meta name="description" content="TimeWellServed>
|
|
<meta name="keywords" content="Responsive, HTML5, TimeWellServed, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Product">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<!-- SITE TITLE -->
|
|
<title>TimeWellServed</title>
|
|
|
|
<!-- FAVICON AND TOUCH ICONS -->
|
|
<link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon">
|
|
<link rel="icon" href="assets/images/favicon.ico" type="image/x-icon">
|
|
<link rel="apple-touch-icon" sizes="152x152" href="assets/images/apple-touch-icon-152x152.png">
|
|
<link rel="apple-touch-icon" sizes="120x120" href="assets/images/apple-touch-icon-120x120.png">
|
|
<link rel="apple-touch-icon" sizes="76x76" href="assets/images/apple-touch-icon-76x76.png">
|
|
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png">
|
|
<link rel="icon" href="assets/images/apple-touch-icon.png" type="image/x-icon">
|
|
|
|
<!-- GOOGLE FONTS -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
|
|
|
<!-- BOOTSTRAP CSS -->
|
|
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
<!-- FONT ICONS -->
|
|
<link href="assets/css/flaticon.css" rel="stylesheet">
|
|
|
|
<!-- PLUGINS STYLESHEET -->
|
|
<link href="assets/css/menu.css" rel="stylesheet">
|
|
<link id="effect" href="assets/css/dropdown-effects/fade-down.css" media="all" rel="stylesheet">
|
|
<link href="assets/css/magnific-popup.css" rel="stylesheet">
|
|
<link href="assets/css/owl.carousel.min.css" rel="stylesheet">
|
|
<link href="assets/css/owl.theme.default.min.css" rel="stylesheet">
|
|
<link href="assets/css/lunar.css" rel="stylesheet">
|
|
|
|
<!-- ON SCROLL ANIMATION -->
|
|
<link href="assets/css/animate.css" rel="stylesheet">
|
|
|
|
<!-- TEMPLATE CSS -->
|
|
<!-- <link href="assets/cssblue-theme.css" rel="stylesheet"> -->
|
|
<!-- <link href="assets/csscrocus-theme.css" rel="stylesheet"> -->
|
|
<!-- <link href="assets/cssgreen-theme.css" rel="stylesheet"> -->
|
|
<link href="assets/css/magenta-theme.css" rel="stylesheet">
|
|
<!-- <link href="assets/csspink-theme.css" rel="stylesheet"> -->
|
|
<!-- <link href="assets/csspurple-theme.css" rel="stylesheet"> -->
|
|
<!-- <link href="assets/cssskyblue-theme.css" rel="stylesheet"> -->
|
|
<!-- <link href="assets/cssred-theme.css" rel="stylesheet"> -->
|
|
<!-- <link href="assets/cssviolet-theme.css" rel="stylesheet"> -->
|
|
|
|
<!-- RESPONSIVE CSS -->
|
|
<link href="assets/css/responsive.css" rel="stylesheet">
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<!-- PRELOADER SPINNER
|
|
============================================= -->
|
|
<div id="loading" class="loading--theme">
|
|
<div id="loading-center"><span class="loader"></span></div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- PAGE CONTENT
|
|
============================================= -->
|
|
<div id="page" class="page font--jakarta">
|
|
|
|
|
|
|
|
|
|
<!-- HEADER
|
|
============================================= -->
|
|
<header id="header" class="tra-menu navbar-dark light-hero-header white-scroll">
|
|
<div class="header-wrapper">
|
|
|
|
|
|
<!-- MOBILE HEADER -->
|
|
<div class="wsmobileheader clearfix">
|
|
<span class="smllogo"><img src="assets/images/logo-magenta.png" alt="mobile-logo"></span>
|
|
<a id="wsnavtoggle" class="wsanimated-arrow"><span></span></a>
|
|
</div>
|
|
|
|
|
|
<!-- NAVIGATION MENU -->
|
|
<div class="wsmainfull menu clearfix">
|
|
<div class="wsmainwp clearfix">
|
|
|
|
|
|
<!-- HEADER BLACK LOGO -->
|
|
<div class="desktoplogo">
|
|
<a href="#hero-25" class="logo-black"><img src="assets/images/timewellserved-logo.png" alt="logo"></a>
|
|
</div>
|
|
|
|
|
|
<!-- HEADER WHITE LOGO -->
|
|
<div class="desktoplogo">
|
|
<a href="#hero-25" class="logo-white"><img src="assets/images/logo-magenta-white.png" alt="logo"></a>
|
|
</div>
|
|
|
|
|
|
<!-- MAIN MENU -->
|
|
<nav class="wsmenu clearfix">
|
|
<ul class="wsmenu-list nav-theme">
|
|
|
|
|
|
<!-- DROPDOWN SUB MENU -->
|
|
<li aria-haspopup="true"><a href="#" class="h-link">About <span class="wsarrow"></span></a>
|
|
<ul class="sub-menu">
|
|
<li aria-haspopup="true"><a href="#lnk-1">Why Martex?</a></li>
|
|
<li aria-haspopup="true"><a href="#lnk-2">How It Works</a></li>
|
|
<li aria-haspopup="true"><a href="#features-2">Best Solutions</a></li>
|
|
<li aria-haspopup="true"><a href="#lnk-3">Integrations</a></li>
|
|
<li aria-haspopup="true"><a href="#reviews-2">Testimonials</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
<!-- SIMPLE NAVIGATION LINK -->
|
|
<li class="nl-simple" aria-haspopup="true"><a href="#features-13" class="h-link">Features</a></li>
|
|
|
|
|
|
<!-- MEGAMENU -->
|
|
<li aria-haspopup="true" class="mg_link"><a href="#" class="h-link">Pages <span class="wsarrow"></span></a>
|
|
<div class="wsmegamenu w-75 clearfix">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<!-- MEGAMENU LINKS -->
|
|
<ul class="col-md-12 col-lg-3 link-list">
|
|
<li class="fst-li"><a href="about.html">About Us</a></li>
|
|
<li><a href="team.html">Our Team</a></li>
|
|
<li><a href="careers.html">Careers <span class="sm-info">4</span></a></li>
|
|
<li><a href="career-role.html">Career Details</a></li>
|
|
<li><a href="contacts.html">Contact Us</a></li>
|
|
</ul>
|
|
|
|
<!-- MEGAMENU LINKS -->
|
|
<ul class="col-md-12 col-lg-3 link-list">
|
|
<li><a href="features.html">Core Features</a></li>
|
|
<li class="fst-li"><a href="projects.html">Our Projects</a></li>
|
|
<li><a href="project-details.html">Project Details</a></li>
|
|
<li><a href="reviews.html">Testimonials</a></li>
|
|
<li><a href="download.html">Download Page</a></li>
|
|
</ul>
|
|
|
|
<!-- MEGAMENU LINKS -->
|
|
<ul class="col-md-12 col-lg-3 link-list">
|
|
<li class="fst-li"><a href="pricing-1.html">Pricing Page #1</a></li>
|
|
<li><a href="pricing-1.html">Pricing Page #2</a></li>
|
|
<li><a href="faqs.html">FAQs Page</a></li>
|
|
<li><a href="help-center.html">Help Center</a></li>
|
|
<li><a href="404.html">404 Page</a></li>
|
|
</ul>
|
|
|
|
<!-- MEGAMENU LINKS -->
|
|
<ul class="col-md-12 col-lg-3 link-list">
|
|
<li class="fst-li"><a href="blog-listing.html">Blog Listing</a></li>
|
|
<li><a href="single-post.html">Single Blog Post</a></li>
|
|
<li><a href="login-2.html">Login Page</a></li>
|
|
<li><a href="signup-2.html">Signup Page</a></li>
|
|
<li><a href="reset-password.html">Reset Password</a></li>
|
|
</ul>
|
|
|
|
</div> <!-- End row -->
|
|
</div> <!-- End container -->
|
|
</div> <!-- End wsmegamenu -->
|
|
</li> <!-- END MEGAMENU -->
|
|
|
|
|
|
<!-- SIMPLE NAVIGATION LINK -->
|
|
<li class="nl-simple" aria-haspopup="true"><a href="pricing-1.html" class="h-link">Pricing</a></li>
|
|
|
|
|
|
<!-- SIMPLE NAVIGATION LINK -->
|
|
<li class="nl-simple" aria-haspopup="true"><a href="#faqs-3" class="h-link">FAQs</a></li>
|
|
|
|
|
|
<!-- SIGN IN LINK -->
|
|
<li class="nl-simple reg-fst-link mobile-last-link" aria-haspopup="true">
|
|
<a href="login-2.html" class="h-link">Sign in</a>
|
|
</li>
|
|
|
|
|
|
<!-- SIGN UP BUTTON -->
|
|
<li class="nl-simple" aria-haspopup="true">
|
|
<a href="signup-2.html" class="btn r-04 btn--theme hover--tra-black last-link">Sign up</a>
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
</nav> <!-- END MAIN MENU -->
|
|
|
|
|
|
</div>
|
|
</div> <!-- END NAVIGATION MENU -->
|
|
|
|
|
|
</div> <!-- End header-wrapper -->
|
|
</header> <!-- END HEADER -->
|
|
|
|
|
|
|
|
|
|
<!-- HERO-25
|
|
============================================= -->
|
|
<section id="hero-25" class="1gr--whitesmoke bg--fixed hero-section">
|
|
<div class="container">
|
|
<div class="row d-flex align-items-center">
|
|
|
|
|
|
<!-- HERO TEXT -->
|
|
<div class="col-md-6">
|
|
<div class="hero-25-txt wow fadeInRight">
|
|
|
|
<!-- Section ID -->
|
|
<span class="section-id">Built-In Automation</span>
|
|
|
|
<!-- Title -->
|
|
<h2 class="s-52 w-700">Connect with Your Community</h2>
|
|
|
|
<!-- Text -->
|
|
<p class="p-lg">Make a difference in your community. Connect with meaningful volunteer opportunities that match your passion.
|
|
</p>
|
|
|
|
<!-- Button -->
|
|
<a href="#banner-3" class="btn r-04 btn--theme hover--theme">Get started for free</a>
|
|
|
|
</div>
|
|
</div> <!-- END HERO TEXT -->
|
|
|
|
|
|
<!-- HERO IMAGE -->
|
|
<div class="col-md-6">
|
|
<div class="hero-25-img wow fadeInLeft">
|
|
<img class="img-fluid" src="assets/images/hero-25-img.png" alt="hero-image">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div> <!-- End row -->
|
|
</div> <!-- End container -->
|
|
</section> <!-- END HERO-25 -->
|
|
|
|
|
|
<!-- DIVIDER LINE -->
|
|
<hr class="divider">
|
|
|
|
|
|
|
|
|
|
<!-- TEXT CONTENT
|
|
============================================= -->
|
|
<section id="lnk-1" class="pt-100 ct-02 content-section division">
|
|
<div class="container">
|
|
|
|
|
|
<!-- SECTION TITLE -->
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-8">
|
|
<div class="section-title mb-70">
|
|
|
|
<!-- Title -->
|
|
<h2 class="s-48 w-700">Transform Yourself, Connect with Time Well Served!</h2>
|
|
|
|
<!-- Text -->
|
|
<p class="s-21 color--grey">Community service is meant to rehabilitate, not re-punish.</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- SECTION CONTENT (ROW) -->
|
|
<div class="row d-flex align-items-center">
|
|
|
|
|
|
<!-- IMAGE BLOCK -->
|
|
<div class="col-md-6">
|
|
<div class="img-block left-column wow fadeInRight">
|
|
<img class="img-fluid" src="assets/images/img-03.png" alt="content-image">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- TEXT BLOCK -->
|
|
<div class="col-md-6">
|
|
<div class="txt-block right-column wow fadeInLeft">
|
|
|
|
|
|
<!-- TEXT BOX -->
|
|
<div class="txt-box">
|
|
|
|
<!-- Title -->
|
|
<h5 class="s-24 w-700">Centralized system</h5>
|
|
|
|
<!-- Text -->
|
|
<p>Find verified opportunities ipsum undo congue laoreet turpis neque auctor turpis
|
|
vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
|
|
</p>
|
|
|
|
</div> <!-- END TEXT BOX -->
|
|
|
|
|
|
<!-- TEXT BOX -->
|
|
<div class="txt-box mb-0">
|
|
|
|
<!-- Title -->
|
|
<h5 class="s-24 w-700">Fragmented tracking</h5>
|
|
|
|
<!-- Text -->
|
|
<p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
|
|
vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
|
|
purus
|
|
</p>
|
|
|
|
<!-- List -->
|
|
<ul class="simple-list">
|
|
|
|
<li class="list-item">
|
|
<p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
|
|
aliquam undo congue dolor cursus
|
|
</p>
|
|
</li>
|
|
|
|
<li class="list-item">
|
|
<p class="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
|
|
sapien turpis ultrice auctor congue magna placerat
|
|
</p>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div> <!-- END TEXT BOX -->
|
|
|
|
|
|
</div>
|
|
</div> <!-- END TEXT BLOCK -->
|
|
|
|
|
|
</div> <!-- END SECTION CONTENT (ROW) -->
|
|
|
|
|
|
</div> <!-- End container -->
|
|
</section> <!-- END TEXT CONTENT -->
|
|
|
|
|
|
|
|
|
|
<!-- TEXT CONTENT
|
|
============================================= -->
|
|
<section class="pt-100 ct-01 content-section division">
|
|
<div class="container">
|
|
|
|
|
|
<!-- SECTION CONTENT (ROW) -->
|
|
<div class="row d-flex align-items-center">
|
|
|
|
|
|
<!-- TEXT BLOCK -->
|
|
<div class="col-md-6 order-last order-md-2">
|
|
<div class="txt-block left-column wow fadeInRight">
|
|
|
|
<!-- Section ID -->
|
|
<span class="section-id">Strategies That Work</span>
|
|
|
|
<!-- Title -->
|
|
<h2 class="s-46 w-700">Simple. Compliant. Empowering.</h2>
|
|
|
|
<!-- Text -->
|
|
<p>Time Well Served connects volunteers, nonprofits, and case managers on one trusted platform
|
|
that makes community service work for everyone.
|
|
</p>
|
|
|
|
<!-- Text -->
|
|
<p class="mb-0">For Volunteers:
|
|
<ul>
|
|
<li>Find verified service opportunities that match your interests and schedule</li>
|
|
<li>Log hours with GPS check-ins and supervisor sign-offs</li>
|
|
<li>Track progress in real-time with clear deadline visibility</li>
|
|
<li>Receive automated reminders to stay on schedule</li>
|
|
<li>Store signed logs for seamless court submission</li>
|
|
</ul>
|
|
</p>
|
|
|
|
<!-- Link -->
|
|
<div class="txt-block-tra-link mt-25">
|
|
<a href="#features-5" class="tra-link ico-20 color--theme">
|
|
Friendly with others <span class="flaticon-next"></span>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div> <!-- END TEXT BLOCK -->
|
|
|
|
|
|
<!-- IMAGE BLOCK -->
|
|
<div class="col-md-6 order-first order-md-2">
|
|
<div class="img-block right-column wow fadeInLeft">
|
|
<img class="img-fluid" src="assets/images/img-13.png" alt="content-image">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div> <!-- END SECTION CONTENT (ROW) -->
|
|
|
|
|
|
</div> <!-- End container -->
|
|
</section> <!-- END TEXT CONTENT -->
|
|
|
|
|
|
|
|
|
|
<!-- BOX CONTENT
|
|
============================================= -->
|
|
<section id="lnk-2" class="pt-100 ws-wrapper content-section">
|
|
<div class="container">
|
|
<div class="bc-5-wrapper bg--04 hidd bg--scroll r-16">
|
|
<div class="section-overlay">
|
|
|
|
|
|
<!-- SECTION TITLE -->
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-11 col-lg-9">
|
|
<div class="section-title wow fadeInUp mb-60">
|
|
|
|
<!-- Title -->
|
|
<h2 class="s-48 w-700">Built for Real Users, Real Needs</h2>
|
|
|
|
<!-- Text -->
|
|
<p class="p-xl">Aliquam a augue suscipit luctus neque purus ipsum neque diam
|
|
dolor primis libero tempus, blandit and cursus varius and magnis sodales
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- IMAGE BLOCK -->
|
|
<div class="row justify-content-center">
|
|
<div class="col">
|
|
<div class="bc-5-img bc-5-tablet img-block-hidden video-preview wow fadeInUp">
|
|
|
|
<!-- Play Icon -->
|
|
<a class="video-popup1" href="https://www.youtube.com/embed/SZEflIVnhH8">
|
|
<div class="video-btn video-btn-xl bg--theme">
|
|
<div class="video-block-wrapper"><span class="flaticon-play-button"></span></div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- Preview Image -->
|
|
<img class="img-fluid" src="assets/images/tablet-01.png" alt="content-image">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div> <!-- End section overlay -->
|
|
</div> <!-- End content wrapper -->
|
|
</div> <!-- End container -->
|
|
</section> <!-- END BOX CONTENT -->
|
|
|
|
|
|
|
|
|
|
<!-- STATISTIC-1
|
|
============================================= -->
|
|
<div id="statistic-1" class="py-100 statistic-section division">
|
|
<div class="container">
|
|
|
|
|
|
<!-- STATISTIC-1 WRAPPER -->
|
|
<div class="statistic-1-wrapper">
|
|
<div class="row justify-content-md-center row-cols-1 row-cols-md-3">
|
|
|
|
|
|
<!-- STATISTIC BLOCK #1 -->
|
|
<div class="col">
|
|
<div id="sb-1-1" class="wow fadeInUp">
|
|
<div class="statistic-block">
|
|
|
|
<!-- Digit -->
|
|
<div class="statistic-block-digit text-center">
|
|
<h2 class="s-46 statistic-number"><span class="count-element">89</span>k</h2>
|
|
</div>
|
|
|
|
<!-- Text -->
|
|
<div class="statistic-block-txt color--grey">
|
|
<p class="p-md">Porta justo integer and velna vitae auctor</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div> <!-- END STATISTIC BLOCK #1 -->
|
|
|
|
|
|
<!-- STATISTIC BLOCK #2 -->
|
|
<div class="col">
|
|
<div id="sb-1-2" class="wow fadeInUp">
|
|
<div class="statistic-block">
|
|
|
|
<!-- Digit -->
|
|
<div class="statistic-block-digit text-center">
|
|
<h2 class="s-46 statistic-number"><span class="count-element">76</span>%</h2>
|
|
</div>
|
|
|
|
<!-- Text -->
|
|
<div class="statistic-block-txt color--grey">
|
|
<p class="p-md">Ligula magna suscipit vitae and rutrum</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div> <!-- END STATISTIC BLOCK #2 -->
|
|
|
|
|
|
<!-- STATISTIC BLOCK #3 -->
|
|
<div class="col">
|
|
<div id="sb-1-3" class="wow fadeInUp">
|
|
<div class="statistic-block">
|
|
|
|
<!-- Digit -->
|
|
<div class="statistic-block-digit text-center">
|
|
<h2 class="s-46 statistic-number">
|
|
<span class="count-element">4</span>.<span class="count-element">93</span>
|
|
</h2>
|
|
</div>
|
|
|
|
<!-- Text -->
|
|
<div class="statistic-block-txt color--grey">
|
|
<p class="p-md">Sagittis congue augue egestas an egestas</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div> <!-- END STATISTIC BLOCK #3 -->
|
|
|
|
|
|
</div> <!-- End row -->
|
|
</div> <!-- END STATISTIC-1 WRAPPER -->
|
|
|
|
|
|
</div> <!-- End container -->
|
|
</div> <!-- END STATISTIC-1 -->
|
|
|
|
|
|
|
|
|
|
<!-- DIVIDER LINE -->
|
|
<hr class="divider">
|
|
|
|
|
|
|
|
|
|
<!-- TEXT CONTENT
|
|
============================================= -->
|
|
<section class="pt-100 ct-01 content-section division">
|
|
<div class="container">
|
|
|
|
|
|
<!-- SECTION CONTENT (ROW) -->
|
|
<div class="row d-flex align-items-center">
|
|
|
|
|
|
<!-- TEXT BLOCK -->
|
|
<div class="col-md-6 order-last order-md-2">
|
|
<div class="txt-block left-column wow fadeInRight">
|
|
|
|
<!-- Section ID -->
|
|
<span class="section-id">Productivity Focused</span>
|
|
|
|
<!-- Title -->
|
|
<h2 class="s-46 w-700">For Case Managers:</h2>
|
|
|
|
<!-- Text -->
|
|
<p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
|
|
vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
|
|
</p>
|
|
|
|
<!-- List -->
|
|
<ul class="simple-list">
|
|
|
|
<li class="list-item">
|
|
<p class="mb-0">Monitor all parolees from one government-authorized dashboard</p>
|
|
</li>
|
|
|
|
<li class="list-item">
|
|
<p class="mb-0">View upcoming deadlines and total hours at a glance</p>
|
|
</li>
|
|
|
|
<li class="list-item">
|
|
<p class="mb-0">Verify submissions and approve hours instantly</p>
|
|
</li>
|
|
|
|
<li class="list-item">
|
|
<p class="mb-0">Generate reports and close cases efficiently</p>
|
|
</li>
|
|
|
|
<li class="list-item">
|
|
<p class="mb-0">Cut administrative time in half</p>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<!-- Link -->
|
|
<div class="txt-block-tra-link mt-25">
|
|
<a href="#features-2" class="tra-link ico-20 color--theme">
|
|
All-in-one platform <span class="flaticon-next"></span>
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div> <!-- END TEXT BLOCK -->
|
|
|
|
|
|
<!-- IMAGE BLOCK -->
|
|
<div class="col-md-6 order-first order-md-2">
|
|
<div class="img-block right-column wow fadeInLeft">
|
|
<img class="img-fluid" src="assets/images/img-05.png" alt="content-image">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div> <!-- END SECTION CONTENT (ROW) -->
|
|
|
|
|
|
</div> <!-- End container -->
|
|
</section> <!-- END TEXT CONTENT -->
|
|
|
|
|
|
<section id="features-2" class="py-100 features-section division">
|
|
<div class="container">
|
|
|
|
|
|
<!-- SECTION TITLE -->
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-10 col-lg-9">
|
|
<div class="section-title mb-80">
|
|
|
|
<!-- Title -->
|
|
<h2 class="s-48 w-700">Everything in One Place</h2>
|
|
|
|
<!-- Text -->
|
|
<p class="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- FEATURES-2 WRAPPER -->
|
|
<div class="fbox-wrapper text-center">
|
|
<div class="row row-cols-1 row-cols-md-3">
|
|
|
|
|
|
<!-- FEATURE BOX #1 -->
|
|
<div class="col">
|
|
<div class="fbox-2 fb-1 wow fadeInUp">
|
|
|
|
<!-- Image -->
|
|
<div class="fbox-img gr--whitesmoke h-175">
|
|
<img class="img-fluid" src="assets/images/f_04.png" alt="feature-image">
|
|
</div>
|
|
|
|
<!-- Text -->
|
|
<div class="fbox-txt">
|
|
<h6 class="s-22 w-700">For Volunteers</h6>
|
|
<p>Find your next meaningful service opportunity [Sign Up as Volunteer]</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div> <!-- END FEATURE BOX #1 -->
|
|
|
|
|
|
<!-- FEATURE BOX #2 -->
|
|
<div class="col">
|
|
<div class="fbox-2 fb-2 wow fadeInUp">
|
|
|
|
<!-- Image -->
|
|
<div class="fbox-img gr--whitesmoke h-175">
|
|
<img class="img-fluid" src="assets/images/f_11.png" alt="feature-image">
|
|
</div>
|
|
|
|
<!-- Text -->
|
|
<div class="fbox-txt">
|
|
<h6 class="s-22 w-700">For Case Managers</h6>
|
|
<p>Request access to our government dashboard [Demo]</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div> <!-- END FEATURE BOX #2 -->
|
|
|
|
|
|
<!-- FEATURE BOX #3 -->
|
|
<div class="col">
|
|
<div class="fbox-2 fb-3 wow fadeInUp">
|
|
|
|
<!-- Image -->
|
|
<div class="fbox-img gr--whitesmoke h-175">
|
|
<img class="img-fluid" src="assets/images/f_02.png" alt="feature-image">
|
|
</div>
|
|
|
|
<!-- Text -->
|
|
<div class="fbox-txt">
|
|
<h6 class="s-22 w-700">For Nonprofits</h6>
|
|
<p>Join our network of verified organizations [Partner With Us]</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div> <!-- END FEATURE BOX #3 -->
|
|
|
|
|
|
</div> <!-- End row -->
|
|
</div> <!-- END FEATURES-2 WRAPPER -->
|
|
|
|
|
|
</div> <!-- End container -->
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<!-- FEATURES-13
|
|
============================================= -->
|
|
<section id="features-13" class="shape--bg shape--white-400 pt-100 features-section division">
|
|
<div class="container">
|
|
<div class="row d-flex align-items-center">
|
|
|
|
|
|
<!-- FEATURES-13 WRAPPER -->
|
|
<div class="col-md-7 order-last order-md-2">
|
|
<div class="fbox-13-wrapper wow fadeInRight">
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
<!-- FEATURE BOX #1 -->
|
|
<div id="fb-12-1" class="fbox-12 bg--white-100 block-shadow r-12 mb-30">
|
|
|
|
<!-- Icon -->
|
|
<div class="fbox-ico ico-50">
|
|
<div class="shape-ico color--theme">
|
|
|
|
<!-- Vector Icon -->
|
|
<span class="flaticon-graphics"></span>
|
|
|
|
<!-- Shape -->
|
|
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
|
</svg>
|
|
|
|
</div>
|
|
</div> <!-- End Icon -->
|
|
|
|
<!-- Text -->
|
|
<div class="fbox-txt">
|
|
<h5 class="s-20 w-700">Smart Matching</h5>
|
|
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- FEATURE BOX #2 -->
|
|
<div id="fb-12-2" class="fbox-12 bg--white-100 block-shadow r-12">
|
|
|
|
<!-- Icon -->
|
|
<div class="fbox-ico ico-50">
|
|
<div class="shape-ico color--theme">
|
|
|
|
<!-- Vector Icon -->
|
|
<span class="flaticon-idea"></span>
|
|
|
|
<!-- Shape -->
|
|
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
|
</svg>
|
|
|
|
</div>
|
|
</div> <!-- End Icon -->
|
|
|
|
<!-- Text -->
|
|
<div class="fbox-txt">
|
|
<h5 class="s-20 w-700">Verified Check-In</h5>
|
|
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
<!-- FEATURE BOX #3 -->
|
|
<div id="fb-12-3" class="fbox-12 bg--white-100 block-shadow r-12 mb-30">
|
|
|
|
<!-- Icon -->
|
|
<div class="fbox-ico ico-50">
|
|
<div class="shape-ico color--theme">
|
|
|
|
<!-- Vector Icon -->
|
|
<span class="flaticon-graphic"></span>
|
|
|
|
<!-- Shape -->
|
|
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
|
</svg>
|
|
|
|
</div>
|
|
</div> <!-- End Icon -->
|
|
|
|
<!-- Text -->
|
|
<div class="fbox-txt">
|
|
<h5 class="s-20 w-700">Real-Time Tracking</h5>
|
|
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- FEATURE BOX #4 -->
|
|
<div id="fb-12-4" class="fbox-12 bg--white-100 block-shadow r-12">
|
|
|
|
<!-- Icon -->
|
|
<div class="fbox-ico ico-50">
|
|
<div class="shape-ico color--theme">
|
|
|
|
<!-- Vector Icon -->
|
|
<span class="flaticon-search-engine-1"></span>
|
|
|
|
<!-- Shape -->
|
|
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
|
|
</svg>
|
|
|
|
</div>
|
|
</div> <!-- End Icon -->
|
|
|
|
<!-- Text -->
|
|
<div class="fbox-txt">
|
|
<h5 class="s-20 w-700">Automated Compliance</h5>
|
|
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div> <!-- End row -->
|
|
</div> <!-- END FEATURES-13 WRAPPER -->
|
|
|
|
|
|
<!-- TEXT BLOCK -->
|
|
<div class="col-md-5 order-first order-md-2">
|
|
<div class="txt-block left-column wow fadeInLeft">
|
|
|
|
<!-- Section ID -->
|
|
<span class="section-id">One-Stop Solution</span>
|
|
|
|
<!-- Title -->
|
|
<h2 class="s-46 w-700">Smart solutions, real-time results</h2>
|
|
|
|
<!-- Text -->
|
|
<p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
|
|
vitae dolor luctus placerat magna ligula and cursus vitae
|
|
</p>
|
|
|
|
<!-- List -->
|
|
<ul class="simple-list">
|
|
|
|
<li class="list-item">
|
|
<p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
|
|
ipsum aliquam congue a dolor cursus congue varius magnis
|
|
</p>
|
|
</li>
|
|
|
|
<li class="list-item">
|
|
<p class="mb-0">Cursus purus suscipit vitae cubilia magnis diam volute egestas
|
|
sapien ultrice auctor
|
|
</p>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
</div> <!-- END TEXT BLOCK -->
|
|
|
|
|
|
</div> <!-- End row -->
|
|
</div> <!-- End container -->
|
|
</section> <!-- END FEATURES-13 -->
|
|
|
|
|
|
|
|
|
|
<!-- TEXT CONTENT
|
|
============================================= -->
|
|
<section class="pt-100 ct-04 content-section division">
|
|
<div class="container">
|
|
|
|
|
|
<!-- SECTION CONTENT (ROW) -->
|
|
<div class="row d-flex align-items-center">
|
|
|
|
|
|
<!-- TEXT BLOCK -->
|
|
<div class="col-md-6 order-last order-md-2">
|
|
<div class="txt-block left-column wow fadeInRight">
|
|
|
|
|
|
<!-- CONTENT BOX #1 -->
|
|
<div class="cbox-2 process-step">
|
|
|
|
<!-- Icon -->
|
|
<div class="ico-wrap">
|
|
<div class="cbox-2-ico bg--theme color--white">1</div>
|
|
<span class="cbox-2-line"></span>
|
|
</div>
|
|
|
|
<!-- Text -->
|
|
<div class="cbox-2-txt">
|
|
<h5 class="s-22 w-700">Smart Opportunity Matching</h5>
|
|
<p>Filter by location, schedule, interests, and specific court requirements
|
|
sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
|
|
quaerat
|
|
</p>
|
|
</div>
|
|
|
|
</div> <!-- END CONTENT BOX #1 -->
|
|
|
|
|
|
<!-- CONTENT BOX #2 -->
|
|
<div class="cbox-2 process-step">
|
|
|
|
<!-- Icon -->
|
|
<div class="ico-wrap">
|
|
<div class="cbox-2-ico bg--theme color--white">2</div>
|
|
<span class="cbox-2-line"></span>
|
|
</div>
|
|
|
|
<!-- Text -->
|
|
<div class="cbox-2-txt">
|
|
<h5 class="s-22 w-700">GPS Location Verification</h5>
|
|
<p>Tamper-proof check-ins ensure accurate hour logging nemo purus in lipsum purus
|
|
sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
|
|
quaerat
|
|
</p>
|
|
</div>
|
|
|
|
</div> <!-- END CONTENT BOX #2 -->
|
|
|
|
|
|
<!-- CONTENT BOX #3 -->
|
|
<div class="cbox-2 process-step">
|
|
|
|
<!-- Icon -->
|
|
<div class="ico-wrap">
|
|
<div class="cbox-2-ico bg--theme color--white">3</div>
|
|
</div>
|
|
|
|
<!-- Text -->
|
|
<div class="cbox-2-txt">
|
|
<h5 class="s-22 w-700">Case Manager Dashboard</h5>
|
|
<p class="mb-0">Government-authorized oversight with instant reporting nemo purus in
|
|
lipsum purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum n
|
|
eque ligula quaerat
|
|
</p>
|
|
</div>
|
|
|
|
</div> <!-- END CONTENT BOX #3 -->
|
|
|
|
|
|
</div>
|
|
</div> <!-- END TEXT BLOCK -->
|
|
|
|
|
|
<!-- IMAGE BLOCK -->
|
|
<div class="col-md-6 order-first order-md-2">
|
|
<div class="img-block wow fadeInLeft">
|
|
<img class="img-fluid" src="assets/images/tablet-01.png" alt="content-image">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div> <!-- END SECTION CONTENT (ROW) -->
|
|
|
|
|
|
</div> <!-- End container -->
|
|
</section> <!-- END TEXT CONTENT -->
|
|
|
|
|
|
|
|
|
|
<!-- BOX CONTENT
|
|
============================================= -->
|
|
<section class="pt-100 ws-wrapper content-section">
|
|
<div class="container">
|
|
<div class="bc-1-wrapper bg--white-400 r-16">
|
|
<div class="section-overlay">
|
|
<div class="row d-flex align-items-center">
|
|
|
|
|
|
<!-- IMAGE BLOCK -->
|
|
<div class="col-md-6">
|
|
<div class="img-block left-column wow fadeInRight">
|
|
<img class="img-fluid" src="assets/images/img-06.png" alt="content-image">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- TEXT BLOCK -->
|
|
<div class="col-md-6">
|
|
<div class="txt-block right-column wow fadeInLeft">
|
|
|
|
<!-- Section ID -->
|
|
<span class="section-id">Enhance Engagement</span>
|
|
|
|
<!-- Title -->
|
|
<h2 class="s-46 w-700">Transforming Lives, One Hour at a Time</h2>
|
|
|
|
<!-- Text -->
|
|
<p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
|
|
vitae eros dolor luctus placerat magna ligula cursus and purus pretium
|
|
</p>
|
|
|
|
<!-- Small Title -->
|
|
<h5 class="s-24 w-700 h5-title">The smarter way to connect</h5>
|
|
|
|
<!-- Text -->
|
|
<p class="mb-0">Volunteers complete service requirements without stress or confusion
|
|
auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae
|
|
</p>
|
|
|
|
</div>
|
|
</div> <!-- END TEXT BLOCK -->
|
|
|
|
|
|
</div> <!-- End row -->
|
|
</div> <!-- End section overlay -->
|
|
</div> <!-- End content wrapper -->
|
|
</div> <!-- End container -->
|
|
</section> <!-- END BOX CONTENT -->
|
|
|
|
|
|
|
|
<!-- DIVIDER LINE -->
|
|
<hr class="divider">
|
|
|
|
|
|
<!-- FEATURES-5
|
|
============================================= -->
|
|
<section id="features-5" class="pt-100 features-section division">
|
|
<div class="container">
|
|
|
|
|
|
<!-- SECTION TITLE -->
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-10 col-lg-9">
|
|
<div class="section-title mb-70">
|
|
|
|
<!-- Title -->
|
|
<h2 class="s-48 w-700">Track the progress towards objectives with key results</h2>
|
|
|
|
<!-- Text -->
|
|
<p class="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- FEATURES-5 WRAPPER -->
|
|
<div class="fbox-wrapper text-center">
|
|
<div class="row d-flex align-items-center">
|
|
|
|
|
|
<!-- FEATURE BOX #1 -->
|
|
<div class="col-md-6">
|
|
<div class="fbox-5 fb-1 gr--smoke r-16 wow fadeInUp">
|
|
|
|
<!-- Text -->
|
|
<div class="fbox-txt order-last order-md-2">
|
|
<h5 class="s-26 w-700">Marketing Integrations</h5>
|
|
<p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
|
|
</div>
|
|
|
|
<!-- Image -->
|
|
<div class="fbox-5-img order-first order-md-2">
|
|
<img class="img-fluid" src="assets/images/f_06.png" alt="feature-image">
|
|
</div>
|
|
|
|
</div>
|
|
</div> <!-- END FEATURE BOX #1 -->
|
|
|
|
|
|
<!-- FEATURE BOX #2 -->
|
|
<div class="col-md-6">
|
|
<div class="fbox-5 fb-2 gr--smoke r-16 wow fadeInUp">
|
|
|
|
<!-- Image -->
|
|
<div class="fbox-5-img">
|
|
<img class="img-fluid" src="assets/images/f_07.png" alt="feature-image">
|
|
</div>
|
|
|
|
<!-- Text -->
|
|
<div class="fbox-txt">
|
|
<h5 class="s-26 w-700">Research Solutions</h5>
|
|
<p>Aliquam a augue suscipit luctus diam neque purus ipsum neque and dolor primis libero</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div> <!-- END FEATURE BOX #2 -->
|
|
|
|
|
|
</div> <!-- End row -->
|
|
</div> <!-- END FEATURES-5 WRAPPER -->
|
|
|
|
|
|
</div> <!-- End container -->
|
|
</section> <!-- END FEATURES-5 -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- RATING-1
|
|
============================================= -->
|
|
<div id="rating-1" class="pt-70 pb-100 rating-section">
|
|
<div class="container">
|
|
|
|
|
|
|
|
<!-- RATING-1 WRAPPER -->
|
|
<div class="rating-1-wrapper">
|
|
<div class="row justify-content-md-center row-cols-1 row-cols-md-3">
|
|
|
|
|
|
</div> <!-- End row -->
|
|
</div> <!-- END RATING-1 WRAPPER -->
|
|
|
|
|
|
</div> <!-- End container -->
|
|
</div> <!-- END RATING-1 -->
|
|
|
|
|
|
|
|
|
|
<!-- DIVIDER LINE -->
|
|
<hr class="divider">
|
|
|
|
|
|
|
|
|
|
<!-- TEXT CONTENT
|
|
============================================= -->
|
|
<section class="pt-100 ct-03 content-section division">
|
|
<div class="container">
|
|
<div class="row d-flex align-items-center">
|
|
|
|
|
|
</div> <!-- End row -->
|
|
</div> <!-- End container -->
|
|
</section> <!-- END TEXT CONTENT -->
|
|
|
|
|
|
|
|
<!-- TEXT CONTENT
|
|
============================================= -->
|
|
<section class="pt-100 ct-01 content-section division">
|
|
<div class="container">
|
|
|
|
|
|
<!-- SECTION CONTENT (ROW) -->
|
|
<div class="row d-flex align-items-center">
|
|
|
|
|
|
<!-- TEXT BLOCK -->
|
|
<div class="col-md-6 order-last order-md-2">
|
|
<div class="txt-block left-column wow fadeInRight">
|
|
|
|
|
|
<!-- CONTENT BOX #1 -->
|
|
<div class="cbox-4">
|
|
|
|
<!-- Icon & Title -->
|
|
<div class="box-title">
|
|
<span class="flaticon-paper-sizes color--theme"></span>
|
|
<h5 class="s-24 w-700">Built-in automation</h5>
|
|
</div>
|
|
|
|
<!-- Text -->
|
|
<div class="cbox-4-txt">
|
|
<p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
|
|
luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
|
|
magna turpis
|
|
</p>
|
|
</div>
|
|
|
|
</div> <!-- END CONTENT BOX #1 -->
|
|
|
|
|
|
<!-- CONTENT BOX #2 -->
|
|
<div class="cbox-4">
|
|
|
|
<!-- Icon & Title -->
|
|
<div class="box-title">
|
|
<span class="flaticon-layers-1 color--theme"></span>
|
|
<h5 class="s-24 w-700">Automatic workflows</h5>
|
|
</div>
|
|
|
|
<!-- Text -->
|
|
<div class="cbox-4-txt">
|
|
<p>Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet augue
|
|
luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
|
|
magna turpis
|
|
</p>
|
|
</div>
|
|
|
|
</div> <!-- END CONTENT BOX #2 -->
|
|
|
|
|
|
<!-- CONTENT BOX #3 -->
|
|
<div class="cbox-4">
|
|
|
|
<!-- Icon & Title -->
|
|
<div class="box-title">
|
|
<span class="flaticon-pie-chart color--theme"></span>
|
|
<h5 class="s-24 w-700">Real-time analytics</h5>
|
|
</div>
|
|
|
|
<!-- Text -->
|
|
<div class="cbox-4-txt">
|
|
<p class="mb-0">Quaerat sodales sapien blandit purus primis purus ipsum cubilia laoreet
|
|
augue luctus and magna dolor luctus egestas an ipsum sapien primis vitae volute and
|
|
magna turpis
|
|
</p>
|
|
</div>
|
|
|
|
</div> <!-- END CONTENT BOX #3 -->
|
|
|
|
|
|
</div>
|
|
</div> <!-- END TEXT BLOCK -->
|
|
|
|
|
|
<!-- IMAGE BLOCK -->
|
|
<div class="col-md-6 order-first order-md-2">
|
|
<div class="img-block right-column wow fadeInLeft">
|
|
<img class="img-fluid" src="assets/images/img-09.png" alt="content-image">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div> <!-- END SECTION CONTENT (ROW) -->
|
|
|
|
|
|
</div> <!-- End container -->
|
|
</section> <!-- END TEXT CONTENT -->
|
|
|
|
|
|
|
|
|
|
<!-- FAQs-3
|
|
============================================= -->
|
|
<section id="faqs-3" class="pt-100 faqs-section">
|
|
<div class="container">
|
|
|
|
|
|
<!-- SECTION TITLE -->
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-10 col-lg-9">
|
|
<div class="section-title mb-70">
|
|
|
|
<!-- Title -->
|
|
<h2 class="s-48 w-700">Questions & Answers</h2>
|
|
|
|
<!-- Text -->
|
|
<p class="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- FAQs-3 QUESTIONS -->
|
|
<div class="faqs-3-questions">
|
|
<div class="row">
|
|
|
|
|
|
<!-- QUESTIONS HOLDER -->
|
|
<div class="col-lg-6">
|
|
<div class="questions-holder">
|
|
|
|
|
|
<!-- QUESTION #1 -->
|
|
<div class="question mb-35 wow fadeInUp">
|
|
|
|
<!-- Question -->
|
|
<h5 class="s-22 w-700"><span>1.</span> Getting started with Time Well Served</h5>
|
|
|
|
<!-- Answer -->
|
|
<p class="color--grey">Etiam amet mauris suscipit in odio integer congue metus
|
|
and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
|
|
suscipit luctus blandit and laoreet
|
|
</p>
|
|
|
|
</div>
|
|
|
|
|
|
<!-- QUESTION #2 -->
|
|
<div class="question mb-35 wow fadeInUp">
|
|
|
|
<!-- Question -->
|
|
<h5 class="s-22 w-700"><span>2.</span> What's inside the package?</h5>
|
|
|
|
<!-- Answer -->
|
|
<p class="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
|
|
porta justo integer at velna vitae auctor integer congue undo magna laoreet
|
|
augue pretium purus pretium ligula
|
|
</p>
|
|
|
|
</div>
|
|
|
|
|
|
<!-- QUESTION #3 -->
|
|
<div class="question mb-35 wow fadeInUp">
|
|
|
|
<!-- Question -->
|
|
<h5 class="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>
|
|
|
|
<!-- Answer -->
|
|
<ul class="simple-list color--grey">
|
|
|
|
<li class="list-item">
|
|
<p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
|
|
purus pretium rutrum tempor sapien
|
|
</p>
|
|
</li>
|
|
|
|
<li class="list-item">
|
|
<p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
|
|
quaerat sodales pretium a purus
|
|
</p>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div> <!-- END QUESTIONS HOLDER -->
|
|
|
|
|
|
<!-- QUESTIONS WRAPPER -->
|
|
<div class="col-lg-6">
|
|
<div class="questions-holder">
|
|
|
|
|
|
<!-- QUESTION #4 -->
|
|
<div class="question mb-35 wow fadeInUp">
|
|
|
|
<!-- Question -->
|
|
<h5 class="s-22 w-700"><span>4.</span> How does TimeWellServed handle my privacy?</h5>
|
|
|
|
<!-- Answer -->
|
|
<p class="color--grey">Quaerat sodales sapien euismod blandit purus a purus
|
|
ipsum primis in cubilia laoreet augue luctus dolor luctus
|
|
</p>
|
|
|
|
<!-- Answer -->
|
|
<p class="color--grey">An enim nullam tempor sapien gravida donec congue metus.
|
|
Vitae arcu mollis blandit integer nemo volute velna
|
|
</p>
|
|
|
|
</div>
|
|
|
|
|
|
<!-- QUESTION #5 -->
|
|
<div class="question mb-35 wow fadeInUp">
|
|
|
|
<!-- Question -->
|
|
<h5 class="s-22 w-700"><span>5.</span> I have an issue with my account</h5>
|
|
|
|
<!-- Answer -->
|
|
<p class="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
|
|
diam vitae dapibus libero and quisque gravida donec neque blandit justo
|
|
aliquam molestie nunc sapien justo
|
|
</p>
|
|
|
|
</div>
|
|
|
|
|
|
<!-- QUESTION #6 -->
|
|
<div class="question mb-35 wow fadeInUp">
|
|
|
|
<!-- Question -->
|
|
<h5 class="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
|
|
|
|
<!-- Answer -->
|
|
<p class="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
|
|
porta justo integer at velna vitae auctor integer congue undo magna laoreet
|
|
augue pretium purus pretium ligula
|
|
</p>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div> <!-- END QUESTIONS HOLDER -->
|
|
|
|
|
|
</div> <!-- End row -->
|
|
</div> <!-- END FAQs-3 QUESTIONS -->
|
|
|
|
|
|
<!-- MORE QUESTIONS LINK -->
|
|
<div class="row">
|
|
<div class="col">
|
|
<div class="more-questions mt-40">
|
|
<div class="more-questions-txt bg--white-400 r-100">
|
|
<p class="p-lg">Have any questions?
|
|
<a href="contacts.html" class="color--theme">Get in Touch</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div> <!-- End container -->
|
|
</section> <!-- END FAQs-3 -->
|
|
|
|
|
|
|
|
|
|
<!-- BANNER-3
|
|
============================================= -->
|
|
<section id="banner-3" class="pt-100 banner-section">
|
|
<div class="container">
|
|
|
|
|
|
<!-- BANNER-3 WRAPPER -->
|
|
<div class="banner-3-wrapper bg--03 bg--fixed r-16">
|
|
<div class="banner-overlay">
|
|
<div class="row">
|
|
|
|
|
|
<!-- BANNER-3 TEXT -->
|
|
<div class="col">
|
|
<div class="banner-3-txt color--white">
|
|
|
|
<!-- Title -->
|
|
<h2 class="s-48 w-700">Starting with Time Well Served is easy, fast and free</h2>
|
|
|
|
<!-- Text -->
|
|
<p class="p-xl">It only takes a few clicks to get started</p>
|
|
|
|
<!-- Button -->
|
|
<a href="#" class="btn r-04 btn--theme hover--tra-white" data-bs-toggle="modal" data-bs-target="#modal-3">Get started - it's free</a>
|
|
|
|
<!-- Button Text -->
|
|
<p class="p-sm btn-txt ico-15">
|
|
<span class="flaticon-check"></span> It's Free! - no credit card required.
|
|
</p>
|
|
|
|
</div>
|
|
</div> <!-- END BANNER-3 TEXT -->
|
|
|
|
|
|
</div> <!-- End row -->
|
|
</div> <!-- End banner overlay -->
|
|
</div> <!-- END BANNER-3 WRAPPER -->
|
|
|
|
|
|
</div> <!-- End container -->
|
|
</section> <!-- END BANNER-3 -->
|
|
|
|
|
|
|
|
|
|
<!-- MODAL WINDOW (NEWSLETTER FORM)
|
|
============================================= -->
|
|
<div id="modal-2" class="modal fade" tabindex="-1">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
|
|
|
|
<!-- CLOSE BUTTON -->
|
|
<button type="button" class="btn-close ico-10 white-color" data-bs-dismiss="modal" aria-label="Close">
|
|
<span class="flaticon-cancel"></span>
|
|
</button>
|
|
|
|
|
|
<!-- MODAL CONTENT -->
|
|
<div class="modal-body text-center">
|
|
|
|
|
|
<!-- IMAGE -->
|
|
<div class="modal-body-img">
|
|
<img class="img-fluid" src="assets/images/modal-newsletter-purple.jpg" alt="content-image">
|
|
</div>
|
|
|
|
|
|
<!-- NEWSLETTER FORM -->
|
|
<div class="modal-body-content">
|
|
|
|
<!-- Title -->
|
|
<h5 class="s-24 w-700">Stay up to date with our news, ideas and updates</h5>
|
|
|
|
<!-- Form -->
|
|
<form class="newsletter-form">
|
|
|
|
<div class="input-group">
|
|
<input type="email" autocomplete="off" class="form-control" placeholder="Your email address" required id="s-email">
|
|
<span class="input-group-btn">
|
|
<button type="submit" class="btn btn--theme hover--theme">Subscribe Now</button>
|
|
</span>
|
|
</div>
|
|
|
|
<!-- Newsletter Form Notification -->
|
|
<label for="s-email" class="form-notification"></label>
|
|
|
|
</form>
|
|
|
|
</div> <!-- END NEWSLETTER FORM -->
|
|
|
|
|
|
</div> <!-- END MODAL CONTENT -->
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div> <!-- END MODAL WINDOW (NEWSLETTER FORM) -->
|
|
|
|
|
|
|
|
|
|
<!-- MODAL WINDOW (REQUEST FORM)
|
|
============================================= -->
|
|
<div id="modal-3" class="modal auto-off fade" tabindex="-1" role="dialog" aria-labelledby="modal-3">
|
|
<div class="modal-dialog modal-xl modal-dialog-centered">
|
|
<div class="modal-content">
|
|
|
|
|
|
<!-- CLOSE BUTTON -->
|
|
<button type="button" class="btn-close ico-10 white-color" data-bs-dismiss="modal" aria-label="Close">
|
|
<span class="flaticon-cancel"></span>
|
|
</button>
|
|
|
|
|
|
<!-- MODAL CONTENT -->
|
|
<div class="modal-body">
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
|
|
<!-- BACKGROUND IMAGE -->
|
|
<div class="col-md-5 bg-img d-none d-sm-flex align-items-end"></div>
|
|
|
|
|
|
<!-- REQUEST FORM -->
|
|
<div class="col-md-7">
|
|
<div class="modal-body-content">
|
|
|
|
<!-- TEXT -->
|
|
<div class="request-form-title">
|
|
|
|
<!-- Title -->
|
|
<h3 class="s-28 w-700">Get started for Free!</h3>
|
|
|
|
<!-- Text -->
|
|
<p class="color--grey">Aliquam augue suscipit, luctus neque purus ipsum
|
|
neque dolor primis libero
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<!-- FORM -->
|
|
<form name="requestForm" class="row request-form">
|
|
|
|
<!-- Form Input -->
|
|
<div class="col-md-12">
|
|
<input type="text" name="name" class="form-control name" placeholder="Enter Your Name*" autocomplete="off" required>
|
|
</div>
|
|
|
|
<!-- Form Input -->
|
|
<div class="col-md-12">
|
|
<input type="email" name="email" class="form-control email" placeholder="Enter Your Email*" autocomplete="off" required>
|
|
</div>
|
|
|
|
<!-- Form Button -->
|
|
<div class="col-md-12 form-btn">
|
|
<button type="submit" class="btn btn--theme hover--theme submit">Get Started Now</button>
|
|
</div>
|
|
|
|
<!-- Form Message -->
|
|
<div class="col-md-12 request-form-msg">
|
|
<span class="loading"></span>
|
|
</div>
|
|
|
|
</form> <!-- END FORM -->
|
|
|
|
</div>
|
|
</div> <!-- END REQUEST FORM -->
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div> <!-- END MODAL CONTENT -->
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div> <!-- END MODAL WINDOW (REQUEST FORM) -->
|
|
|
|
|
|
|
|
|
|
<!-- FOOTER-3
|
|
============================================= -->
|
|
<footer id="footer-3" class="pt-100 footer">
|
|
<div class="container">
|
|
|
|
|
|
<!-- FOOTER CONTENT -->
|
|
<div class="row">
|
|
|
|
|
|
<!-- FOOTER LOGO -->
|
|
<div class="col-xl-3">
|
|
<div class="footer-info">
|
|
<img class="footer-logo" src="assets/images/timewellserved-logo.png" alt="footer-logo">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- FOOTER LINKS -->
|
|
<div class="col-sm-4 col-md-3 col-xl-2">
|
|
<div class="footer-links fl-1">
|
|
|
|
<!-- Title -->
|
|
<h6 class="s-17 w-700">Company</h6>
|
|
|
|
<!-- Links -->
|
|
<ul class="foo-links clearfix">
|
|
<li><p><a href="about.html">About Us</a></p></li>
|
|
<li><p><a href="careers.html">Careers</a></p></li>
|
|
<li><p><a href="blog-listing.html">Our Blog</a></p></li>
|
|
<li><p><a href="contacts.html">Contact Us</a></p></li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div> <!-- END FOOTER LINKS -->
|
|
|
|
|
|
<!-- FOOTER LINKS -->
|
|
<div class="col-sm-4 col-md-3 col-xl-2">
|
|
<div class="footer-links fl-2">
|
|
|
|
<!-- Title -->
|
|
<h6 class="s-17 w-700">Product</h6>
|
|
|
|
<!-- Links -->
|
|
<ul class="foo-links clearfix">
|
|
<li><p><a href="features.html">Integration</a></p></li>
|
|
<li><p><a href="reviews.html">Customers</a></p></li>
|
|
<li><p><a href="pricing-1.html">Pricing</a></p></li>
|
|
<li><p><a href="help-center.html">Help Center</a></p></li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div> <!-- END FOOTER LINKS -->
|
|
|
|
|
|
<!-- FOOTER LINKS -->
|
|
<div class="col-sm-4 col-md-3 col-xl-2">
|
|
<div class="footer-links fl-3">
|
|
|
|
<!-- Title -->
|
|
<h6 class="s-17 w-700">Legal</h6>
|
|
|
|
<!-- Links -->
|
|
<ul class="foo-links clearfix">
|
|
<li><p><a href="terms.html">Terms of Use</a></p></li>
|
|
<li><p><a href="privacy.html">Privacy Policy</a></p></li>
|
|
<li><p><a href="cookies.html">Cookie Policy</a></p></li>
|
|
<li><p><a href="#">Site Map</a></p></li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div> <!-- END FOOTER LINKS -->
|
|
|
|
|
|
<!-- FOOTER LINKS -->
|
|
<div class="col-sm-6 col-md-3">
|
|
<div class="footer-links fl-4">
|
|
|
|
<!-- Title -->
|
|
<h6 class="s-17 w-700">Connect With Us</h6>
|
|
|
|
<!-- Mail Link -->
|
|
<p class="footer-mail-link ico-25">
|
|
<a href="mailto:yourdomain@mail.com">hello@yourdomain.com</a>
|
|
</p>
|
|
|
|
<!-- Social Links -->
|
|
<ul class="footer-socials ico-25 text-center clearfix">
|
|
<li><a href="#"><span class="flaticon-facebook"></span></a></li>
|
|
<li><a href="#"><span class="flaticon-twitter"></span></a></li>
|
|
<li><a href="#"><span class="flaticon-github"></span></a></li>
|
|
<li><a href="#"><span class="flaticon-dribbble"></span></a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div> <!-- END FOOTER LINKS -->
|
|
|
|
|
|
</div> <!-- END FOOTER CONTENT -->
|
|
|
|
|
|
<hr> <!-- FOOTER DIVIDER LINE -->
|
|
|
|
|
|
<!-- BOTTOM FOOTER -->
|
|
<div class="bottom-footer">
|
|
<div class="row row-cols-1 row-cols-md-2 d-flex align-items-center">
|
|
|
|
|
|
<!-- FOOTER COPYRIGHT -->
|
|
<div class="col">
|
|
<div class="footer-copyright"><p class="p-sm">© 2025 Time Well Served. <span>All Rights Reserved</span></p></div>
|
|
</div>
|
|
|
|
|
|
<!-- FOOTER SECONDARY LINK -->
|
|
<div class="col">
|
|
<div class="bottom-secondary-link ico-15 text-end">
|
|
<p class="p-sm"><a href="https://themeforest.net/user/dsathemes/portfolio">Made with
|
|
<span class="flaticon-heart color--theme"></span> by @Tokslawdev</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div> <!-- End row -->
|
|
</div> <!-- END BOTTOM FOOTER -->
|
|
|
|
|
|
</div> <!-- End container -->
|
|
</footer> <!-- END FOOTER-3 -->
|
|
|
|
|
|
|
|
|
|
</div> <!-- END PAGE CONTENT -->
|
|
|
|
|
|
|
|
|
|
<!-- EXTERNAL SCRIPTS
|
|
============================================= -->
|
|
<script src="assets/js/jquery-3.7.0.min.js"></script>
|
|
<script src="assets/js/bootstrap.min.js"></script>
|
|
<script src="assets/js/modernizr.custom.js"></script>
|
|
<script src="assets/js/jquery.easing.js"></script>
|
|
<script src="assets/js/jquery.appear.js"></script>
|
|
<script src="assets/js/menu.js"></script>
|
|
<script src="assets/js/owl.carousel.min.js"></script>
|
|
<script src="assets/js/pricing-toggle.js"></script>
|
|
<script src="assets/js/jquery.magnific-popup.min.js"></script>
|
|
<script src="assets/js/request-form.js"></script>
|
|
<script src="assets/js/jquery.validate.min.js"></script>
|
|
<script src="assets/js/jquery.ajaxchimp.min.js"></script>
|
|
<script src="assets/js/popper.min.js"></script>
|
|
<script src="assets/js/lunar.js"></script>
|
|
<script src="assets/js/wow.js"></script>
|
|
|
|
<!-- Custom Script -->
|
|
<script src="assets/js/custom.js"></script>
|
|
|
|
|
|
<!-- Google Analytics: Change UA-XXXXX-X to be your site's ID. Go to http://www.google.com/analytics/ for more information. -->
|
|
<!--
|
|
<script>
|
|
var _gaq = _gaq || [];
|
|
_gaq.push(['_setAccount', 'UA-XXXXX-X']);
|
|
_gaq.push(['_trackPageview']);
|
|
|
|
(function() {
|
|
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
|
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
|
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
|
})();
|
|
</script>
|
|
-->
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html> |