作品展示&图片展示HTML源码-景观画廊展示响应式网页模板-适配移动端.zip资源-CSDN文库

共75个文件

jpg：28个

png：14个

html：6个

版权申诉

HTML

求职面试

源码

作品展示

98 浏览量 2024-03-26 09:51:11 上传评论收藏 6.88MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

作品展示&图片展示HTML源码-景观画廊展示响应式网页模板-适配移动端.zip （75个子文件）

作品展示&图片展示HTML源码-景观画廊展示响应式网页模板-适配移动端

html

icon-fonts

fontawesome-webfont.eot 162KB

fontawesome-webfont.woff 96KB

fontawesome-webfont.woff2 75KB

fontawesome-webfont.svg 434KB

Source

bootstrap-4.3.1-dist.zip 697KB

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

OwlCarousel2-2.3.4_2.zip 774KB

font-awesome-4.7.0.zip 654KB

sass

style.scss 22KB

SlickNav-master.zip 22KB

jquery.slicknav.min.js 8KB

bootstrap.min.js 57KB

main.js 4KB

circle-progress.min.js 4KB

owl.carousel.min.js 43KB

jquery-3.2.1.min.js 85KB

img

logo.png 2KB

gallery

2.jpg 137KB

10.jpg 221KB

6.jpg 40KB

1.jpg 16KB

5.jpg 33KB

8.jpg 108KB

3.jpg 82KB

7.jpg 35KB

9.jpg 46KB

4.jpg 65KB

artists

2.jpg 58KB

6.jpg 54KB

1.jpg 11KB

5.jpg 19KB

8.jpg 44KB

3.jpg 33KB

7.jpg 27KB

4.jpg 54KB

blog

2.jpg 102KB

1.jpg 132KB

5.jpg 174KB

2_thumb.jpg 14KB

1_thumb.jpg 31KB

3.jpg 56KB

4.jpg 82KB

favicon.ico 17KB

icons

map-marker.png 1KB

arrow-big.png 2KB

envelope.png 1KB

phone.png 1KB

clock.png 2KB

love.png 3KB

arrow-left-black.png 1KB

arrow-right-black.png 1KB

arrow-left-white.png 1KB

camera.png 3KB

star.png 2KB

arrow-right-white.png 1KB

slider

2.jpg 280KB

1.jpg 95KB

3.jpg 173KB

2.png 1.04MB

artists.html 7KB

css

style.css 23KB

slicknav.min.css 2KB

bootstrap.min.css 152KB

animate.css 73KB

font-awesome.min.css 30KB

owl.carousel.min.css 3KB

index.html 9KB

elements.html 12KB

contact.html 5KB

blog.html 8KB

fonts

HelveticaNeue-Medium.woff 14KB

helvetica-neue-5-cufonfonts-webfont.zip 1.05MB

HelveticaNeueBold.woff 28KB

HelveticaNeue-Light.woff 14KB

gallery.html 7KB

<!DOCTYPE html> <html lang="zxx"> <head> <title>The Look - Photo Gallery Template</title> <meta charset="UTF-8"> <meta name="description" content="Instyle Fashion HTML Template"> <meta name="keywords" content="instyle, fashion, 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=Lato:300,300i,400,400i,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/owl.carousel.min.css"/> <link rel="stylesheet" href="css/slicknav.min.css"/>  <link rel="stylesheet" href="css/style.css"/>  </head> <body>  <div id="preloder"> <div class="loader"></div> </div>  <header class="header-section hs-border"> <div class="header-warp"> <a href="index.html" class="site-logo"> <img src="img/logo.png" alt=""> </a> <ul class="main-menu"> <li><a href="index.html">Home</a></li> <li><a href="gallery.html">Gallery</a></li> <li><a href="artists.html">artists</a></li> <li><a href="elements.html">Shop</a></li> <li><a href="blog.html">News</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> </header>   <section class="elements-page page-warp"> <div class="sp-container"> <div class="page-title"> <h2>Elements</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mattis et augue non mollis. Sed sagittis.</p> </div> <div class="element"> <h4 class="el-title">Buttons</h4> <button class="site-btn mr-0">view gallery <img src="img/icons/arrow-right-black.png" alt=""></button> <button class="site-btn sb-line">view gallery <img src="img/icons/arrow-right-black.png" alt=""></button> <button class="site-btn sb-solid sb-light">view gallery <img src="img/icons/arrow-right-white.png" alt=""></button> </div> <div class="element acc-tab-element"> <h4 class="el-title">Accordions & Tabs</h4> <div class="row"> <div class="col-lg-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"> Nullam dictum, tortor in accumsan eleifend, ligula augue </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. Cras mattis et augue non mollis. Sed sagittis, turpis a imperdiet eleifend, est ligula convallis augue, sit amet porta urna justo vel neque. Pellentesque a interdum nunc. Nunc congue eget nisl et laoreet. Vivamus suscipit vulputate enim a pellentesque. </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">Duis accumsan nibh nisl, sit amet sollicitudin urna tincidunt</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. Cras mattis et augue non mollis. Sed sagittis, turpis a imperdiet eleifend, est ligula convallis augue, sit amet porta urna justo vel neque. Pellentesque a interdum nunc. Nunc congue eget nisl et laoreet. Vivamus suscipit vulputate enim a pellentesque. </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">Vestibulum in nibh scelerisque, tincidunt sapien sit amet</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. Cras mattis et augue non mollis. Sed sagittis, turpis a imperdiet eleifend, est ligula convallis augue, sit amet porta urna justo vel neque. Pellentesque a interdum nunc. Nunc congue eget nisl et laoreet. Vi-vamus suscipit vulputate enim a pellentesque. </p> </div> </div> </div> </div> </div> <div class="col-lg-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">Nullam dictum</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">Duis accumsan</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">Vestibulum in nibh</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. Cras mattis et augue non mollis. Sed sagittis, turpis a imperdiet eleifend, est ligula convallis augue, sit amet porta urna justo vel neque. Pellentesque a interdum nunc. Nunc congue eget nisl et laoreet. Vi-vamus suscipit vulputate enim a pellentesque. </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. Cras mattis et augue non mollis. Sed sagittis, turpis a imperdiet eleifend, est ligula convallis augue, sit amet porta urna justo vel neque. Pellentesque a interdum nunc. Nunc congue eget nisl et laoreet. Vi-vamus suscipit vulputate enim a pellentesque. </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. Cras mattis et augue non mollis. Sed sagittis, turpis a imperdiet eleifend, est ligula convallis augue, sit amet porta urna justo vel neque. Pellentesque a interdum nunc. Nunc congue eget nisl et laoreet. Vi-vamus suscipit vulputate enim a pellentesque. </p> </div> </div> </div> </div> </div> </div>  <div class="element"> <h4 class="el-title">Milestones</h4> <div class="row"> <div class="col-xl-4"> <div class="milestone"> <h2>130<span>+</span></h2> <h4>Photography Exibitions</h4> </div> </div> <div class="col-xl-5"> <div class="milestone"> <h2>150 000<span>+</span></h2> <h4>Visitors</h4> </div> </div> <div class="col-xl-3"> <div class="milestone"> <h2>1395</h2> <h4>Days</h4> </div> </div> </div> </div>  <div class="element"> <h4 class="el-title">Loader</h4> <div class="ro

评论收藏

内容反馈

版权申诉