<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Genius Minds Tutoring</title>
    <link rel="stylesheet" href="css/geniusstyle.css">
    <link rel="stylesheet" href="css/icomoonn.css">
</head>
<body>
<!-- Button in the start -->
        <div class="header-top-section-4">
            <div class="header-top-shape">
                <img src="assets/img/header-top-shape-2.png" alt="shape-img">
            </div>
            <div class="container">
                <div class="header-top-wrapper style-2">
                    <ul class="contact-list">
                        <li>
                            <i class="fal fa-map-marker-alt"></i>
                            South Florida-based | Virtual &amp; Local Sessions Available
                        </li>
                        <li>
                            <i class="far fa-envelope"></i>
                            <a href="info@geniusmindstutoring.com" class="link">info@geniusmindstutoring.com</a>
                        </li>
                    </ul>
                    <div class="social-icon d-flex align-items-center">
                        <span>Follow Us On:</span>
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                        <a href="#"><i class="fab fa-twitter"></i></a>
                        <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
                        <a href="#"><i class="fa-brands fa-youtube"></i></a>
                    </div>
                </div>
            </div>
        </div>


<!-- Preloader start -->
<!-- <div id="preloader" class="preloader">
            <div class="animation-preloader">
                <div class="spinner">
                </div>
                <div class="txt-loading">
                    <span data-text-preloader="G" class="letters-loading"> G </span>
                    <span data-text-preloader="E" class="letters-loading"> E </span>
                    <span data-text-preloader="N" class="letters-loading"> N </span>
                    <span data-text-preloader="I" class="letters-loading"> I </span>
                    <span data-text-preloader="U" class="letters-loading"> U </span>
                    <span data-text-preloader="s" class="letters-loading"> S </span>
                    <span data-text-preloader="M" class="letters-loading"> M </span>
                    <span data-text-preloader="I" class="letters-loading"> I </span>
                    <span data-text-preloader="N" class="letters-loading"> N </span>
                    <span data-text-preloader="D" class="letters-loading"> D </span>
                    <span data-text-preloader="S" class="letters-loading"> S </span>
                    <span data-text-preloader="T" class="letters-loading"> T </span>
                    <span data-text-preloader="U" class="letters-loading"> U </span>
                    <span data-text-preloader="T" class="letters-loading"> T </span>
                    <span data-text-preloader="O" class="letters-loading"> O </span>
                    <span data-text-preloader="R" class="letters-loading"> R </span>
                    <span data-text-preloader="I" class="letters-loading"> I </span>
                    <span data-text-preloader="N" class="letters-loading"> N </span>
                    <span data-text-preloader="G" class="letters-loading"> G </span>


                </div>
                <p class="text-center">Loading</p>
            </div>
            <div class="loader">
                <div class="row">
                    <div class="col-3 loader-section section-left">
                        <div class="bg"></div>
                    </div>
                    <div class="col-3 loader-section section-left">
                        <div class="bg"></div>
                    </div>
                    <div class="col-3 loader-section section-right">
                        <div class="bg"></div>
                    </div>
                    <div class="col-3 loader-section section-right">
                        <div class="bg"></div>
                    </div>
                </div>
            </div>
        </div>
 -->






<!-- Search formula -->
        <div class="search-area">
            <div class="search-inner">
                <i class="fas fa-times search-close" id="search-close"></i>
                <div class="search-cell">
                    <form method="get" formm="#" class="search-form">
                        <div class="search-field-holder">
                            <i class="fal fa-search"></i>
                            <input type="search" class="main-search-input" placeholder="Search...">
                        </div>
                    </form>
                </div>
            </div>

        <!-- About activity section -->
<section class="about-activities-section-2 style-2 section-padding">
            <div class="zebra-shape float-bob-y">
                <img src="assets/img/about/zebra.png" alt="shape-img">
            </div>
            <div class="bottom-shape">
                <img src="assets/img/section-top-shape-2.png" alt="shape-img">
            </div>
            <div class="sun-shape">
                <img src="assets/img/client/shape-2.png" alt="shape-img">
            </div>
            <div class="container">
                <div class="about-activities-wrapper style-2 mb-55">
                    <div class="row g-4">
                        <div class="col-lg-6 wow fadeInUp" data-wow-delay=".3s">
                            <div class="activities-image-items">
                                <img src="assets/img/about/04.png" alt="img">
                                <div class="radius-shape">
                                    <img src="assets/img/about/radius-shape.png" alt="shape-img">
                                </div>
                                <div class="circle-shape">
                                    <img src="assets/img/about/circle.png" alt="shape-img">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="activities-content">
                                <div class="section-title">
                                    <span class="wow fadeInUp">About Us</span>
                                    <h2 class="wow fadeInUp" data-wow-delay=".3s">
                                        Where Real Life Meets <br>
                                        Real Learning.
                                    </h2>
                                </div>
                                <p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                                Tutoring that bridges reading, writing, and math with real-world skills like financial literacy, history, and identity. 
                                </p>
                                <div class="row g-4 mt-4">
                                    <div class="col-xl-6 col-lg-8 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                                        <div class="icon-items">
                                            <div class="icon">
                                                <i class="icon-icon-12"></i>
                                            </div>
                                            <div class="content">
                                                <h5>Financial Literacy </h5>
                                                <!-- <p>Aliquam erat volutpat <br> nullam imperdiet</p> -->
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-6 col-lg-8 col-md-6 wow fadeInUp" data-wow-delay=".5s">
                                        <div class="icon-items">
                                            <div class="icon">
                                                <i class="icon-icon-13"></i>
                                            </div>
                                            <div class="content">
                                                <h5> Math </h5>
                                                <p>Ut vehiculadictumst <br> maecenas ante.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="about-author">
                                    <div class="author-image wow fadeInUp" data-wow-delay=".3s">
                                        <img src="assets/img/about/author.png" alt="author-img">
                                        <div class="content">
                                            <h6>Jessica Estel, MEd</h6>
                                            <p>Founder</p>
                                        </div>
                                    </div>
                                    <div class="author-icon wow fadeInUp" data-wow-delay=".5s">
                                        <div class="icon">
                                             <i class="fa-solid fa-phone"></i>
                                        </div>
                                         <div class="content">
                                             <span>Call Us Now</span>
                                             <h5>
                                                 <a href="tel:+7867180055">+786-718-0055</a>
                                             </h5>
                                         </div>
                                     </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>







<!-- Header top start -->

        <div class="header-top-section-4">
            <div class="header-top-shape">
                <img src="assets/img/header-top-shape-2.png" alt="shape-img">
            </div>
            <div class="container">
                <div class="header-top-wrapper style-2">
                    <ul class="contact-list">
                        <li>
                            <i class="fal fa-map-marker-alt"></i>
                            6391 Elgin St. Celina, USA
                        </li>
                        <li>
                            <i class="far fa-envelope"></i>
                            <a href="mailto:info@example.com" class="link">info@example.com</a>
                        </li>
                    </ul>
                    <div class="social-icon d-flex align-items-center">
                        <span>Follow Us On:</span>
                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                        <a href="#"><i class="fab fa-twitter"></i></a>
                        <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
                        <a href="#"><i class="fa-brands fa-youtube"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>



     