D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home3
/
encodto1
/
attraction.encodersunlimited.com
/
Filename :
index.php
back
Copy
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <title>Attraction - Home</title> <!-- Fav Icon --> <link rel="icon" href="assets/images/favicon.ico" type="image/x-icon"> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css2?family=Mrs+Saint+Delafield&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <!-- Stylesheets --> <link href="assets/css/font-awesome-all.css" rel="stylesheet"> <link href="assets/css/flaticon.css" rel="stylesheet"> <link href="assets/css/owl.css" rel="stylesheet"> <link href="assets/css/bootstrap.css" rel="stylesheet"> <link href="assets/css/jquery.fancybox.min.css" rel="stylesheet"> <link href="assets/css/animate.css" rel="stylesheet"> <link href="assets/css/nice-select.css" rel="stylesheet"> <link href="assets/css/imagebg.css" rel="stylesheet"> <link href="assets/css/color.css" rel="stylesheet"> <link href="assets/css/style.css" rel="stylesheet"> <link href="assets/css/responsive.css" rel="stylesheet"> <style> .service-block-one .inner-box .lower-content .price { position: absolute; top: 10px; right: 10px; display: inline-block; width: 110px; height: 40px; line-height: 40px; text-align: center; background: black; font-size: 14px; font-weight: 500; color: #fff; text-decoration: none; border-radius: 30px; z-index: 10; /* Ensure it's above other elements */ transition: background 300ms ease, transform 300ms ease; } .service-block-one .inner-box .lower-content .price:hover { background: black; transform: scale(1.1); /* Add hover interaction */ } /* Responsive adjustments */ @media (max-width: 768px) { .service-block-one .inner-box .lower-content .price { top: 8px; right: 8px; width: 90px; height: 35px; line-height: 35px; font-size: 12px; } } @media (max-width: 480px) { .service-block-one .inner-box .lower-content .price { top: 5px; right: 5px; width: 80px; height: 30px; line-height: 30px; font-size: 10px; } } </style> </head> <!-- page wrapper --> <body> <div class="boxed_wrapper"> <?php include 'header.php'; ?> <!-- banner-section --> <section class="banner-section"> <div class="slide-item"> <div class="image-layer"> <video autoplay muted loop playsinline style="width: 100%; height: 100%; object-fit: cover;"> <source src="assets/images/Video/attrbgvdo.mp4" type="video/mp4"> </video> </div> <div class="auto-container"> <div class="content-box centred"> <!-- Add content here if needed --> </div> </div> </div> </section> <!-- banner-section end --> <!-- about-style-two --> <section class="about-style-two"> <div class="pattern-layer"> <div class="pattern-1" style="background-image: url(assets/images/shape/shape-7.png);"></div> <div class="pattern-3" style="background-image: url(assets/images/shape/shape-8.png);"></div> </div> <div class="auto-container"> <div class="row clearfix"> <div class="col-lg-8 col-md-12 col-sm-12 content-column"> <div id="content_block_6"> <div class="content-box"> <div class="text"> <h2>WELCOME TO the Attraction Unisex Salon</h2> <p>Step into a world of luxury, style and rejuvenation. At The Attraction Unisex Salon, we offer top-tier beauty treatments and personalized services designed to bring out your best self.</p> </div> <div class="inner-box"> <div class="row clearfix"> <div class="col-lg-6 col-md-6 col-sm-12 left-column"> <div class="left-content"> <ul class="list clearfix"> <li>Styling with Experience</li> <li>A professional salon</li> <li>We understand styles</li> <li>You will need best style</li> </ul> <div class="signature"> <h2>Ram Tamang <span>- CE0</span></h2> </div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-12 right-column"> <div class="right-content"> <div class="single-progress-box"> <div class="box"> <div class="piechart" data-fg-color="#df8e6a" data-value=".99"> <span>99</span> </div> </div> <h5>Client Satisfied</h5> </div> <div class="single-progress-box"> <div class="box"> <div class="piechart" data-fg-color="#df8e6a" data-value=".85"> <span>50</span> </div> </div> <h5>Styles & Haircuts</h5> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-lg-4 col-md-12 col-sm-12 small-column"> <div id="content_block_3"> <div class="content-box wow fadeInUp animated animated" data-wow-delay="600ms" data-wow-duration="1500ms"> <div class="location-box"> <p> ATTRACTION SALON WELCOMES YOU</p> <i class="flaticon-location"></i> </div> <div class="shediul-box"> <i class="flaticon-alarm-clock-1"></i> <h3>Opening Hours</h3> <ul class="time-list clearfix"> <li> <span>Monday</span> <h4>12:00 pm - 19:00 pm</h4> </li> <li> <span>Tuesday to Friday</span> <h4>8:00 am - 19:00 pm</h4> </li> <li> <span>Saturday</span> <h4>8:00 am to 3:30 pm</h4> </li> </ul> </div> </div> </div> </div> </div> </div> </section> <!-- about-style-two end --> <!-- features-style-three --> <section class="features-style-three sec-pad bg-color-1"> <div class="auto-container"> <div class="row clearfix"> <div class="col-lg-7 col-md-6 col-sm-12 image-column"> <figure class="image-box wow fadeInLeft animated animated" data-wow-delay="00ms" data-wow-duration="1500ms"><img src="assets/images/resource/team-full.jpg" alt=""></figure> </div> <div class="col-lg-5 col-md-6 col-sm-12 content-column"> <div id="content_block_8"> <div class="content-box wow fadeInRight animated animated" data-wow-delay="00ms" data-wow-duration="1500ms"> <div class="text" style="background-image: url(assets/images/shape/shape-7.png);"> <h2> <i class="flaticon-scissors"></i> Salon</h2> <p class="color-text">Experience refined beauty at The Attraction Unisex Salon</p> <p>Where luxury and expertise define every service. Let our skilled professionals create a personalized look that leaves you feeling confident and radiant.</p> </div> </div> </div> </div> </div> </div> </section> <!-- features-style-three end --> <!-- features-style-three --> <section class="features-style-three sec-pad bg-color-1"> <div class="auto-container"> <div class="row clearfix"> <!-- Content Column --> <div class="col-lg-5 col-md-6 col-sm-12 content-column"> <div id="content_block_8"> <div class="content-box wow fadeInRight animated animated" data-wow-delay="00ms" data-wow-duration="1500ms" style="position: relative; left: 120px; z-index: 1;"> <div class="text" style="background-image: url(assets/images/shape/shape-7.png);"> <h2> <img src="assets/images/shape/Academy.png" alt=""> Academy</h2> <p class="color-text">Unlock your potential at The Attraction Academy</p> <p>Where education meets excellence. Learn from industry experts in a professional environment, designed to inspire and empower you to succeed.</p> </div> </div> </div> </div> <!-- Image Column --> <div class="col-lg-7 col-md-6 col-sm-12 image-column"> <figure class="image-box wow fadeInLeft animated animated" data-wow-delay="00ms" data-wow-duration="1500ms"> <img src="assets/images/resource/feature-2.jpg" alt=""> </figure> </div> </div> </div> </section> <!-- features-style-three end --> <!-- service-section --> <?php // Include database connection include 'config.php'; // Fetch services from the services table $query = "SELECT id, name, description, image FROM services"; $result = mysqli_query($conn, $query); if (!$result) { die("Query Failed: " . mysqli_error($conn)); } ?> <section class="service-section bg-color-1"> <div class="auto-container"> <div class="sec-title"> <span>Our Services</span> <h2 class='m-5'>What we’re offering</h2> </div> <div class="row clearfix"> <div class="col-lg-3 col-md-12 col-sm-12 small-column"> <!-- Empty column for layout adjustment --> </div> <div class="col-lg-12 col-md-12 col-sm-12 big-column"> <div class="service-inner"> <div class="three-item-carousel owl-carousel owl-theme owl-nav-none owl-dots-style-one"> <?php while ($row = mysqli_fetch_assoc($result)) { ?> <div class="service-block-one"> <div class="inner-box"> <figure class="image-box"> <a href="service-details.php?id=<?php echo htmlspecialchars($row['id']); ?>"> <img src="attadminraction/uploads/<?php echo htmlspecialchars($row['image']); ?>" alt="<?php echo htmlspecialchars($row['name']); ?>"> </a> </figure> <div class="lower-content"> <a href="getquote.php" class="price">Book Now</a> <!-- Updated as a clickable link --> <h4> <a href="service-details.php?id=<?php echo htmlspecialchars($row['id']); ?>"> <?php echo htmlspecialchars($row['name']); ?> </a> </h4> <p> <?php $description = htmlspecialchars($row['description']); echo strlen($description) > 100 ? substr($description, 0, 100) . '...' : $description; ?> </p> </div> </div> </div> <?php } ?> </div> </div> </div> </div> </div> </section> <?php // Close the database connection mysqli_close($conn); ?> <!-- service-section --> <!-- service-style-two --> <section class="service-style-two bg-color-2"> <figure class="image-layer"><img src="assets/images/resource/service-2.jpg" alt=""></figure> <div class="pattern-layer" style="background-image: url(assets/images/shape/shape-2.png);"></div> <div class="auto-container"> <div class="row clearfix"> <div class="col-lg-6 col-md-12 col-sm-12 content-column"> <div id="content_block_5"> <div class="content-box"> <h2>WE UNDERSTAND your hairs style</h2> <p>We understand that your hair is an expression of your personality. Our expert stylists are dedicated on creating a look that enhances your natural beauty and complements your individual style. Whether you want to refresh your current look or try something new, we are here to make it happen with precision and care.</p> <ul class="list clearfix"> <li>Styling with experience.</li> <li>We understand styles.</li> <li>A professional salon.</li> <li>You will need best style.</li> </ul> <h5>Call to book appointment <a href="tel:+919609364874">96093 64874</a></h5> <div class="btn-box"><a href="service.php" class="theme-btn-one">Check our services</a> </div> </div> </div> </div> </div> </div> </section> <!-- service-style-two end --> <!-- testimonial-section --> <?php // Include the database connection file include 'config.php'; // Fetch data from the gallery table $query = "SELECT id, name, comment FROM testimonial"; $result = mysqli_query($conn, $query); if (!$result) { die("Query Failed: " . mysqli_error($conn)); } ?> <section class="testimonial-section centred mt-5" style="background-image: url(assets/images/background/testimonial-bg-1.jpg);"> <div class="auto-container"> <div class="sec-title light"> <span>Testimonials</span> <h2>What they say</h2> </div> <div class="single-item-carousel owl-carousel owl-theme owl-nav-none owl-dots-style-one"> <?php while ($row = mysqli_fetch_assoc($result)) { ?> <div class="testimonial-content"> <div class="inner-box"> <h2>“<?php echo htmlspecialchars($row['comment']); ?>”</h2> <h4>- <?php echo htmlspecialchars($row['name']); ?></h4> </div> </div> <?php } ?> </div> </div> </section> <?php // Close the database connection (if not using persistent connections) mysqli_close($conn); ?> <!-- testimonial-section end --> <!-- gallery-section --> <?php // Include the database connection file include 'config.php'; // Fetch data from the gallery table $query = "SELECT id, image FROM gallery"; $result = mysqli_query($conn, $query); if (!$result) { die("Query Failed: " . mysqli_error($conn)); } ?> <section class="gallery-section bg-color-1"> <div class="outer-container"> <div class="sec-title"> <span>Our Photos</span> <h2>Photo Gallery</h2> </div> <div class="gallery-carousel owl-carousel owl-theme owl-nav-none owl-dots-style-one"> <?php while ($row = mysqli_fetch_assoc($result)) { ?> <div class="gallery-block-one"> <div class="inner-box"> <figure class="image-box"> <img src="attadminraction/uploads/<?php echo htmlspecialchars($row['image']); ?>" alt="Gallery Image"> <a href="attadminraction/uploads/<?php echo htmlspecialchars($row['image']); ?>" class="lightbox-image" data-fancybox="gallery"> <i class="flaticon-plus-1"></i> </a> </figure> </div> </div> <?php } ?> </div> </div> </section> <?php // Close the database connection mysqli_close($conn); ?> <!-- gallery-section end --> <!-- appointment-section --> <section class="appointment-section"> <div class="bg-layer" style="background-image: url(assets/images/background/appointment-bg.jpg);"></div> <div class="auto-container"> <div class="row clearfix"> <div class="col-lg-6 col-md-12 col-sm-12 content-column"> <div class="content-box"> <div class="upper-inner"> <h2>Do you NEED TO MAKE AN ENQUIRY?</h2> <p>If you have any questions, need more information about our services or want to book an appointment. Feel free to reach out. Our team is happy to provide the guidance you need and ensure your experience with us is seamless.</p> </div> <div class="lower-inner"> <figure class="image-box"><img src="assets/images/resource/team-small.jpg" alt=""> </figure> <div class="counter-inner"> <div class="single-counter"> <div class="count-outer count-box"> <span class="count-text" data-speed="1500" data-stop="8600">0</span> </div> <h4>Ladies and Gents Haircuts</h4> </div> <div class="single-counter"> <div class="count-outer count-box"> <span class="count-text" data-speed="1500" data-stop="7540">0</span> </div> <h4>Ladies and Gents Hair Styling</h4> </div> </div> </div> </div> </div> <div class="col-lg-6 col-md-12 col-sm-12 inner-column"> <div id="appointment_block"> <div class="form-inner"> <span class="title-text">Book</span> <p>Drop your details and we'll get back to you shortly.</p> <form method="post" action="attadminraction/crud.php" id="contact-form" class="default-form"> <div class="row clearfix"> <!-- Input for name --> <div class="col-lg-6 col-md-6 col-sm-12 form-group"> <input type="text" name="name" placeholder="Your name" required=""> </div> <!-- Input for email --> <div class="col-lg-6 col-md-6 col-sm-12 form-group"> <input type="email" name="email" placeholder="Email address" required=""> </div> <!-- Input for phone number --> <div class="col-lg-6 col-md-6 col-sm-12 form-group"> <input type="text" name="number" placeholder="Phone number" required=""> </div> <!-- Input for subject --> <div class="col-lg-6 col-md-6 col-sm-12 form-group"> <input type="text" name="subject" placeholder="Subject" required=""> </div> <!-- Textarea for message --> <div class="col-lg-12 col-md-12 col-sm-12 form-group"> <textarea name="message" placeholder="Message..." required=""></textarea> </div> <!-- Submit button --> <div class="col-lg-12 col-md-12 col-sm-12 form-group message-btn"> <button class="theme-btn-one" type="submit" name="addquery">Send a message</button> </div> </div> </form> </div> </div> </div> </div> </div> </section> <!-- appointment-section end --> <?php include 'footer.php' ?> </body><!-- End of .page_wrapper --> </html>