관리-도구

편집 파일: 5ecb87a404cce39931da11f9d58f9b6b.php

<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Belleza</title>
    <meta name="author" content="Vecuro">
    <meta name="description" content="Wellnez - Spa Beauty & Wellness Salon HTML5 Template">
    <meta name="keywords"
        content="beauty, beauty salon, beauty shop, beauty spa, cosmetics, hairdresser, health, lifestyle, massage, salon, spa, spa booking, wellness, wellness template, yoga">
    <meta name="robots" content="INDEX,FOLLOW">

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon">
    <link rel="icon" href="assets/img/favicon.ico" type="image/x-icon">

<link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Marcellus&display=swap"
        rel="stylesheet">

<link rel="stylesheet" href="assets/css/bootstrap.min.css">
    
    
    <link rel="stylesheet" href="assets/css/fontawesome.min.css">
    
    <link rel="stylesheet" href="assets/css/layerslider.min.css">
    
    <link rel="stylesheet" href="assets/css/jquery.datetimepicker.min.css">
    
    <link rel="stylesheet" href="assets/css/magnific-popup.min.css">
    
    <link rel="stylesheet" href="assets/css/slick.min.css">
    
    <link rel="stylesheet" href="assets/css/style.css">

</head>

<?php $__env->startSection('content'); ?>
   
    <section class="video-bg-section">
        <div class="video-black-overlay"></div>
        <div class="video-overlay">
            <h1 class="hero-text slide-in-left">Belleza Unisex Salon</h1>
            <h3 class="slide-in-left delay-1s text-light">Achieve The Look You Desire With Belleza</h3>
        </div>
        <video class="background-video" autoplay muted loop playsinline>
            <source src="assets/img/v3.mp4" type="video/mp4">
            Your browser does not support the video tag.
        </video>
    </section>

<style>
        @keyframes slideInLeft {
            0% {
                opacity: 0;
                transform: translateX(-100px);
                /* Start off-screen to the left */
            }

100% {
                opacity: 1;
                transform: translateX(0);
                /* End in its original position */
            }
        }

.slide-in-left {
            animation: slideInLeft 1.5s ease-out forwards;
            /* Apply left-to-current animation */
        }

.delay-1s {
            animation-delay: 1s;
            /* Add delay for subsequent elements */
        }

.hero-text {
            color: white;
            font-family: "Playfair Display", serif;
            font-size: 100px;
            margin: 0;
        }

.video-bg-section {
            position: relative;
            width: 100%;
            height: 100vh;
            /* Full viewport height */
            overflow: hidden;
        }

.background-video {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* Ensures the video covers the entire section */
            z-index: -1;
            /* Sends the video to the background */
        }

.video-black-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.586);
            /* Black color with 50% opacity */
            z-index: 0;
            /* Layer it above the video but below the overlay content */
        }

.video-overlay {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1;
            /* Ensures the overlay content is on top of the video and black layout */
            text-align: center;
        }

.video-title {
            font-size: 3rem;
            font-weight: bold;
            color: #fff;
            font-family: 'Arial Black', sans-serif;
            text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
        }
    </style>

.vs-icon.style2 img {
    max-width: 80px; /* Keeps icons consistent in size */
    height: auto;
}

.feature-title {
    margin: 10px 0;
    text-align: center;
}

.feature-text {
    text-align: center;
    flex-grow: 1; /* Ensures text takes equal space in all cards */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px; /* Adjust font size for better readability */
}

.row.vs-carousel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Align cards centrally */
    gap: 20px; /* Spacing between cards */
}

</style>

