55ok
Mini
<?php
include('connection.inc.php');
if (isset($_GET['id'])) {
$id = $_GET['id'];
}
$limit = 12;
$pagination_sql = "SELECT * FROM gallery";
$pagination_query = mysqli_query($con, $pagination_sql);
$total_records = mysqli_num_rows($pagination_query);
$total_pages = ceil($total_records / $limit);
if (isset($_GET['page'])) {
$page = $_GET['page'];
} else {
$page = 1;
}
$offset = ($page - 1) * $limit;
$sql = "SELECT * FROM gallery LIMIT $limit OFFSET $offset";
$quary = mysqli_query($con, $sql) or die("Error");
?>
<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Gallery | Makeovers by Aaliya - Delhi best Makeover Studio </title>
<meta name="author" content="Vecuro">
<meta name="description" content="Gallery | Makeover by Aaliya - Delhi best Makeover Studio">
<meta name="keywords" content="Gallery | Makeover by Aaliya - Delhi best Makeover Studio">
<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/favicon1.png" type="image/x-icon">
<link rel="icon" href="assets/img/favicon1.png" 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/app.min.css">
<link rel="stylesheet" href="assets/css/fontawesome.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<style>
body {
background: black;
}
</style>
</head>
<body>
<div class="preloader"><button class="vs-btn preloaderCls">Cancel Preloader</button>
<div class="preloader-inner">
<div class="loader"> <img src="./assets/img/favicon1.png" alt=""></div>
</div>
</div>
<svg viewBox="0 0 150 150" class="svg-hidden">
<path id="textPath" d="M 0,75 a 75,75 0 1,1 0,1 z"></path>
</svg>
<div class="vs-menu-wrapper">
<div class="vs-menu-area text-center"><button class="vs-menu-toggle"><i class="fal fa-times"></i></button>
<div class="mobile-logo"><a href="index.html"><img src="assets/img/logobeth.png" alt="makeupbyaaliya"></a></div>
<div class="vs-mobile-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="service.php">Service</a></li>
<li><a href="gallery.php">Gallery</a></li>
<li><a href="contact.php">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div class="sidemenu-wrapper d-none d-lg-block">
<div class="sidemenu-content"><button class="closeButton sideMenuCls"><i class="far fa-times"></i></button>
<div class="widget">
<div class="footer-logo"><img src="assets/img/logobeth.png" alt="logo"></div>
<div class="info-media1">
<div class="media-icon"><i class="fal fa-map-marker-alt"></i></div><span class="media-label">B2-12,
Ashok
Vihar II, Pocket B 2, Phase 2, Ashok Vihar, Delhi, 110052</span>
</div>
<div class="info-media1">
<div class="media-icon"><i class="far fa-phone-alt"></i></div><span class="media-label"><a href="tel:+919717258539" class="text-inherit">+91 9717258539, 7982915628</a></span>
</div>
<div class="info-media1">
<div class="media-icon"><i class="fal fa-envelope"></i></div><span class="media-label"><a class="text-inherit" href="mailto:aliyasharma064@gmail.com">aliyasharma064@gmail.com</a></span>
</div>
</div>
</div>
</div>
<div class="popup-search-box d-none d-lg-block"><button class="searchClose"><i class="fal fa-times"></i></button>
<form action="#"><input type="text" class="border-theme" placeholder="What are you looking for"> <button type="submit"><i class="fal fa-search"></i></button></form>
</div>
<header class="vs-header header-layout1">
<div class="header-top">
<div class="container">
<div class="row justify-content-center justify-content-md-between align-items-center" style="background-color:white;">
<div class="col-auto text-center py-2 py-md-0">
<div class="header-links style-white">
<ul>
<li class="d-none d-xxl-inline-block"><i class="far fa-map-marker-alt"></i>B2-12, Ashok
Vihar II, Pocket B 2, Phase 2, Ashok Vihar, Delhi, 110052</li>
<li><i class="far fa-phone-alt"></i><a href="tel:+919717258539">(+91) 9717258539, 7982915628</a>
</li>
<li><i class="far fa-envelope"></i><a href="mailto:aliyasharma064@gmail.com">aliyasharma064@gmail.com</a></li>
<li><i class="fab fa-instagram"></i><a href="https://www.instagram.com/sonu_barber_786/">sonu_barber_786</a></li>
</ul>
</div>
</div>
<div class="col-auto d-none d-md-block">
<div class="social-style1"><a href="https://www.facebook.com/makeoverbyaaliya/photos"><i class="fab fa-facebook-f"></i></a> <a href="#"><i class="fab fa-twitter"></i></a> <a href="https://www.instagram.com/makeoverbyaaliya/?hl=en"><i class="fab fa-instagram"></i></a> <a href="#"><i class="fab fa-google"></i></a> <a href="#"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="sticky-wrap">
<div class="sticky-active">
<div class="container">
<div class="row justify-content-between align-items-center gx-60" style="background-color:#000000">
<div class="col">
<div class="header-logo"><a href="index.html"><img src="assets/img/logobeth.png" alt="logo" width="175px"></a>
</div>
</div>
<div class="col-auto">
<nav class="main-menu menu-style1 d-none d-lg-block">
<ul>
<li style="color: #424242;"><a href="index.html">Home</a>
</li>
<li><a href="about.html">About Us</a></li>
<li><a href="service.php">Service</a></li>
<li><a href="about.html">Gallery</a></li>
<li><a href="contact.php">Contact Us</a></li>
</ul>
</nav>
</div>
<div class="col-auto">
<div class="header-btns"><button class="searchBoxTggler"><i class="far fa-search"></i></button> <a href="contact.php" class="vs-btn style2 d-none d-xl-inline-block">Book</a> <button class="bar-btn sideMenuToggler d-none d-xl-inline-block"><span class="bar"></span>
<span class="bar"></span> <span class="bar"></span></button> <button class="vs-menu-toggle d-inline-block d-lg-none" type="button"><i class="fal fa-bars"></i></button></div>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="breadcumb-wrapper" data-bg-src="assets/img/banner/cover10.jpg">
<div class="container z-index-common">
<div class="breadcumb-content">
<h1 class="breadcumb-title">Our <span class="inner-text">Portfolio</span></h1>
<div class="breadcumb-menu-wrap">
<ul class="breadcumb-menu">
<li><a href="index.html">Home</a></li>
<li>Our <span class="inner-text">Portfolio</span></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container">
<div class="title-area text-center wow fadeInUp mt-5" data-wow-delay="0.2s"><span class="sec-subtitle" style="color: white;">Makeovers
By Aaliya</span>
<h2 class="sec-title" style="color:white">Our Gallery</h2>
<div class="sec-shape"><img src="assets/img/shape/sec-shape-1.png" alt="shape"></div>
</div>
<div class="row mt-5 ">
<?php
if (mysqli_num_rows($quary) > 0) {
while ($row = mysqli_fetch_assoc($quary)) {
?>
<div class="col-sm-4 mb-30">
<div class="mega-hover"><img src="./admin/photos/<?php echo $row['image']; ?>" alt="shape" class="w-100">
</div>
</div>
<?php
}
}
?>
</div>
<?php
if ($page >= $total_pages) {
$disabled = 'none';
} else {
$disabled = '';
}
if ($page == 1) {
$prev_disabled = 'none';
} else {
$prev_disabled = '';
}
?>
<div class="container" style="margin-top: 25px; margin-bottom:15px;">
<ul class="pagination justify-content-center text-center" id="hjshdjh">
<li class="page-itemz"><a class="page-link " style="display: <?php echo $prev_disabled ?>" href="gallery.php?page=<?php echo $page - 1 ?>">Prev</a></li>
<?php
for ($i = 1; $i <= $total_pages; $i++) {
if ($i > 3) {
break;
}
if ($page == $i) {
$active = 'active';
} else {
$active = '';
}
?>
<li class="page-itemzx"><a class="page-link <?php echo $active ?>" href="gallery.php?page=<?php echo $i ?>"><?php echo $i ?></a></li>
<?php } ?>
<li class="page-itemz"><a class="page-link " style="display: <?php echo $disabled ?>;" href="gallery.php?page=<?php echo $page + 1 ?>">Next</a></li>
</ul>
</div>
</div>
</div>
<div class="floating_btn1">
<a target="_blank" href="https://wa.link/yrxwj0">
<div class="contact_icon">
<i class="fab fa-whatsapp my-float"></i>
</div>
</a>
</div>
<a class="buttonLink" href="https://www.instagram.com/makeoverbyaaliya/?hl=en"><button type="button" class="btn btn-large verticalButton"><i class="fab fa-instagram"></i> Instagram</button></a>
<footer class="footer-wrapper footer-layout3" data-bg-src="assets/img/bg/footer-bg-3-1.jpg">
<div class="widget-area">
<div class="container">
<div class="row justify-content-between">
<div class="col-md-6 col-xxl-auto">
<div class="widget footer-widget">
<div class="footer-logo mb-4"><img src="assets/img/logobeth.png" alt="logo" width="330px">
</div>
<p class="footer-info"><i class="fal fa-map-marker-alt text-theme me-2"></i> B2-12,
Ashok
Vihar II, Pocket B 2, Phase 2, <br> Ashok Vihar, Delhi, 110052<br><a href="tel:+919717258539" class="text-inherit"><i class="far fa-phone-alt text-theme me-2"></i>+91 9717258539, 8375926750, 7982915628</a><br><a class="text-inherit" href="mailto:aliyasharma064@gmail.com"><i class="fal fa-envelope text-theme me-2"></i>aliyasharma064@gmail.com</a></p>
<h4 class="fs-22 mb-2">Open Hours</h4>
<p class="footer-time">Sunday to Friday <span class="time">10:00 Am - 10:00 Pm</span>
</p>
</div>
</div>
<div class="col-md-6 col-xxl-auto">
<div class="widget widget_nav_menu footer-widget">
<h3 class="widget_title">Important Links</h3>
<div class="menu-all-pages-container footer-menu">
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="service.php">Services</a></li>
<li><a href="gallery.php">Gallery</a></li>
<li><a href="contact.php">Contact Us</a></li>
<li><a href="best-highlights-in-ashok-vihar.html">Best Hightlights in Ashok Vihar</a></li>
<li><a href="best-hair-salon-in-ashok-vihar.html">Best Hair Salon in Ashok Vihar</a></li>
<li><a href="best-hair-colour-artist-in-ashok-vihar.html">Best Hair Colour Artist in Ashok Vihar</a></li>
<li><a href="best-facial-therapist-in-ashok-vihar.html">Best Facial Therapist in Ashok Vihar</a></li>
<li><a href="best-bridal-artist-in-north-delhi.html">Best Bridal Artist in North Delhi</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-xxl-auto">
<div class="widget footer-widget">
<h4 class="widget_title">Connect With Us</h4>
<form class="form-style5">
<p class="form-text">Aaliya Makeover Salon offers high-quality services to help clients
achieve their beauty goals, using only high-quality products and equipment.</p>
<input class="form-control" type="email" placeholder="Your your email" required="">
<button type="submit" class="vs-btn">Subscribe</button>
</form>
</div>
</div>
<div class="col-md-6 col-xxl-auto">
<div class="widget footer-widget">
<h4 class="widget_title">Our Location</h4>
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13999.692584797587!2d77.1770221!3d28.6919455!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d0379fe99cd97%3A0xee6fd58dc8fb0c73!2sMakeover%20By%20Aaliya%20%26%20Barber%20Salon!5e0!3m2!1sen!2sin!4v1682934037346!5m2!1sen!2sin" width="300" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
</div>
<div class="copyright-wrap">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-md-auto text-center">
<p class="copyright-text">Copyright <i class="fal fa-copyright"></i>2023 <a
href="index.html">Makeovers by Aaliya </a>. All Rights Reserved | Designed &
Developed
by
<a href="http://bestdigisolution.com/">Best Digi Solution</a>
</p>
</div>
<div class="col-auto d-none d-md-block"><img src="assets/img/card.png" alt="payment method">
</div>
</div>
</div>
</div>
</footer>
<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/app.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>
Zerion Mini 1.0