<?php

$page = 'Coastal Recreation - Home';
$pageDesc = '""';
include 'includes/header.php';
$page = 'home';
?>
<style>
body {
    background-color: lightblue;
    /* Add your desired color */
}
</style>
<main>


    <section class="form">
        <h2 class="theme-h2">Contact <span>Us</span></h2>
        <div class="container nation-858">
            <div class="row align-items-center g-5">
                <div class="col-12 col-md-6">
                    <div class="loom-1">
                        <img src="images/12373.png" class="img-fluid" alt="img">
                    </div>
                </div>
                <div class="col-12 col-md-6">

                    <div class="theme-form">
                        <form action="" method="Post">
                            <h1>Fill <span>
                                    Out The
                                </span> Details</h1>
                            <div class="row mb-3">
                                <div class="col-12  col-md-6">
                                    <div class="theme-post">
                                        <label for="">
                                            <h4>Enter Your first Name</h4>
                                        </label>
                                        <input type="text" placeholder="First Name">
                                    </div>
                                </div>
                                <div class="col-12  col-md-6">
                                    <div class="theme-post">
                                        <label for="">
                                            <h4>Enter Your last Name</h4>
                                        </label>
                                        <input type="text" placeholder="Last Name">
                                    </div>
                                </div>
                            </div>
                            <div class="row mb-3">
                                <div class="col-12  col-md-6">
                                    <div class="theme-post">
                                        <label for="">
                                            <h4>Enter Your Email Address</h4>
                                        </label>
                                        <input type="text" placeholder="Email Address">
                                    </div>
                                </div>
                                <div class="col-12  col-md-6">
                                    <div class="theme-post">
                                        <label for="">
                                            <h4>Enter Your Phone Number</h4>
                                        </label>
                                        <input type="text" placeholder="Phone Number">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12 col-md-12">
                                    <div class="text-area" placeholder="message">
                                        <label>
                                            <h4>Message</h4>
                                        </label>
                                        <textarea name="" id=""></textarea>
                                        <button type="submit">Submit</button>
                                    </div>

                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="four-box">
        <div class="container">
            <div class="row">
                <div class="col-12 col-md-6">
                    <a href="#">

                        <div class="box-1">
                        <i class="fa-solid fa-location-dot"></i>
                            <h3>Location</h3>
                            <p>225 NW Cascade Ave Chehalis, WA 98532</p>
                        </div>
                    </a>
                </div>
                <div class="col-12 col-md-6">
                    <a href="#">
                        <div class="box-1">
                        <i class="fa-solid fa-envelope"></i>
                            <h3>Email</h3>
                            <p>CoastalRecreationSolution@outlook.com</p>
                        </div>
                    </a>
                </div>
            </div>
            <div class="row mt-5">
                <div class="col-12 col-md-6">
                    <a href="#">

                        <div class="box-1">
                        <i class="fa-solid fa-phone-volume"></i>
                            <h3>Location</h3>
                            <p>225 NW Cascade Ave Chehalis, WA 98532</p>
                        </div>
                    </a>
                </div>
                <div class="col-12 col-md-6">
                    <a href="#">
                        <div class="box-1">
                        <i class="fa-solid fa-phone-volume"></i>
                            <h3>Email</h3>
                            <p>CoastalRecreationSolution@outlook.com</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section>



    <?php
    include 'includes/footer.php';
    $page = 'home';
    ?>
</main>