<section class=" space-top space-extra-bottom bg-gradient-1 z-index-common">
        <div class="container">
            <div class="title-area text-center wow fadeInUp" data-wow-delay="0.2s">
                <span class="sec-subtitle">Belleza</span>
                <h2 class="sec-title">Why Choose Us</h2>
                <div class="sec-shape"><img src="assets/img/shape/sec-shape-1.png" alt="shape"></div>
            </div>
            <div class="row vs-carousel wow fadeInUp" data-wow-delay="0.3s" data-slide-show="3" data-md-slide-show="2">
                <div class="col-lg-4 col-xl-4">
                    <div class="feature-style2">
                        <div class="vs-icon style2"><img src="assets/img/icon/fe-1-1.png" alt="icon"></div>
                        <h3 class="feature-title h4">18+ Years of Experience</h3>
                        <div class="arrow-shape"><i class="arrow"></i><i class="arrow"></i><i class="arrow"></i><i
                                class="arrow"></i></div>
                        <p class="feature-text">Over 18 years of expertise delivering trusted and exceptional services.
                        </p>
                        
                    </div>
                </div>
                <div class="col-lg-4 col-xl-4">
                    <div class="feature-style2">
                        <div class="vs-icon style2"><img src="assets/img/icon/fe-1-2.png" alt="icon"></div>
                        <h3 class="feature-title h4">100% safe for your Skin and Hair</h3>
                        <div class="arrow-shape"><i class="arrow"></i><i class="arrow"></i><i class="arrow"></i><i
                                class="arrow"></i></div>
                        <p class="feature-text">Gentle and effective, ensuring 100% safety for your skin and hair.</p>
                        
                    </div>
                </div>
                <div class="col-lg-4 col-xl-4">
                    <div class="feature-style2">
                        <div class="vs-icon style2"><img src="assets/img/icon/fe-1-3.png" alt="icon"></div>
                        <h3 class="feature-title h4">Unique from other Salons</h3>
                        <div class="arrow-shape"><i class="arrow"></i><i class="arrow"></i><i class="arrow"></i><i
                                class="arrow"></i></div>
                        <p class="feature-text">Stand out with personalized services and exceptional attention to
                            detail, making every visit truly unique from other salons.</p>
                        
                    </div>
                </div>
                <div class="col-lg-4 col-xl-4">
                    <div class="feature-style2">
                        <div class="vs-icon style2"><img src="assets/img/icon/fe-1-4.png" alt="icon"></div>
                        <h3 class="feature-title h4">Experienced Staff
                        </h3>
                        <div class="arrow-shape"><i class="arrow"></i><i class="arrow"></i><i class="arrow"></i><i
                                class="arrow"></i></div>
                        <p class="feature-text">Dedicated professionals delivering exceptional care and expertise.</p>
                        
                    </div>
                </div>
                <div class="col-lg-4 col-xl-4">
                    <div class="feature-style2">
                        <div class="vs-icon style2"><img src="assets/img/icon/fe-1-4.png" alt="icon"></div>
                        <h3 class="feature-title h4">10000+ Happy Customers
                        </h3>
                        <div class="arrow-shape"><i class="arrow"></i><i class="arrow"></i><i class="arrow"></i><i
                                class="arrow"></i></div>
                        <p class="feature-text">Trusted by 10,000+ happy customers for exceptional quality and service.
                        </p>
                        
                    </div>
                </div>
                <div class="col-lg-4 col-xl-4">
                    <div class="feature-style2">
                        <div class="vs-icon style2"><img src="assets/img/icon/fe-1-4.png" alt="icon"></div>
                        <h3 class="feature-title h4">Created from natural herbs
                        </h3>
                        <div class="arrow-shape"><i class="arrow"></i><i class="arrow"></i><i class="arrow"></i><i
                                class="arrow"></i></div>
                        <p class="feature-text">Crafted entirely from natural herbs, offering purity and wellness.</p>
                        
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <section class=" space-extra-bottom">
        <div class="shape-mockup d-none d-xxxl-block" data-top="-26%" data-left="-10%">
            <div class="curb-shape1"></div>
        </div>
        <div class="shape-mockup jump d-none d-xxxl-block" data-top="-50%" data-right="0"><img
                src="assets/img/shape/b-s-1-5.png" alt="shape"></div>
        <div class="shape-mockup jump-reverse d-none d-xxxl-block" data-top="6%" data-right="13%"><img
                src="assets/img/shape/leaf-1-4.png" alt="shape"></div>
        <div class="container">
            <div class="row gx-80 align-items-center">
                <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.2s">
                    <div class="img-box2">
                        <div class="img-1">
                            <img src="assets/img/serv1.jpg" alt="about">
                        </div>
                        
                        <div class="img-shape">
                            <span class="img-text jump-reverse">Feature</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.3s">
                    <div class="about-box1">
                        
                        <h2 class="sec-title2">DISCOVER A <span class="text-theme">NEW</span> YOU</h2>
                        <div class="media-style1">
                            <div class="circle-btn style3">
                                <a href="about" class="btn-icon"><i class="far fa-arrow-right"></i></a>
                                <div class="btn-text">
                                    <svg viewBox="0 0 150 150">
                                        <text>
                                            <textPath href="#textPath">how to make your makeup last all day</textPath>
                                        </text>
                                    </svg>
                                </div>
                            </div>
                            <div class="media-body">
                                <p class="media-text">We think your skin should look and refreshed matter your
                                    lifestyle.</p>
                            </div>
                        </div>
                        
                        <div class="table-style1">
                            <div class="tr">
                                <div class="th">The excellence of Belleza perfected over 18+ years of expertise.</div>
                                
                            </div>
                            
                            
                            
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="position-relative space-extra-bottom">
        <div class="gallery-shape1"></div>
        <div class="container-fluid">
            <div class="row gallery-slider1 vs-carousel" data-slide-show="1" data-center-mode="true"
                data-xl-center-mode="true" data-ml-center-mode="true" data-lg-center-mode="true"
                data-md-center-mode="true" data-center-padding="477px" data-xl-center-padding="320px"
                data-ml-center-padding="200px" data-lg-center-padding="150px" data-md-center-padding="80px">
                 
                <?php $__currentLoopData = $folders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $folder): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
               
                
                <div class="col">
                    <div class="gallery-style2">
                        <div class="gallery-img"><img src="<?php echo e(asset('storage/' . $folder->image)); ?>" alt="gallery">
                        </div>
                        <div class="circle-btn style2">
                            <a href="gallery" class="btn-icon"><i class="far fa-arrow-right"></i></a>
                            <div class="btn-text">
                                <svg viewBox="0 0 150 150">
                                    <text>
                                        <textPath href="#textPath">how to make your makeup last all day</textPath>
                                    </text>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
             
            <div class="arrows-style1">
                <button data-slick-prev=".gallery-slider1"><i class="arrow"></i>Prev</button>
                <button data-slick-next=".gallery-slider1"><i class="arrow"></i>Next</button>
            </div>
        </div> </div>
    </div>
    <section class=" space">
        <div class="title-area text-center wow fadeInUp" data-wow-delay="0.2s">
            <span class="sec-subtitle">Professional Services to Empower Your Beauty</span>
            <h2 class="sec-title">Discover Our Services</h2>
            <div class="sec-shape mb-5 pb-1"><img src="assets/img/shape/sec-shape-1.png" alt="shape"></div>
        </div>
        <div class="service-inner1">
            <div class="shape-mockup jump d-none d-xxl-block" data-top="-25%" data-right="1%"><img
                    src="assets/img/hero/hero-leaf-5.png" alt="shape"></div>
            <div class="container-xl">
                <div class="row justify-content-between align-items-center">
                    <div class="col-md-6 col-lg-5 col-xxl-auto">
                        <div class="service-style1 reverse">
                            <div class="vs-icon"><img src="assets/img/icon/sr-i-1-1.png" alt="icon"></div>
                            <div class="service-content">
                                <h3 class="service-title"><a href="service-details.html" class="text-inherit">Bridal and
                                        Event Services
                                    </a></h3>
                                <p class="service-text">Our Bridal and Event Services are customized to make your
                                    special moments remarkable.</p>
                            </div>
                        </div>
                        <div class="service-style1 reverse">
                            <div class="vs-icon"><img src="assets/img/icon/sr-i-1-2.png" alt="icon"></div>
                            <div class="service-content">
                                <h3 class="service-title"><a href="service-details.html" class="text-inherit">Hair
                                        Care</a></h3>
                                <p class="service-text">We offer a wide range of expert hair services customized to your
                                    needs.</p>
                            </div>
                        </div>

