灰色瀑布流布局模板下载-灰色瀑布流图片画廊企业资源-CSDN文库

共24个文件

jpg：22个

html：1个

css：1个

版权申诉

html

46 浏览量 2022-11-09 21:29:11 上传评论收藏 550KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

灰色瀑布流布局模板下载_灰色瀑布流图片画廊企业.rar （24个子文件）

灰色瀑布流布局模板下载_灰色瀑布流图片画廊企业

frt_22

css

styles.css 4KB

images

template20.jpg 33KB

template7.jpg 21KB

template14.jpg 56KB

template16.jpg 25KB

template13.jpg 20KB

template2.jpg 27KB

template21.jpg 31KB

template8.jpg 17KB

template18.jpg 40KB

template4.jpg 13KB

template5.jpg 20KB

template3.jpg 13KB

siteBackground.jpg 20KB

template19.jpg 39KB

template1.jpg 18KB

template12.jpg 25KB

template15.jpg 18KB

template10.jpg 27KB

template11.jpg 17KB

template9.jpg 24KB

template6.jpg 21KB

template17.jpg 24KB

index.html 10KB

<!doctype html>  <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Free Responsive Template #22 - Responsive Pin Style-模板在线moobnn.com</title> <link href='http://fonts.googleapis.com/css?family=Cutive' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Vast_Shadow' rel='stylesheet' type='text/css'> <link href="css/styles.css" rel="stylesheet" type="text/css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script> // DOM ready $(function() { // Create the dropdown base $("<select />").appendTo("nav"); // Create default option "Go to..." $("<option />", { "selected": "selected", "value" : "", "text" : "Select a page" }).appendTo("nav select"); // Populate dropdown with menu items $("nav a").each(function() { var el = $(this); $("<option />", { "value" : el.attr("href"), "text" : el.text() }).appendTo("nav select"); }); // To make dropdown actually work $("nav select").change(function() { window.location = $(this).find("option:selected").val(); }); }); </script> </head> <body> <nav> <ul> <li class="active"><a href="">Home</a></li> <li><a href="">Company</a></li> <li><a href="">Services</a></li> <li><a href="">Blog</a></li> <li><a href="">Contact</a></li> </ul> </nav> <h1><a href="">Responsive pin style</a></h1> <div class="wrapper"> <div class="boxes"> <div class="box"> <div class="picPreview"><a href=""><img src="images/template21.jpg" alt="template21"></a></div> <h2>FRT Mint</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since</p> <div class="templateLink"><a href="">template 21</a></div> </div> <div class="box"> <div class="picPreview"><a href=""><img src="images/template20.jpg" alt="template20"></a></div> <h2>Michael & Julia</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since</p> <div class="templateLink"><a href="">template 20</a></div> </div> <div class="box"> <div class="picPreview"><a href=""><img src="images/template19.jpg" alt="template19"></a></div> <h2>Birchwood</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since</p> <div class="templateLink"><a href="">template 19</a></div> </div> <div class="box"> <div class="picPreview"><a href=""><img src="images/template18.jpg" alt="template18"></a></div> <h2>Maestro</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since</p> <div class="templateLink"><a href="">template 18</a></div> </div> <div class="box"> <div class="picPreview"><a href=""><img src="images/template17.jpg" alt="template17"></a></div> <h2>Leader Horse Club</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since</p> <div class="templateLink"><a href="">template 17</a></div> </div> <div class="box"> <div class="picPreview"><a href=""><img src="images/template16.jpg" alt="template16"></a></div> <h2>Portfolio</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since</p> <div class="templateLink"><a href="">template 16</a></div> </div> <div class="box"> <div class="picPreview"><a href=""><img src="images/template15.jpg" alt="template15"></a></div> <h2>Miami</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since</p> <div class="templateLink"><a href="">template 15</a></div> </div> <div class="box"> <div class="picPreview"><a href=""><img src="images/template14.jpg" alt="template14"></a></div> <h2>Yacht’s Florida</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since</p> <div class="templateLink"><a href="">template 14</a></div> </div> <div class="box"> <div class="picPreview"><a href=""><img src="images/template13.jpg" alt="template13"></a></div> <h2>Children's Castle</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since</p> <div class="templateLink"><a href="">template 13</a></div> </div> <div class="box"> <div class="picPreview"><a href=""><img src="images/template12.jpg" alt="template12"></a></div> <h2>Corn Food</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since</p> <div class="templateLink"><a href="">template 12</a></div> </div> <div class="box"> <div class="picPreview"><a href=""><img src="images/template11.jpg" alt="template11"></a></div> <h2>Abc</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since</p> <div class="templateLink"><a href="">template 11</a></div> </div> <div class="box"> <div class="picPreview"><a href=""><img src="images/template10.jpg" alt="template10"></a></div> <h2>Lage Palm</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since</p> <div class="templateLink"><a href="">template 10</a></div> </div> <div class="box"> <div class="picPreview"><a href=""><img src="images/template9.jpg" alt="template9"></a></div> <h2>Zoo Co</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since</p> <div class="templateLink"><a href="">template 9</a></div> </div> <div class="box"> <div class="picPreview"><a href=""><img src="images/template8.jpg" alt="template8"></a></div> <h2>frt _WheatField</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since</p> <div class="templateLink"><a href="">template 8</a></div> </div> <div class="box"> <div class="picPreview"><a href=""><img src="images/template7.jpg" alt="template7"></a></div> <h2>frt_Auroch</h2> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since</p> <div class="templateLink"><a href="">template 7</a></div> </div> <div class="box"> <div class="picPreview"><a href=""><img src="images/template6.jpg" alt="template6"></a></div> <h2>Snail on the rain</h2>

评论收藏

内容反馈

版权申诉