364 lines
16 KiB
HTML
364 lines
16 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<!-- Main CSS -->
|
|
<link href="assets/css/main.css" rel="stylesheet" >
|
|
<title>Gym | Fitness | Yoga</title>
|
|
</head>
|
|
<body data-bs-spy="scroll" data-bs-target="#navigation">
|
|
<!-- PRELOADER STARTS
|
|
========================================================================= -->
|
|
<div id="main-preloader" class="main-preloader semi-dark-background">
|
|
<div class="main-preloader-inner center">
|
|
<h1 class="preloader-percentage center">
|
|
<span class="preloader-percentage-text">0</span> <!-- Show Percentage Number -->
|
|
<span class="percentage">%</span>
|
|
</h1>
|
|
<div class="preloader-bar-outer">
|
|
<div class="preloader-bar"></div>
|
|
<!-- Percentage Precess Bar -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /.. PRELOADER ENDS
|
|
========================================================================= -->
|
|
<!-- NAVIGATION STARTS
|
|
========================================================================= -->
|
|
<nav id="navigation" class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
|
|
<div class="container">
|
|
<a class="navbar-brand" href="index.html"><img src="assets/imgs/logo-white.png" class="img-fluid" alt=""></a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="nav navbar-nav ms-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="index.html">Home </a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="index.html#about">About</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="index.html#services">Services</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="index.html#portfolio">Portfolio</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="index.html#team">team</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="index.html#pricing">Pricing</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link active" href="blog.html">Blog</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="index.html#contact">Contact</a>
|
|
</li>
|
|
</ul>
|
|
<span class="ps-3 d-none d-lg-block">
|
|
<a href="https://themeforest.net/item/this-one-one-page-responsive-website-template/7236268" class="btn btn-primary" target="_blank">BUY NOW</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- /.. NAVIGATION ENDS
|
|
========================================================================= -->
|
|
<!-- INNER BANNER STARTS
|
|
========================================================================= -->
|
|
<div class="inner-banner-style blog-post-banner" id="top">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="info text-center">
|
|
<h6 class="shuffletext">/ TECHNOLOGY</h6>
|
|
<h2>
|
|
For the First Time, Lilly Pulitzer <br class="d-none d-lg-block" >
|
|
Hosts a Resort Preview
|
|
</h2>
|
|
<ul class="meta">
|
|
<li>
|
|
<a href=""><i class="las la-user-alt"></i> John</a>
|
|
</li>
|
|
<li>
|
|
<a href=""><i class="las la-calendar"></i> 10 Jan, 2020</a>
|
|
</li>
|
|
<li>
|
|
<a href=""><i class="lar la-comment"></i> 3</a>
|
|
</li>
|
|
<li>
|
|
<a href=""><i class="lar la-eye"></i> 5.5K</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /. INNER BANNER ENDS
|
|
========================================================================= -->
|
|
<!-- SINGLE BLOG POST STARTS
|
|
========================================================================= -->
|
|
<section class="blog blog-inner-page">
|
|
<div class="container">
|
|
<div class="row">
|
|
<!-- Right Column Starts-->
|
|
<div class="col-12 col-lg-10 offset-lg-1">
|
|
<div class="blog-post-detail">
|
|
<!-- Post Details Starts -->
|
|
<div class="pic pb-4">
|
|
<img src="assets/imgs/blog/big/1.jpg" class="img-fluid" alt="" >
|
|
</div>
|
|
<h2 class="pt-3 pb-3">Cepteur sint occaecat cupidatat proident taken possession</h2>
|
|
<p>
|
|
Cepteur sint occaecat cupidatat proident, taken possession
|
|
of my entire soul, like these sweet mornings of
|
|
springCepteur sint occaecat cupidt proident, taken
|
|
possession of my entire soul.<br><br>
|
|
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
|
|
</p>
|
|
<blockquote class="blockquote mt-4 mb-4">
|
|
<p>Cepteur sint occaecat cupidatat proident, taken possession of my entire soul, like these sweet mornings of springCepteur sint occaecat cupidt proident, taken possession of my entire soul</p>
|
|
</blockquote>
|
|
<div class="row pt-4 pb-4">
|
|
<div class="col-12 col-lg-6">
|
|
<div class="pic">
|
|
<img src="assets/imgs/blog/big/2.jpg" class="img-fluid" alt="" >
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-lg-6 ps-3 ps-lg-5 pt-4 pt-lg-0">
|
|
<h3>Cepteur sint occaecat cupidatat proident</h3>
|
|
<p>
|
|
Cepteur sint occaecat cupidatat proident, taken possession
|
|
of my entire soul, like these sweet mornings.
|
|
</p>
|
|
<ul class="list-group list-group-flush">
|
|
<li class="list-group-item">Lorem ipsum dolor sit amet</li>
|
|
<li class="list-group-item">Facilisis in pretium nisl aliquet</li>
|
|
<li class="list-group-item">
|
|
Nulla volutpat aliquam velit
|
|
<ul class=" list-group-flush">
|
|
<li class="list-group-item">Phasellus iaculis neque</li>
|
|
<li class="list-group-item">Purus sodales ultricies</li>
|
|
</ul>
|
|
</li>
|
|
<li class="list-group-item">Faucibus porta lacus fringilla vel</li>
|
|
<li class="list-group-item">Eget porttitor lorem</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<h3 class="pt-3">Cepteur sint occaecat cupidatat proident</h3>
|
|
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
|
|
<!-- Tags & Share Start -->
|
|
<div class="row pt-4 pb-4">
|
|
<div class="col-12 col-lg-6">
|
|
<ul class="list-inline">
|
|
<li class="list-inline-item"><i class="las la-tags pt-2"></i></li>
|
|
<li class="list-inline-item"><a href="#">UI/UX</a></li>
|
|
<li class="list-inline-item"><a href="#">Technology</a></li>
|
|
<li class="list-inline-item"><a href="#">Graphics</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-12 col-lg-6">
|
|
<ul class="list-inline">
|
|
<li class="list-inline-item"><i class="las la-share-alt"></i></li>
|
|
<li class="list-inline-item"><a href="#">Facebook</a></li>
|
|
<li class="list-inline-item"><a href="#">Twitter</a></li>
|
|
<li class="list-inline-item"><a href="#">Linkedin</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- Tags & Share Ends -->
|
|
</div>
|
|
<!-- Post Details Ends -->
|
|
<!-- About Author Starts -->
|
|
<div class="dark-grey-bg p-4">
|
|
<div class="row align-items-center">
|
|
<div class="col-3">
|
|
<img src="assets/imgs/blog/author/author.jpg" class="img-fluid" alt="...">
|
|
</div>
|
|
<div class="col-9">
|
|
<h3>About Author</h3>
|
|
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
|
|
<ul class="list-inline">
|
|
<li class="list-inline-item"><i class="las la-share-alt"></i></li>
|
|
<li class="list-inline-item"><a href="#">Facebook</a></li>
|
|
<li class="list-inline-item"><a href="#">Twitter</a></li>
|
|
<li class="list-inline-item"><a href="#">Linkedin</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- About Author Ends -->
|
|
<!-- Comments Starts -->
|
|
<div class="row comments pt-5 pb-5">
|
|
<div class="col-12">
|
|
<h3>Comments</h3>
|
|
<ul class="list-group list-group-flush">
|
|
<!-- 1st Comments Starts -->
|
|
<li class="list-group-item">
|
|
<div class="row">
|
|
<div class="col-3 col-md-2 col-lg-1 p-0"><img src="assets/imgs/blog/comments/1.jpg" class="img-fluid" alt="..."></div>
|
|
<div class="col-9 col-md-10 col-lg-11 ps-4">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h4 class="mb-1">John Doe</h4>
|
|
<small>2 hours ago</small>
|
|
</div>
|
|
<p class="mt-2">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen</p>
|
|
<a href="#">Reply</a>
|
|
</div>
|
|
</div>
|
|
<!-- Reply Starts -->
|
|
<ul class="list-group list-group-flush ps-4">
|
|
<!-- 1st Reply Starts -->
|
|
<li class="list-group-item">
|
|
<div class="row">
|
|
<div class="col-3 col-md-2 col-lg-1 p-0"><img src="assets/imgs/blog/comments/2.jpg" class="img-fluid" alt="..."></div>
|
|
<div class="col-9 col-md-10 col-lg-11 ps-4">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h4 class="mb-1">John Doe</h4>
|
|
<small>2 hours ago</small>
|
|
</div>
|
|
<p class="mt-2">Ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen</p>
|
|
<a href="#">Reply</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<!-- 1st Reply Starts -->
|
|
</ul>
|
|
<!-- Reply Ends -->
|
|
</li>
|
|
<!-- 1st Comments Ends -->
|
|
<!-- 2nd Comments Starts -->
|
|
<li class="list-group-item">
|
|
<div class="row">
|
|
<div class="col-3 col-md-2 col-lg-1 p-0"><img src="assets/imgs/blog/comments/3.jpg" class="img-fluid" alt="..."></div>
|
|
<div class="col-9 col-md-10 col-lg-11 ps-4">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h4 class="mb-1">John Doe</h4>
|
|
<small>3 hours ago</small>
|
|
</div>
|
|
<p class="mt-2">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen</p>
|
|
<a href="#">Reply</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<!-- 2nd Comments Ends -->
|
|
<!-- 2nd Comments Starts -->
|
|
<li class="list-group-item">
|
|
<div class="row">
|
|
<div class="col-3 col-md-2 col-lg-1 p-0"><img src="assets/imgs/blog/comments/4.jpg" class="img-fluid" alt="..."></div>
|
|
<div class="col-9 col-md-10 col-lg-11 ps-4">
|
|
<div class="d-flex w-100 justify-content-between">
|
|
<h4 class="mb-1">John Doe</h4>
|
|
<small>4 hours ago</small>
|
|
</div>
|
|
<p class="mt-2">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen</p>
|
|
<a href="#">Reply</a>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<!-- 2nd Comments Ends -->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- Comments Ends -->
|
|
<!-- Post Comments Starts -->
|
|
<div class="row post-comment pb-5">
|
|
<div class="col-12">
|
|
<h3>Post Comment</h3>
|
|
<div class="row g-4">
|
|
<div class="col-md-4">
|
|
<input type="text" class="form-control" id="name" placeholder="Enter your name">
|
|
</div>
|
|
<div class="col-md-4">
|
|
<input type="email" class="form-control" id="email" placeholder="Enter your email">
|
|
</div>
|
|
<div class="col-md-4">
|
|
<input type="email" class="form-control" id="website" placeholder="Enter your website" >
|
|
</div>
|
|
<div class="col-md-12">
|
|
<textarea class="form-control" id="comment" placeholder="Enter your comment" rows="3"></textarea>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<button type="submit" class="btn btn-primary">SUBMIT</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Post Comments Ends -->
|
|
</div>
|
|
<!-- Right Column Ends-->
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- /.. SINGLE BLOG POST ENDS
|
|
========================================================================= -->
|
|
<!-- FOOTER STARTS
|
|
========================================================================= -->
|
|
<footer class="dark-grey-bg text-center">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<ul>
|
|
<li><a href="index.html#about">ABOUT</a></li>
|
|
<li><a href="index.html#services">SERVICES</a></li>
|
|
<li><a href="index.html#portfolio">PORTFOLIO</a></li>
|
|
<li><a href="index.html#blog">BLOG</a></li>
|
|
<li><a href="index.html#contact">CONTACT</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="row pt-4">
|
|
<div class="col-12">
|
|
<ul class="socialmedia">
|
|
<li>
|
|
<a href=""><i class="lab la-twitter"></i></a>
|
|
</li>
|
|
<li>
|
|
<a href=""><i class="lab la-facebook-f"></i></a>
|
|
</li>
|
|
<li>
|
|
<a href=""><i class="lab la-behance"></i></a>
|
|
</li>
|
|
<li>
|
|
<a href=""><i class="lab la-dribbble"></i></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="row pt-3 copyright">
|
|
<div class="col-12">THISONE © 2021</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- /.. FOOTER ENDS
|
|
========================================================================= -->
|
|
<!-- TO TOP STARTS
|
|
========================================================================= -->
|
|
<a href="#top" class="back-to-top"><i class="las la-angle-up"></i></a>
|
|
<!-- /.. TO TOP ENDS
|
|
========================================================================= -->
|
|
<!-- INCLUD ALL JS FILES
|
|
========================================================================= -->
|
|
<!--JQUERY MIN JS-->
|
|
<script src="assets/lib/jquery-1.12.4/jquery.min.js"></script>
|
|
<!--BOOTSTRAP JS-->
|
|
<script src="assets/lib/bootstrap/js/bootstrap.min.js"></script>
|
|
<!-- PRELOADER -->
|
|
<script src="assets/lib/preloader/sPreloader.js"></script>
|
|
<!-- OWL CAROUSEL -->
|
|
<script src="assets/lib/owl-carousel/owl.carousel.js"></script>
|
|
<!-- ISOTOPE GALLERY -->
|
|
<script src="assets/lib/isotope/jquery.isotope.min.js"></script>
|
|
<script src="assets/lib/isotope/custom-isotope-mansory.js"></script>
|
|
<!-- MAGNIFIC POPUP -->
|
|
<script src="assets/lib/magnific-popup/jquery.magnific-popup.js"></script>
|
|
<!-- CUSTOM JS -->
|
|
<script src="assets/js/script.js"></script>
|
|
</body>
|
|
</html> |