<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Tulen | Photography HTML Template</title>
<meta charset="UTF-8">
<meta name="description" content="Tulen Photography HTML Template"">
<meta name="keywords" content="photo, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/font-awesome.min.css"/>
<link rel="stylesheet" href="css/themify-icons.css"/>
<link rel="stylesheet" href="css/accordion.css"/>
<link rel="stylesheet" href="css/fresco.css"/>
<link rel="stylesheet" href="css/owl.carousel.min.css"/>
<!-- Main Stylesheets -->
<link rel="stylesheet" href="css/style.css"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- Offcanvas Menu Section -->
<div class="menu-wrapper">
<div class="menu-switch">
<i class="ti-menu"></i>
</div>
<div class="menu-social-warp">
<div class="menu-social">
<a href="#"><i class="ti-facebook"></i></a>
<a href="#"><i class="ti-twitter-alt"></i></a>
<a href="#"><i class="ti-linkedin"></i></a>
<a href="#"><i class="ti-instagram"></i></a>
</div>
</div>
</div>
<div class="side-menu-wrapper">
<div class="sm-header">
<div class="menu-close">
<i class="ti-arrow-left"></i>
</div>
<a href="index.html" class="site-logo">
<img src="img/logo.png" alt="">
</a>
</div>
<nav class="main-menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="blog.html" class="active">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="sm-footer">
<div class="sm-socail">
<a href="#"><i class="ti-facebook"></i></a>
<a href="#"><i class="ti-twitter-alt"></i></a>
<a href="#"><i class="ti-linkedin"></i></a>
<a href="#"><i class="ti-instagram"></i></a>
</div>
<div class="copyright-text"><p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="ti-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p></div>
</div>
</div>
<!-- Offcanvas Menu Section end -->
<!-- Blog Section end -->
<section class="blog-details">
<div class="container">
<div class="single-blog-page">
<div class="blog-metas">
<div class="blog-meta">May 19, 2019</div>
<div class="blog-meta">3 Comment</div>
</div>
<h2>The Female Body Shape Men Find</h2>
<div class="blog-thumb">
<div class="thumb-cata">people</div>
<img src="img/blog-details/thumbnail.jpg" alt="">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo</p>
<div class="row blog-gallery">
<div class="col-lg-3 p-0">
<div class="bg-item">
<img src="img/blog-details/1.jpg" alt="">
</div>
</div>
<div class="col-lg-9 p-0">
<div class="row m-0">
<div class="col-lg-4 p-0">
<div class="bg-item">
<img src="img/blog-details/2.jpg" alt="">
</div>
</div>
<div class="col-lg-8 p-0">
<div class="bg-item">
<img src="img/blog-details/3.jpg" alt="">
</div>
</div>
<div class="col-lg-8 p-0">
<div class="bg-item">
<img src="img/blog-details/4.jpg" alt="">
</div>
</div>
<div class="col-lg-4 p-0">
<div class="bg-item">
<img src="img/blog-details/5.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="row pt-5">
<div class="col-lg-6 mb-4">
<a href="#" class="post-cata">people</a>
<a href="#" class="post-cata">Photography</a>
<a href="#" class="post-cata">nature</a>
</div>
<div class="col-lg-6 mb-5 text-left text-md-right">
<div class="post-share">
<span>Share:</span>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
<a href="#"><i class="fa fa-envelope"></i></a>
</div>
</div>
</div>
<div class="blog-navigation">
<div class="row m-0">
<div class="col-lg-6 p-0">
<a href="#" class="bn-item set-bg" data-setbg="img/blog-details/blog-prev.jpg">
<h4><i class="ti-arrow-left"></i> The Female Body Shape Men Find Most Attractive</h4>
</a>
</div>
<div class="col-lg-6 p-0">
<a href="#" class="bn-item bn-next set-bg" data-setbg="img/blog-details/blog-next.jpg">
<h4><i class="ti-arrow-right"></i>Vietnam's largest art community</h4>
</a>
</div>
</div>
</div>
<div class="recent-blog">
<h3 class="mb-4 pb-2">Recommended For You</h3>
<div class="row">
<div class="col-lg-4">
<div class="blog-item rp-item set-bg" data-setbg="img/blog/6.jpg">
<div class="bi-tag">nature</div>
<div class="bi-text">
<div class="bi-date">May 19, 2019 | 3 Comment</div>
<h3><a href="blog-details.html">The Biggest Cinema Event In 2019</a></h3>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="blog-item rp-item set-bg" data-setbg="img/blog/4.jpg">
<div class="bi-tag">nature</div>
<div class="bi-text">
<div class="bi-date">May 19, 2019 | 3 Comment</div>
<h3><a href="blog-details.html">The Biggest Cinema Event In 2019</a></h3>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="blog-item rp-item set-bg" data-setbg="img/blog/3.jpg">
<div class="bi-tag">nature</div>
<div class="bi-text">
<div class="bi-date">May 19, 2019 | 3 Comment</div>
<h3><a href="blog-details.html">The Biggest Cinema Event In 2019</a></h3>
</div>
</div>
</div>
</div>
</div>
<div class="comment-option">
<h3>2 Comments</h3>
<div class="single-comment-item first-comment">
<div class="sc-author">
<img src="img/blog-details/user-1.jpg" alt="">
</div>
<div class="sc-text">
<span>27 Aug 2019</span>
<h5>Brandon Kelley</h5>
<p>Neque porro qui squam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora.lit, sed quia non numquam eius modi tempora numquam eius modi tempora..</p>
<a href="#" class="comment-btn like-btn">Like</a>
<a href="#" class="comment-btn">Reply</a>
</div>
</div>
<div class="single-comment-item reply-comment">
作品展示&图片展示HTML源码-全屏图片展示响应式网页模板-适配移动端.zip
版权申诉
122 浏览量
2024-03-26
09:51:29
上传
评论
收藏 5.59MB ZIP 举报
作品展示&图片展示HTML源码-全屏图片展示响应式网页模板-适配移动端.zip （104个子文件） 
bootstrap.min.css 156KB animate.css 73KB fresco.css 36KB style.css 30KB font-awesome.min.css 30KB themify-icons.css 16KB owl.carousel.min.css 3KB accordion.css 1KB fontawesome-webfont.eot 162KB themify.eot 77KB
blog-details.html 10KB blog.html 9KB gallery.html 7KB about.html 7KB index.html 7KB contact.html 4KB main.html 931B
3.jpg 119KB 2.jpg 100KB 5.jpg 94KB thumbnail.jpg 85KB 1.jpg 85KB 10.jpg 84KB 1.jpg 80KB 11.jpg 79KB 4.jpg 72KB 5.jpg 64KB 6.jpg 61KB 9.jpg 55KB 8.jpg 32KB 1.jpg 29KB 2.jpg 27KB about.jpg 26KB 3.jpg 22KB 8.jpg 19KB 7.jpg 19KB 5.jpg 18KB 7.jpg 17KB 6.jpg 16KB 3.jpg 16KB 3.jpg 15KB 10.jpg 14KB 2.jpg 14KB 4.jpg 14KB 1.jpg 13KB 11.jpg 13KB 5.jpg 12KB 13.jpg 10KB 14.jpg 9KB 12.jpg 8KB blog-next.jpg 8KB 15.jpg 7KB 9.jpg 7KB 2.jpg 7KB 4.jpg 6KB blog-prev.jpg 5KB 4.jpg 5KB user-2.jpg 3KB user-1.jpg 2KB user-3.jpg 2KB author.jpg 2KB author.jpg 2KB jquery-3.2.1.min.js 85KB fresco.min.js 72KB bootstrap.min.js 59KB jquery.nicescroll.min.js 59KB owl.carousel.min.js 43KB isotope.pkgd.min.js 35KB imagesloaded.pkgd.min.js 5KB circle-progress.min.js 4KB main.js 4KB pana-accordion.js 3KB FontAwesome.otf 132KB
sprite.png 38KB about-bg.png 5KB logo.png 1KB _blog-single.scss 9KB _gallery-page.scss 4KB _hero.scss 4KB _menu.scss 3KB _about-page.scss 3KB _mixins.scss 3KB _blog-page.scss 2KB _loader.scss 1KB _helper.scss 1KB _contact-page.scss 1KB _default.scss 1KB _varriable.scss 829B style.scss 621B
fontawesome-webfont.svg 434KB themify.svg 229KB sprite.svg 144KB fontawesome-webfont.ttf 162KB themify.ttf 77KB fontawesome-webfont.woff 96KB themify.woff 55KB fontawesome-webfont.woff2 75KB
OwlCarousel2-2.3.4.zip 774KB bootstrap-4.4.1-dist.zip 714KB fresco-master.zip 668KB共 104 条
- 1
- 2
资源评论
