创意图片画廊形式展示文件项目UI界面设计.zip

共22个文件

svg：4个

scss：4个

js：4个

版权申诉

99 浏览量 2022-09-20 23:41:28 上传评论收藏 65KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

创意图片画廊形式展示文件项目UI界面设计.zip （22个子文件）

201509051540

css

reset.css 1KB

default.css 6KB

style.css 21KB

partials

_layout.scss 567B

_mixins.scss 955B

_variables.scss 209B

img

cd-close-dark.svg 482B

cd-arrow-back.svg 622B

cd-arrow.svg 371B

img.png 7KB

fonts

icomoon.woff 1KB

icomoon.svg 2KB

icomoon.eot 2KB

icomoon.ttf 1KB

index.html 6KB

jquery.mobile.custom.min.js 8KB

modernizr.js 15KB

main.js 7KB

jquery-2.1.1.min.js 82KB

scss

style.scss 9KB

jQuery之家.url 268B

readme.html 865B

<!doctype html> <html lang="zh" class="no-js"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>创意图片画廊形式展示文件项目UI界面设计|DEMO_jQuery之家-自由分享jQuery、html5、css3的插件库</title> <link rel="stylesheet" type="text/css" href="css/normalize.css" /> <link rel="stylesheet" type="text/css" href="css/default.css"> <link href='https://fonts.useso.com/css?family=Source+Sans+Pro:400,300,700,400italic' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/reset.css">  <link rel="stylesheet" href="css/style.css">  <script src="js/modernizr.js"></script>   </head> <body> <div class="cd-intro-block"> <div class="content-wrapper"> <div class="htmleaf-header"> <h1>创意图片画廊形式展示文件项目UI界面设计 <span>A Squeezebox Portfolio Template</span></h1> <div class="htmleaf-links"> <a class="htmleaf-icon icon-htmleaf-home-outline" href="http://www.htmleaf.com/" title="jQuery之家" target="_blank"><span> jQuery之家</span></a> <a class="htmleaf-icon icon-htmleaf-arrow-forward-outline" href="http://www.htmleaf.com/css3/ui-design/201509052523.html" title="返回下载页" target="_blank"><span> 返回下载页</span></a> </div> </div> <a href="#0" class='cd-btn' data-action="show-projects">Show projects</a> </div> </div>  <div class="cd-projects-wrapper"> <ul class="cd-slider"> <li class="current"> <a href="#0"> <img src="img/img.png" alt="project image"> <div class="project-info"> <h2>Project 1</h2> <p>Lorem ipsum dolor sit amet.</p> </div> </a> </li> <li> <a href="#0"> <img src="img/img.png" alt="project image"> <div class="project-info"> <h2>Project 2</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, dicta.</p> </div> </a> </li> <li> <a href="#0"> <img src="img/img.png" alt="project image"> <div class="project-info"> <h2>Project 3</h2> <p>Lorem ipsum dolor sit amet.</p> </div> </a> </li> <li> <a href="#0"> <img src="img/img.png" alt="project image"> <div class="project-info"> <h2>Project 4</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p> </div> </a> </li> <li> <a href="#0"> <img src="img/img.png" alt="project image"> <div class="project-info"> <h2>Project 5</h2> <p>Lorem ipsum dolor sit amet, consectetur.</p> </div> </a> </li> <li> <a href="#0"> <img src="img/img.png" alt="project image"> <div class="project-info"> <h2>Project 6</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat.</p> </div> </a> </li> <li> <a href="#0"> <img src="img/img.png" alt="project image"> <div class="project-info"> <h2>Project 7</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </div> </a> </li> <li> <a href="#0"> <img src="img/img.png" alt="project image"> <div class="project-info"> <h2>Project 8</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p> </div> </a> </li> <li> <a href="#0"> <img src="img/img.png" alt="project image"> <div class="project-info"> <h2>Project 9</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing.</p> </div> </a> </li> </ul> <ul class="cd-slider-navigation cd-img-replace"> <li><a href="#0" class="prev inactive">Prev</a></li> <li><a href="#0" class="next">Next</a></li> </ul>  </div>  <div class="cd-project-content"> <div> <h2>Project title here</h2> <em>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt, ullam.</em> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus. </p> <p> Illum quaerat asperiores aliquam voluptate saepe omnis porro excepturi in atque veritatis sapiente ipsam voluptates iste amet deserunt ullam error pariatur, magni consectetur optio nostrum minima dolorum. Soluta animi nihil doloremque ipsa incidunt vitae architecto beatae, maxime libero, dolore corporis vero porro tenetur ipsam modi repudiandae magnam enim, quibusdam sit. </p> <p> Illum quaerat asperiores aliquam voluptate saepe omnis porro excepturi in atque veritatis sapiente ipsam voluptates iste amet deserunt ullam error pariatur, magni consectetur optio nostrum minima dolorum. Soluta animi nihil doloremque ipsa incidunt vitae architecto beatae, maxime libero, dolore corporis vero porro tenetur ipsam modi repudiandae magnam enim, quibusdam sit. </p> </div> <a href="#0" class="close cd-img-replace">Close</a> </div>  <script src="http://libs.useso.com/js/jquery/2.1.1/jquery.min.js" type="text/javascript"></script> <script>window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')</script> <script src="js/jquery.mobile.custom.min.js"></script> <script src="js/main.js"></script>  </body> </html>

评论收藏

内容反馈

版权申诉