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

    <head>
        <meta charset="utf-8">
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <title>Southside Baptist Church</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="index-page">

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

        <main class="main">

            <!-- Hero Section -->
            <section id="hero" class="hero section dark-background">

                <div class="image-background">
                    <img src="assets/img/uploads/bible_river.png" alt="Church welcome background">
                    <div class="image-overlay"></div>
                </div>

                <div class="hero-content">

                    <div class="container position-relative">
                        <div class="row justify-content-center text-center">
                            <div class="col-lg-8">
                                <h1 data-aos="fade-up" data-aos-delay="100">
                                    Exalting Jesus - Equipping the Believer - Evangelizing the Community
                                </h1>

                                <p data-aos="fade-up" data-aos-delay="200" class="">
                                    "...Lord, teach us to pray" - Luke 11:1
                                </p>
                            </div>
                        </div>
                    </div>

                </div>

                <a href="https://southsidebcpalatkafl.churchcenter.com/people/forms/706073" data-open-in-church-center-modal="true" class="plan-visit-btn">
                    PLAN MY VISIT
                </a>

            </section><!-- /Hero Section -->

            <!-- Events Section -->
            <section id="events" class="events section">

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

                    <div class="row gy-4">

                        <!-- Event Card 1 -->
                        <div class="col-lg-6 col-md-6" data-aos="zoom-in" data-aos-delay="100">

                            <div class="service-card event-card">

                                <div class="service-card-inner">

                                    <div class="service-content p-0">

                                        <div class="event-image-wrapper">

                                            <img src="assets/img/uploads/youth_cake_auction.png" alt="Youth Cake Auction" class="event-image">

                                        </div>

                                    </div>

                                </div>

                            </div>

                        </div>
                        <!-- End Event Card 1 -->

                        <!-- Event Card 2 -->
                        <div class="col-lg-6 col-md-6" data-aos="zoom-in" data-aos-delay="150">

                            <div class="service-card event-card">

                                <div class="service-card-inner">

                                    <div class="service-content p-0">

                                        <div class="event-image-wrapper">

                                            <img src="assets/img/uploads/baptism.png" alt="Second Event" class="event-image">

                                        </div>

                                    </div>

                                </div>

                            </div>

                        </div>
                        <!-- End Event Card 2 -->

                    </div>

                </div>

            </section><!-- /Events Section -->

            <!-- Contact Section -->
            <section id="contact" class="about section contact dark-background">

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

                    <div class="row justify-content-center text-center">

                        <div class="col-lg-7 col-md-10">

                            <div class="contact-logo-wrap" data-aos="zoom-in" data-aos-delay="200">
                                <img src="assets/img/uploads/ssbc_logo_white.svg" alt="Southside Baptist Church" class="contact-logo">
                            </div>

                            <h4 class="contact-address">
                                2920 Browns Landing Road, Palatka, Florida 32177 | (386) 328-0764
                            </h4>

                        </div>

                        <div class="col-lg-10 mt-5">

                            <div class="service-times">

                                <h6>Sunday Services:</h6>
                                <p>
                                    9:00 AM Sunday School | 10:00 AM Men/Woman Prayer Rooms | 10:15 AM Morning Worship
                                </p>

                                <h6>Wednesday Services:</h6>
                                <p>
                                    6:15 PM AWANA Clubs | 6:15 PM Students | 6:30 PM Evening Worship
                                </p>

                            </div>

                        </div>

                    </div>

                </div>

            </section><!-- /Contact 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>
        <script src="https://js.churchcenter.com/modal/v1"></script>

    </body>

</html>