<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Megazine Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="shortcut icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Flexslider -->
<link rel="stylesheet" href="css/flexslider.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="colorlib-page">
<a href="#" class="js-colorlib-nav-toggle colorlib-nav-toggle"><i></i></a>
<aside id="colorlib-aside" role="complementary" class="border js-fullheight">
<h1 id="colorlib-logo"><a href="index.html">Megazine</a></h1>
<nav id="colorlib-main-menu" role="navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="style.html">Style</a></li>
<li class="colorlib-active"><a href="fashion.html">Fashion</a></li>
<li><a href="travel.html">Travel</a></li>
<li><a href="sports.html">Sports</a></li>
<li><a href="video.html">Video</a></li>
<li><a href="archives.html">Archives</a></li>
</ul>
</nav>
<div class="colorlib-footer">
<p><small>© <!-- 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="icon-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. --> </span> <span>Demo Images: <a href="https://unsplash.com/" target="_blank">Unsplash.com</a> & <a href="https://www.pexels.com/" target="_blank">Pexels.com</a></span></small></p>
<ul>
<li><a href="#"><i class="icon-facebook2"></i></a></li>
<li><a href="#"><i class="icon-twitter2"></i></a></li>
<li><a href="#"><i class="icon-instagram"></i></a></li>
<li><a href="#"><i class="icon-linkedin2"></i></a></li>
</ul>
</div>
</aside>
<div id="colorlib-main">
<div class="colorlib-blog">
<div class="container-wrap">
<div class="row row-pb-lg">
<div class="col-md-12 blog-slider">
<div class="owl-carousel1">
<div class="item">
<div class="blog-entry">
<div class="blog-img" style="background-image: url(images/blog-1.jpg);">
<div class="desc desc2 text-center">
<p class="tag"><span>Nature</span></p>
<div class="desc-bottom">
<h2 class="head-article"><a href="#">Road eye catching</a></h2>
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="blog-entry">
<div class="blog-img" style="background-image: url(images/blog-2.jpg);">
<div class="desc desc2 text-center">
<p class="tag"><span>Style</span></p>
<div class="desc-bottom">
<h2 class="head-article"><a href="#">Girl in fashion</a></h2>
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="blog-entry">
<div class="blog-img" style="background-image: url(images/blog-3.jpg);">
<div class="desc desc2 text-center">
<p class="tag"><span>Technology</span></p>
<div class="desc-bottom">
<h2 class="head-article"><a href="#">Computer technology</a></h2>
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="blog-entry">
<div class="blog-img" style="background-image: url(images/blog-4.jpg);">
<div class="desc desc2 text-center">
<p class="tag"><span>Fashion</span></p>
<div class="desc-bottom">
<h2 class="head-article"><a href="#">Man in fashion</a></h2>
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="blog-entry">
<div class="blog-img" style="background-image: url(images/blog-5.jpg);">
<div class="desc desc2 text-center">
<p class="tag"><span>Animals</span></p>
<div class="desc-bottom">
<h2 class="head-article"><a href="#">Red fish</a></h2>
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-9">
<div class="content-wrap">
<article class="animate-box">
<div class="blog-img">
<div class="video colorlib-video" style="background-image: url(images/blog-6.jpg);">
<a href="https://vimeo.com/channels/staffpicks/93951774" class="popup-vimeo"><i class="icon-play4"></i></a>
<div class="overlay"></div>
</div>
</div>
<div class="desc">
<div class="meta">
<p>
<span>Video</span>
<span>25 May 2018</span>
<span>admin </span>
<span><a href="single.html">4 Comments</a></span>
</p>
</div>
<h2><a href="single.html">Watch Liam Neeson Movies</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt, qui quod ipsum harum id, minima nesciunt! Saepe soluta, vitae quas expedita voluptatem voluptates placeat numquam provident quis, atque nisi iure?</p>
<p><a href="single.html" class="btn btn-primary with-arrow">Read More <i class="icon-arrow-right22"></i></a></p>
</div>
</article>
<article class="animate-box">
<div class="blog-img" style="background-image: url(images/blog-1.jpg);"></div>
<div class="desc">
<div class="meta">
<p>
<span>Nature</span>
<span>25 May 2018</span>
<span>admin </span>
<span><a href="#">3 Comments</a></span>
</p>
</div>
<h2><a href="sing
没有合适的资源?快使用搜索试试~ 我知道了~
作品展示&图片展示HTML源码-杂志图文展示响应式网站模板-适配移动端.zip
共355个文件
scssc:210个
scss:75个
jpg:28个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 119 浏览量
2024-03-30
12:16:57
上传
评论
收藏 4.28MB ZIP 举报
温馨提示
大学生们、职场新人们,想要在求职竞争中展现自己的专业技能和创意才华吗?这份专为作品展示和图片展示设计的HTML源码,将成为你打造个性化在线作品集的得力工具! 在这个视觉为王的时代,一个高质量的在线作品集无疑是你简历中的一大亮点。这份源码提供了多种精美的布局和动画效果,让你的作品以最吸引人的方式呈现给潜在雇主或客户。无论是设计师的创意作品、摄影师的精彩照片,还是技术人员的项目演示,这些模板都能帮助你高效地构建出一个专业的作品展示平台。 这份源码采用了响应式设计,确保你的在线作品集在不同设备上都能完美显示,同时支持触屏操作,让浏览体验更加流畅。它还提供了易于自定义的功能,即使你不具备深厚的编程知识,也能通过简单的修改,快速生成一个具有个人风格的网站。 对于正处在求职路上的大学生和初入职场的上班族来说,这份源码不仅能够提升你的网络形象,更是一份实实在在的技能证明。它展现了你在实际项目中运用技术解决问题的能力,以及你对细节的关注和对美的追求。 立即采用这份作品展示&图片展示HTML源码,让你的简历在众多竞争者中脱颖而出,为你赢得更多面试机会和职业发展的机遇!
资源推荐
资源详情
资源评论
收起资源包目录
作品展示&图片展示HTML源码-杂志图文展示响应式网站模板-适配移动端.zip (355个子文件)
prepros-6.config 13KB
bootstrap.css 132KB
animate.css 70KB
style.css 43KB
icomoon.css 28KB
magnific-popup.css 8KB
flexslider.css 7KB
owl.carousel.min.css 4KB
owl.theme.default.min.css 2KB
icomoon.eot 152KB
glyphicons-halflings-regular.eot 20KB
fashion.html 17KB
style.html 16KB
travel.html 14KB
index.html 14KB
single.html 13KB
video.html 13KB
sports.html 12KB
archives.html 10KB
gallery-6.jpg 324KB
gallery-3.jpg 200KB
gallery-5.jpg 196KB
blog-11.jpg 162KB
blog-1.jpg 144KB
blog-14.jpg 120KB
gallery-7.jpg 114KB
blog-13.jpg 105KB
img_bg_1.jpg 100KB
blog-6.jpg 97KB
gallery-2.jpg 92KB
img_bg_3.jpg 88KB
gallery-4.jpg 86KB
gallery-1.jpg 78KB
blog-7.jpg 72KB
blog-12.jpg 70KB
person3.jpg 61KB
person2.jpg 60KB
gallery-8.jpg 47KB
img_bg_2.jpg 46KB
blog-3.jpg 44KB
blog-5.jpg 40KB
blog-8.jpg 39KB
blog-9.jpg 39KB
person1.jpg 38KB
blog-4.jpg 36KB
blog-2.jpg 33KB
blog-10.jpg 24KB
jquery.min.js 82KB
owl.carousel.min.js 39KB
bootstrap.min.js 36KB
jquery.flexslider-min.js 22KB
jquery.magnific-popup.min.js 20KB
modernizr-2.6.2.min.js 15KB
jquery.waypoints.min.js 9KB
jquery.easing.1.3.js 8KB
main.js 5KB
respond.min.js 4KB
sticky-kit.min.js 3KB
google_map.js 3KB
magnific-popup-options.js 1KB
bootstrap.css.map 74KB
style.css.map 17KB
loc.png 2KB
style.scss 33KB
_variables.scss 30KB
_glyphicons.scss 20KB
_forms.scss 16KB
_navbar.scss 14KB
_theme.scss 8KB
_normalize.scss 7KB
_vendor-prefixes.scss 6KB
_panels.scss 6KB
_type.scss 6KB
_button-groups.scss 6KB
_carousel.scss 5KB
_navs.scss 5KB
_dropdowns.scss 5KB
_tables.scss 5KB
_responsive-utilities.scss 4KB
_gradients.scss 4KB
_input-groups.scss 4KB
_buttons.scss 4KB
_modals.scss 4KB
_popovers.scss 3KB
_grid.scss 3KB
_list-group.scss 3KB
_scaffolding.scss 3KB
_tooltip.scss 3KB
_forms.scss 3KB
_grid-framework.scss 2KB
_pagination.scss 2KB
_progress-bars.scss 2KB
_print.scss 2KB
_alerts.scss 2KB
bootstrap.scss 1KB
_buttons.scss 1KB
_grid.scss 1KB
_code.scss 1KB
_badges.scss 1KB
_image.scss 1KB
共 355 条
- 1
- 2
- 3
- 4
资源评论
DTcode7
- 粉丝: 9547
- 资源: 4695
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功