作品展示&图片展示HTML源码-摄影师作品介绍展示响应式网页模板-适配移动端.zip资源-CSDN文库

共87个文件

jpg：40个

js：10个

html：9个

版权申诉

HTML

求职面试

源码

作品展示

21 浏览量 2024-03-26 09:51:45 上传评论收藏 4.33MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

作品展示&图片展示HTML源码-摄影师作品介绍展示响应式网页模板-适配移动端.zip （87个子文件）

作品展示&图片展示HTML源码-摄影师作品介绍展示响应式网页模板-适配移动端

html

icon-fonts

fontawesome-webfont.eot 162KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

fontawesome-webfont.svg 434KB

portfolio.html 9KB

Source

bootstrap-4.3.1-dist.zip 697KB

jquery-circle-progress-1.2.2.tar.gz 23KB

OwlCarousel2-2.3.4_2.zip 774KB

masonry-master.zip 47KB

instafeed-project.zip 75KB

sass.zip 4KB

font-awesome-4.7.0.zip 654KB

SlickNav-master.zip 22KB

mixitup-v3.zip 296KB

Magnific-Popup-master.zip 338KB

main.html 931B

jquery.slicknav.min.js 8KB

bootstrap.min.js 57KB

instafeed.min.js 7KB

main.js 6KB

jquery.magnific-popup.min.js 20KB

masonry.pkgd.min.js 24KB

circle-progress.min.js 4KB

owl.carousel.min.js 43KB

jquery-3.2.1.min.js 85KB

mixitup.min.js 87KB

img

portfolio-2

2.jpg 67KB

6.jpg 34KB

1.jpg 20KB

5.jpg 66KB

3.jpg 31KB

4.jpg 59KB

portfolio

2.jpg 12KB

10.jpg 9KB

13.jpg 13KB

14.jpg 14KB

6.jpg 23KB

22.jpg 21KB

15.jpg 20KB

16.jpg 27KB

1.jpg 18KB

17.jpg 24KB

21.jpg 13KB

23.jpg 67KB

12.jpg 23KB

5.jpg 10KB

8.jpg 12KB

20.jpg 10KB

18.jpg 64KB

11.jpg 27KB

19.jpg 13KB

3.jpg 11KB

7.jpg 27KB

9.jpg 13KB

4.jpg 32KB

about.jpg 63KB

logo.png 2KB

blog

2.jpg 35KB

6.jpg 40KB

1.jpg 13KB

5.jpg 12KB

8.jpg 26KB

3.jpg 21KB

7.jpg 16KB

9.jpg 15KB

4.jpg 23KB

favicon.ico 17KB

icons

3.png 3KB

1.png 3KB

6.png 2KB

5.png 2KB

4.png 2KB

2.png 3KB

skills-bg.jpg 31KB

portfolio-2.html 6KB

css

style.css 19KB

slicknav.min.css 2KB

bootstrap.min.css 152KB

magnific-popup.css 7KB

font-awesome.min.css 30KB

owl.carousel.min.css 3KB

index.html 10KB

elements.html 11KB

contact.html 6KB

about.html 9KB

portfolio-1.html 7KB

blog.html 10KB

