<!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&amp;display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&amp;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">info@timewellserved.org</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">&copy; 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>