<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8">
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <title>About - SSBC Main</title>
        <meta name="description" content="">
        <meta name="keywords" content="">

        <!-- Favicons -->
        <!--<link href="assets/img/favicon.png" rel="icon">
        <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">-->

        <!-- Fonts -->
        <link href="https://fonts.googleapis.com" rel="preconnect">
        <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">

        <!-- Vendor CSS Files -->
        <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
        <link href="assets/vendor/aos/aos.css" rel="stylesheet">

        <!-- Main CSS File -->
        <link href="assets/css/main.css" rel="stylesheet">

    </head>

    <body class="about-page">

        <?php include 'header.php'; ?>

        <main class="main">

            <!-- Page Title -->
            <div class="page-title dark-background position-relative" data-aos="fade" style="background-image: url(assets/img/tabernacle_choir.webp);">
                <div class="container position-relative">
                    <h1>WELCOME HOME</h1>
                </div>
            </div><!-- End Page Title -->

            <!-- About 2 Section -->
            <section id="about-2" class="about-2 section light-background">

                <div class="container" data-aos="fade-up" data-aos-delay="100">

                    <div class="row gy-5 align-items-center mb-5">
                        <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
                            <div class="intro-block">
                                <h2>Welcome to Southside</h2>
                                <p class="desc-primary">Welcome to our church! We are a community of believers committed to loving God, serving others, and sharing the hope found in Jesus Christ. Whether you're visiting for the first time, searching for a church home, or simply exploring your faith, we are glad you're here. We invite you to join us for worship, fellowship, and spiritual growth as we seek to follow Christ together.
                                </p>
                                <div class="action-group">
                                    <a href="about.html" class="btn-primary-action">First Time Visitor Card</a>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-6" data-aos="fade-up" data-aos-delay="150">
                            <div class="image-card">
                                <img src="assets/img/real-estate/property-exterior-3.webp" alt="Modern Property" class="img-fluid">
                            </div>
                        </div>
                    </div>

                </div>

            </section><!-- /About 2 Section -->

            <!-- Faq Section -->
            <section id="faq" class="faq section">

                <div class="container" data-aos="fade-up" data-aos-delay="100">

                    <div class="row justify-content-center">
                        <div class="col-lg-8">

                            <div class="faq-item" data-aos="fade-up" data-aos-delay="100">
                                <h3>What can I expect when I get to church?</h3>
                                <div class="faq-content">
                                    <p>JESUS JSEUS JESUS</p>
                                </div>
                                <i class="faq-toggle bi bi-chevron-right"></i>
                            </div><!-- End FAQ Item -->

                            <div class="faq-item" data-aos="fade-up" data-aos-delay="200">
                                <h3>When shoudl I arrive?</h3>
                                <div class="faq-content">
                                    <p>Early</p>
                                </div>
                                <i class="faq-toggle bi bi-chevron-right"></i>
                            </div><!-- End FAQ Item -->

                            <div class="faq-item" data-aos="fade-up" data-aos-delay="300">
                                <h3>Let us know you are coming!</h3>
                                <div class="faq-content">
                                    <p>If you plan on attending, you can call and let us know you are coming! The Church Office is open Monday through Thursday from 9:00 AM to 3:00 PM. If you call ahead, we can save you a seat and make sure to meet you at the door when you arrive! Call the church office at (386) 328-0764</p>
                                </div>
                                <i class="faq-toggle bi bi-chevron-right"></i>
                            </div><!-- End FAQ Item -->

                            <div class="faq-item" data-aos="fade-up" data-aos-delay="400">
                                <h3>Praying About Church Membership?</h3>
                                <div class="faq-content">
                                    <p>Find out what it means to be a member of Southside Baptist Church and join one of our New Members Classes</p>
                                </div>
                                <i class="faq-toggle bi bi-chevron-right"></i>
                            </div><!-- End FAQ Item -->

                            <div class="faq-item" data-aos="fade-up" data-aos-delay="500">
                                <h3>What warranty do you offer on completed work?</h3>
                                <div class="faq-content">
                                    <p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. We provide comprehensive warranties on all workmanship and materials used in every project.</p>
                                </div>
                                <i class="faq-toggle bi bi-chevron-right"></i>
                            </div><!-- End FAQ Item -->

                        </div>
                    </div>

                </div>

            </section><!-- /Faq Section -->

        </main>

        <?php include 'footer.php'; ?>

        <!-- Scroll Top -->
        <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

        <!-- Preloader -->
        <div id="preloader"></div>

        <!-- Vendor JS Files -->
        <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
        <script src="assets/vendor/php-email-form/validate.js"></script>
        <script src="assets/vendor/aos/aos.js"></script>
        <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>

        <!-- Main JS File -->
        <script src="assets/js/main.js"></script>

    </body>

</html>