</div>
                    <div class="col col-xxl-auto text-center d-none d-lg-block">
                        <img src="assets/img/serv22.jpg" alt="shape" class="mt-n4">
                    </div>
                    <div class="col-md-6 col-lg-5 col-xxl-auto">
                        <div class="service-style1">
                            <div class="vs-icon"><img src="assets/img/icon/sr-i-1-4.png" alt="icon"></div>
                            <div class="service-content">
                                <h3 class="service-title"><a href="service-details.html" class="text-inherit">Skin Care
                                    </a></h3>
                                <p class="service-text">We specialize in delivering personalized skin care treatments to
                                    rejuvenate and refresh your skin.</p>
                            </div>
                        </div>
                        <div class="service-style1">
                            <div class="vs-icon"><img src="assets/img/icon/sr-i-1-4.png" alt="icon"></div>
                            <div class="service-content">
                                <h3 class="service-title"><a href="service-details.html" class="text-inherit">Body Care
                                    </a></h3>
                                <p class="service-text">Body care services designed to rejuvenate and refresh. </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section class="text-center space black-layout" data-bg-src="assets/img/cn.jpg">
        <div class="d-inline-flex mb-4 pb-1">
            <div class="circle-btn style2">
                <a href="about" class="btn-icon"><i class="far fa-arrow-right"></i></a>
                <div class="btn-text">
                    <svg viewBox="0 0 150 150">
                        <text>
                            <textPath href="#textPath">how to make your makeup last all day</textPath>
                        </text>
                    </svg>
                </div>
            </div>
        </div>
        <h2 class="sec-title text-white text-uppercase mb-4 pb-2">Get a Free Quote</h2>
        <div class="d-inline-flex flex-wrap justify-content-center gap-3 align-items-center">
            <a href="#booknowModal" data-bs-toggle="modal" data-bs-target="#booknowModal" class="vs-btn style7">appointment</a>
            <a href="tel:+4412589634" class="vs-btn style6"><i class="fal fa-headset"></i>make a call</a>
        </div>
    </section>
    
    <style>
       .black-layout {
    position: relative;
    color: #fff;
}

