<?php
include "../Links/topLinks.php";
?>

<!-- <main class="main-height-serviceDetails height-aut0"> -->

    <section class="section-dashboard manage-event">
        <div class="container">
            <div class="d-flex">
                <div class="manage-event-icon">
                    <a href="./service.php">
                    <i class="fa-solid fa-chevron-left arrow-left"></i>
                    </a>
                </div>
                <div class="event-content">
                    <h5 class="event-title font_dan text-center">
                        Services
                    </h5>
                </div>

                <!-- <div class="manage-event-icon">
                    <i class="fa-solid fa-chevron-left arrow-left"></i>
                    <img src="../assets/images/mdi_dots-vertical.png" alt="icon">
                </div> -->
            </div>
        </div>
    </section>

    <section class="section-dashboard media-margin-section mt-0 margin-bottom-blogEvent">
        <div class="container">
            <div class="row gy-4 justify-content-center">
                <div class="col-sm-12 col-md-10 col-lg-8">
                    <div class="event-image-blog serviceDetails-image">
                        <img src="../assets/images/mdi_cards-heart-outline.png" class="heart-blog-image" alt="Image">
                    </div>
                </div>

                <div class="col-sm-12 col-md-10 col-lg-8">
                    <div class="event-blog-content">
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <h4 class="title-blog">
                                Redbox Studios
                            </h4>
                            <img src="../assets/images/material-symbols_share.png" class="share-icon" alt="icon">
                        </div>
                        <div class="blog-flex-line d-flex mb-4">
                            <div class="location-event">
                                <div class="image-blog-event-icon">
                                    <img src="../assets/images/serviceDetails-location-image.png" class="location-event-image-blog" alt="icon">
                                </div>
                                <p class="location-event-para blog-event-para">Paul St, london</p>
                            </div>
                            <div class="location-event">
                                <div class="image-blog-event-icon">
                                    <img src="../assets/images/serviceDetails-phone-image.png" class="location-event-image-blog" alt="icon">
                                </div>
                                <p class="location-event-para blog-event-para">+91 3762-543</p>
                            </div>
                        </div>

                        <div class="d-flex justify-content-between align-items-center mb-3">
                            <h5 class="title-blog-5">
                                About:
                            </h5>
                            <p class="interested-blog">20 People Interested</p>
                        </div>
                        <div class="blog-lorem mb-3">
                            <p class="blog-lorem-para">
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae eleifend dolor. Proin a venenatis ante, et porta diam. Morbi finibus dictum velit semper aliquet. Vestibulum enim met Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae eleifend dolor. Proin a venenatis ante, et porta diam. Morbi finibus dictum velit semper aliquet. Vestibulum enim me Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae eleifend dolor.
                            </p>
                        </div>

                        <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap">
                            <h5 class="title-blog-5 select-services-title">
                                Select Services:
                            </h5>
                            <div class="select-menu">
                                <div class="select">
                                    <div class="select-serviceDetails">
                                        <img src="../assets/images/services-select-images.png" class="select-box-service-image" alt="image">
                                        <span class="services-box-title">Services</span>
                                    </div>
                                    <em class="fas fa-angle-down down-up-arrow-serviceDetails"></em>
                                </div>
                                <div class="options-list">
                                    <div class="option">Hair Stylists</div>
                                    <div class="option">Barber</div>
                                    <div class="option">Manicure/Pedicure</div>
                                </div>
                            </div>
                        </div>

                        <div class="d-flex justify-content-between align-items-center mb-3">
                            <h5 class="title-blog-5">
                                Business Hours:
                            </h5>
                            <!-- <p class="interested-blog">20 People Interested</p> -->
                        </div>

                        <div class="blog-flex-line d-flex mb-4 serviceDetails-flex-row">
                            <div class="location-event">
                                <div class="image-blog-event-icon">
                                    <img src="../assets/images/Group-time-service.png" class="location-event-image-blog" alt="icon">
                                </div>
                                <p class="location-event-para blog-event-para">Monday - Friday</p>
                            </div>
                            <div class="location-event">
                                <!-- <div class="image-blog-event-icon">
                                    <img src="../assets/images/Group-time-service.png" class="location-event-image-blog" alt="icon">
                                </div> -->
                                <p class="location-event-para blog-event-para">8:30 AM - 9:00 PM</p>
                            </div>

                            <div class="location-event">
                                <div class="image-blog-event-icon">
                                    <img src="../assets/images/Group-time-service.png" class="location-event-image-blog" alt="icon">
                                </div>
                                <p class="location-event-para blog-event-para">Monday - Friday</p>
                            </div>
                            <div class="location-event">
                                <!-- <div class="image-blog-event-icon">
                                    <img src="../assets/images/Group-time-service.png" class="location-event-image-blog" alt="icon">
                                </div> -->
                                <p class="location-event-para blog-event-para">9:00 AM - 1:00 PM</p>
                            </div>
                        </div>

                        <div class="new-event-btn">
                            <button class="btn add-new-event-btn w-100">
                                Book Now
                            </button>
                        </div>

                        <div class="d-flex justify-content-between align-items-center mb-3">
                            <h5 class="title-blog-5">
                                Reviews
                            </h5>
                            <!-- <p class="interested-blog">20 People Interested</p> -->
                        </div>

                        <div class="reviews-serviceDetails mb-4">
                            <div class="reviews-content">
                                <div class="reviews-image-div">
                                    <img src="../assets/images/reviews-image93.png" class="reviews-image" alt="Review Image">
                                </div>
                                <div class="reviews-content-details">
                                    <div class="review-title-and-rating">
                                        <div class="inner-review-content">
                                            <h6>William David</h6>
                                            <div class="para-rating ml-review-details">
                                                <i class="fa-sharp fa-solid fa-star service-star-rating-active-post-review"></i>
                                                <p class="service-active-post-para-rating-review">4.5</p>
                                            </div>
                                        </div>
                                        <p class="review-date-time"> <span class="review-date">10 May 2023 </span> <span class="review-time"> 04:30 PM</span> </p>
                                    </div>
                                    <div class="review-desc-para mt-2">
                                        <p>
                                            Lorem Ipsum is simply dummy text of he printing and Lorem Ipsum is simply dummy text of he printing and Lorem Ipsum is simply dummy text of he printing and lorum.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="reviews-serviceDetails mb-4">
                            <div class="reviews-content">
                                <div class="reviews-image-div">
                                    <img src="../assets/images/review-image94.png" class="reviews-image" alt="Review Image">
                                </div>
                                <div class="reviews-content-details">
                                    <div class="review-title-and-rating">
                                        <div class="inner-review-content">
                                            <h6>Richard Thomas</h6>
                                            <div class="para-rating ml-review-details">
                                                <i class="fa-sharp fa-solid fa-star service-star-rating-active-post-review"></i>
                                                <p class="service-active-post-para-rating-review">4.5</p>
                                            </div>
                                        </div>
                                        <p class="review-date-time"> <span class="review-date">10 May 2023 </span> <span class="review-time"> 04:30 PM</span> </p>
                                    </div>
                                    <div class="review-desc-para mt-2">
                                        <p>
                                            Lorem Ipsum is simply dummy text of he printing and Lorem Ipsum is simply dummy text of he printing and Lorem Ipsum is simply dummy text of he printing and lorum.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>

        </div>
    </section>

<!-- </main> -->
<?php
include "../Links/bottomLinks.php";
?>

<?php
// include "../Links/headerbottom.php";
?>