<!DOCTYPE html>
<html lang="en">
<head>
<title>Hello World</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- FontAwesome CSS -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- Styles -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="site-header">
<div class="site-branding">
<h1 class="site-title"><a href="index.html" rel="home"><img src="images/logo.png" alt="Logo"></a></h1>
</div><!-- .site-branding -->
<div class="hamburger-menu">
<div class="menu-icon">
<img src="images/menu-icon.png" alt="menu icon">
</div><!-- .menu-icon -->
<div class="menu-close-icon">
<img src="images/x.png" alt="menu close icon">
</div><!-- .menu-close-icon -->
</div><!-- .hamburger-menu -->
</header><!-- .site-header -->
<nav class="site-navigation flex flex-column justify-content-between">
<div class="site-branding d-none d-lg-block ">
<h1 class="site-title"><a href="index.html" rel="home"><img src="images/logo2.png" alt="Logo"></a></h1>
</div><!-- .site-branding -->
<ul class="main-menu flex flex-column justify-content-center">
<li class="current-menu-item"><a href="index.html">Home</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
<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="fa fa-heart-o" 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 class="social-profiles">
<ul class="flex justify-content-start justify-content-lg-center align-items-center">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
</ul>
</div><!-- .social-profiles -->
</nav><!-- .site-navigation -->
<div class="nav-bar-sep d-lg-none"></div>
<div class="outer-container">
<div class="container portfolio-page">
<div class="row">
<div class="col">
<ul class="breadcrumbs flex align-items-center">
<li><a href="#">Home</a></li>
<li>Portfolio</li>
</ul><!-- .breadcrumbs -->
</div><!-- .col -->
</div><!-- .row -->
<div class="row">
<div class="col-12 col-md-6 col-lg-3">
<div class="portfolio-content">
<figure>
<img src="images/1.jpg" alt="">
</figure>
<div class="entry-content flex flex-column align-items-center justify-content-center">
<h3><a href="#">Flower Skin</a></h3>
<ul class="flex flex-wrap justify-content-center">
<li><a href="#">Portfolio,</a></li>
<li><a href="#">Tree</a></li>
</ul>
</div><!-- .entry-content -->
</div><!-- .portfolio-content -->
</div><!-- .col -->
<div class="col-12 col-md-6 col-lg-3">
<div class="portfolio-content">
<figure>
<img src="images/2.jpg" alt="">
</figure>
<div class="entry-content flex flex-column align-items-center justify-content-center">
<h3><a href="#">Flower Skin</a></h3>
<ul class="flex flex-wrap justify-content-center">
<li><a href="#">Portfolio,</a></li>
<li><a href="#">Tree</a></li>
</ul>
</div><!-- .entry-content -->
</div><!-- .portfolio-content -->
</div><!-- .col -->
<div class="col-12 col-md-6 col-lg-3">
<div class="portfolio-content">
<figure>
<img src="images/3.jpg" alt="">
</figure>
<div class="entry-content flex flex-column align-items-center justify-content-center">
<h3><a href="#">Flower Skin</a></h3>
<ul class="flex flex-wrap justify-content-center">
<li><a href="#">Portfolio,</a></li>
<li><a href="#">Tree</a></li>
</ul>
</div><!-- .entry-content -->
</div><!-- .portfolio-content -->
</div><!-- .col -->
<div class="col-12 col-md-6 col-lg-3">
<div class="portfolio-content">
<figure>
<img src="images/4.jpg" alt="">
</figure>
<div class="entry-content flex flex-column align-items-center justify-content-center">
<h3><a href="#">Flower Skin</a></h3>
<ul class="flex flex-wrap justify-content-center">
<li><a href="#">Portfolio,</a></li>
<li><a href="#">Tree</a></li>
</ul>
</div><!-- .entry-content -->
</div><!-- .portfolio-content -->
</div><!-- .col -->
<div class="col-12 col-md-6 col-lg-3">
<div class="portfolio-content">
<figure>
<img src="images/5.jpg" alt="">
</figure>
<div class="entry-content flex flex-column align-items-center justify-content-center">
<h3><a href="#">Flower Skin</a></h3>
<ul class="flex flex-wrap justify-content-center">
<li><a href="#">Portfolio,</a></li>
<li><a href="#">Tree</a></li>
</ul>
</div><!-- .entry-content -->
</div><!-- .portfolio-content -->
</div><!-- .col -->
<div class="col-12 col-md-6 col-lg-3">
<div class="portfolio-content">
<figure>
<img src="images/6.jpg" alt="">
</figure>
<div class="entry-content flex flex-column align-items-center justify-content-center">
<h3><a href="#">Flower Skin</a></h3>
<ul class="flex flex-wrap justify-content-center">
<li><a href="#">Portfolio,</a></li>
<li><a href="#">Tree</a></li>
</ul>
</div><!-- .entry-content -->
</div><!-- .portfolio-content -->
</div><!-- .col -->
<div class="col-12 col-md-6 col-lg-3">
<div class="portfolio-content">
<figure>
<img src="images/7.jpg" alt="">
</figure>
<div class="entry-content flex flex-column align-items-center justify-content-center">
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
HTML网站源码,专为图片展示打造。这份源码简化了开发流程,节省您构建个人作品集或图片库的时间。具备响应式设计,适应各种屏幕和设备,无论在求职还是面试中,都能展现您的技术实力和创意视觉。快速部署,提升工作效率,让每一次展示都成为赢得机会的关键时刻。
资源推荐
资源详情
资源评论
收起资源包目录
作品展示&图片展示HTML源码-方形图集相册响应式网页模板-适配移动端.zip (44个子文件)
作品展示&图片展示HTML源码-方形图集相册响应式网页模板-适配移动端
html
style.css 21KB
single-portfolio.html 6KB
portfolio.html 15KB
js
custom.js 538B
jquery.js 95KB
css
bootstrap.min.css 124KB
font-awesome.css 37KB
bootstrap.css 155KB
font-awesome.min.css 30KB
single-blog.html 12KB
index.html 12KB
images
blog-regular.jpg 78KB
2.jpg 26KB
10.jpg 14KB
x.png 1KB
sofia-joelsson.jpg 6KB
single-portfolio.png 94KB
6.jpg 20KB
logo.png 1KB
portfolio-icon.png 1KB
angle-right.png 1019B
1.jpg 36KB
logo2.png 2KB
dave-dubois.jpg 4KB
single-blog.jpg 37KB
12.jpg 13KB
5.jpg 27KB
menu-icon.png 1010B
8.jpg 29KB
11.jpg 38KB
arrow-down.png 1KB
3.jpg 10KB
7.jpg 26KB
angle-left.png 1003B
9.jpg 11KB
4.jpg 17KB
blog.html 10KB
fonts
FontAwesome.otf 132KB
fontawesome-webfont.eot 162KB
fontawesome-webfont.woff 96KB
fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB
fontawesome-webfont.ttf 162KB
blog-regular.html 6KB
共 44 条
- 1
资源评论
DTcode7
- 粉丝: 1w+
- 资源: 4767
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功