.black-layout::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0000009d; /* Semi-transparent black */
    z-index: 1;
}

.black-layout > * {
    position: relative;
    z-index: 2; /* Ensure content is above the overlay */
}

</style>
    
    
    <script>
        document.addEventListener("scroll", function () {
    const header = document.querySelector(".sticky-active");
    if (window.scrollY > 50) {
        header.classList.add("scrolled");
    } else {
        header.classList.remove("scrolled");
    }
});

// Optional: Ensure CSS priority is correct

</script>
    <a href="#" class="scrollToTop scroll-btn"><i class="far fa-arrow-up"></i></a>

<script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    
    <script src="assets/js/jquery-ui.min.js"></script>
    
    <script src="assets/js/slick.min.js"></script>

<script src="assets/js/bootstrap.min.js"></script>
    
    <script src="assets/js/universal-parallax.min.js"></script>
    
    <script src="assets/js/wow.min.js"></script>
    
    <script src="assets/js/jquery.datetimepicker.min.js"></script>
    
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    
    <script src="assets/js/main.js"></script>

<?php $__env->stopSection(); ?>
</body>

</html>
<?php echo $__env->make('layouts.apps', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH D:\ICT Laravel\Backend\belleza\resources\views/frontend/index.blade.php ENDPATH**/ ?>

Name	Size	Permissions	Action
📄 .htaccess	218 bytes
📁 755944	-
📄 index.php	33,708 bytes

관리-도구

편집 파일: 5ecb87a404cce39931da11f9d58f9b6b.php

Sid Gifari File Manager