<!DOCTYPE html> <html lang="zxx"> <head> <title>Photographer | HTML Template</title> <meta charset="UTF-8"> <meta name="description" content="Photographer html template"> <meta name="keywords" content="photographer, html"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <link href="img/favicon.ico" rel="shortcut icon"/>  <link href="https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap" rel="stylesheet">  <link rel="stylesheet" href="css/bootstrap.min.css"/> <link rel="stylesheet" href="css/font-awesome.min.css"/> <link rel="stylesheet" href="css/magnific-popup.css"/> <link rel="stylesheet" href="css/slicknav.min.css"/> <link rel="stylesheet" href="css/owl.carousel.min.css"/>  <link rel="stylesheet" href="css/style.css"/>  </head> <body>  <div id="preloder"> <div class="loader"></div> </div>  <header class="header-section hs-bd"> <a href="index.html" class="site-logo"><img src="img/logo.png" alt="logo"></a> <div class="header-controls"> <button class="nav-switch-btn"><i class="fa fa-bars"></i></button> <button class="search-btn"><i class="fa fa-search"></i></button> </div> <ul class="main-menu"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About the Artist </a></li> <li> <a href="#">Portfolio</a> <ul class="sub-menu"> <li><a href="portfolio.html">Portfolio 1</a></li> <li><a href="portfolio-1.html">Portfolio 2</a></li> <li><a href="portfolio-2.html">Portfolio 3</a></li> </ul> </li> <li><a href="blog.html">Blog</a></li> <li><a href="elements.html">Elements</a></li> <li><a href="contact.html">Contact</a></li> <li class="search-mobile"> <button class="search-btn"><i class="fa fa-search"></i></button> </li> </ul> </header> <div class="clearfix"></div>   <section class="elements-section"> <div class="container">  <div class="element"> <h3 class="el-title">Buttons</h3> <button class="site-btn mr-3 mb-3">send message</button> <button class="site-btn sb-line mr-3 mb-3">send message</button> <button class="site-btn sb-line sb-light-bg">send message</button> </div>  <div class="element"> <h3 class="el-title">Accordions & Tabs</h3> <div class="row"> <div class="col-xl-6">  <div id="accordion" class="accordion-area"> <div class="panel"> <div class="panel-header" id="headingOne"> <button class="panel-link" data-toggle="collapse" data-target="#collapse1" aria-expanded="false" aria-controls="collapse1">send Lorem ipsum dolor sit amet, consectetur</button> </div> <div id="collapse1" class="collapse" aria-labelledby="headingOne" data-parent="#accordion"> <div class="panel-body"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis commodo.</p> </div> </div> </div> <div class="panel"> <div class="panel-header" id="headingTwo"> <button class="panel-link" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">Dolor sit amet, consectetur adipiscing elit</button> </div> <div id="collapse2" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion"> <div class="panel-body"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis commodo.</p> </div> </div> </div> <div class="panel"> <div class="panel-header active" id="headingThree"> <button class="panel-link" data-toggle="collapse" data-target="#collapse3" aria-expanded="true" aria-controls="collapse3">Opsum dolor sit amet, consectetur adipiscing elit</button> </div> <div id="collapse3" class="collapse show" aria-labelledby="headingThree" data-parent="#accordion"> <div class="panel-body"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis commodo.</p> </div> </div> </div> </div> </div> <div class="col-xl-6"> <div class="tab-element"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link" id="1-tab" data-toggle="tab" href="#tab-1" role="tab" aria-controls="tab-1" aria-selected="false">send Lorem </a> </li> <li class="nav-item"> <a class="nav-link" id="2-tab" data-toggle="tab" href="#tab-2" role="tab" aria-controls="tab-2" aria-selected="false">Dolor sit amet</a> </li> <li class="nav-item"> <a class="nav-link active" id="3-tab" data-toggle="tab" href="#tab-3" role="tab" aria-controls="tab-3" aria-selected="true">Opsum dolor</a> </li> </ul> <div class="tab-content" id="myTabContent">  <div class="tab-pane fade" id="tab-1" role="tabpanel" aria-labelledby="tab-1"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis commodo.</p> </div> <div class="tab-pane fade" id="tab-2" role="tabpanel" aria-labelledby="tab-2"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis commodo.</p> </div> <div class="tab-pane fade show active" id="tab-3" role="tabpanel" aria-labelledby="tab-3"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis commodo.</p> </div> </div> </div> </div> </div> </div>  <div class="element"> <h3 class="el-title">Loaders</h3> <div class="row"> <div class="col-lg-3 col-sm-6"> <div class="circle-progress" data-cptitle="Passion" data-cpid="id-1" data-cpvalue="100" data-cpcolor="#304a5f"></div> </div> <div class="col-lg-3 col-sm-6"> <div class="circle-progress" data-cptitle="Models" data-cpid="id-2" data-cpvalue="75" data-cpcolor="#304a5f"></div> </div> <div class="col-lg-3 col-sm-6"> <div class="circle-progress" data-cptitle="Studio" data-cpid="id-3" data-cpvalue="25" data-cpcolor="#304a5f"></div> </div> <div class="col-lg-3 col-sm-6"> <div class="circle-progress" data-cptitle="Nature" data-cpid="id-4" data-cpvalue="50" data-cpcolor="#304a5f"></div> </div> </div> </div>  <div class="element"> <h3 class="el-title">Milestones</h3> <div class="ro

评论收藏

内容反馈

版权申诉