公司产品展示模板是一款以咖啡色为背景的公司产品展示模版，整洁大方的风格以及标准的排版方式是此模版的特点所在。.rar资源-CSDN文库

共36个文件

png：16个

jpg：9个

css：4个

版权申诉

52 浏览量 2021-11-06 12:57:57 上传评论收藏 590KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

公司产品展示模板是一款以咖啡色为背景的公司产品展示模版，整洁大方的风格以及标准的排版方式是此模版的特点所在。.rar （36个子文件）

公司产品展示模板是一款以咖啡色为背景的公司产品展示模版，整洁大方的风格以及标准的排版方式是此模版的特点所在。

chahua3319

index.htm 8KB

jquery.prettyPhoto.js 25KB

jquery.custom.js 2KB

css

skeleton.css 10KB

layout.css 4KB

prettyPhoto.css 19KB

base.css 11KB

images

apple-touch-icon.png 2KB

apple-touch-icon-114x114.png 10KB

product-shot.png 116KB

zoom-icon.png 2KB

dark-bg-top.png 970B

gallery

gallery-img3-full.jpg 78KB

gallery-img2-thumb.jpg 8KB

gallery-img2-full.jpg 93KB

Thumbs.db 67KB

gallery-img1-thumb.jpg 30KB

gallery-img1-full.jpg 46KB

gallery-img3-thumb.jpg 11KB

gallery-img4-thumb.jpg 7KB

gallery-img4-full.jpg 30KB

social-icon-sheet.png 12KB

page-bg.jpg 32KB

icon-sheet.png 15KB

favicon.ico 1KB

thumb-shade.png 932B

prettyPhoto

.DS_Store 6KB

default

sprite_prev.png 1KB

sprite_x.png 1KB

default_thumb.png 1KB

sprite.png 6KB

sprite_next.png 1KB

sprite_y.png 1KB

loader.gif 2KB

apple-touch-icon-72x72.png 4KB

company-logo.png 3KB

<!DOCTYPE html>    <html lang="en">  <head>  <meta charset="utf-8"> <title>WeGraphics Product Landing Page</title> <meta name="description" content=""> <meta name="author" content="">  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">  <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700' type='text/css'> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/skeleton.css"> <link rel="stylesheet" href="css/layout.css"> <link rel="stylesheet" href="css/prettyPhoto.css">   <link rel="shortcut icon" href="images/favicon.ico"> <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">  <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="js/jquery.prettyPhoto.js"></script> <script src="js/jquery.custom.js"></script> </head> <body>   <div class="header-section"> <div class="container"> <div class="eight columns"> <h1>Product</h1> <h2>Lorem ipsum dolor sit amet, consectetur adipiscing</h2> <p>Aenean fringilla tincidunt orci, quis placerat purus rutrum ut. Ut at pulvinar felis. Vestibulum id pretium nisl. Curabitur sodales molestie magna, eu aliquam elit condimentum at. Mauris sagittis urna dolor.</p> <span class="action"><button type="button">Buy Now</button> <span class="or">or</span> <button type="button" class="learn-more">Learn More</button></span> </div> <div class="eight columns"> <ul class="social-media"> <li class="share">Share:</li> <li><a href="#" class="twitter">Twitter</a></li> <li><a href="#" class="facebook">Facebook</a></li> <li><a href="#" class="stumble">StumbleUpon</a></li> <li><a href="#" class="vimeo">Vimeo</a></li> </ul> <img src="images/product-shot.png" alt="Product" class="scale-with-grid" /> </div> </div> </div>  <div class="information-section"> <div class="container"> <div class="one-third column info"> <i class="icon-1"></i> <h3>Lorem ipsum dolor sit amet</h3> Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna sed pulvinar. Duis varius ultrices quam id interdum. Nullam tempus semper mattis. Nulla varius cursus turpis, non porta mi ullamcorper id. <a href="#">Learn more</a> </div> <div class="one-third column info"> <i class="icon-2"></i> <h3>Lorem ipsum dolor sit amet</h3> Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna sed pulvinar. Duis varius ultrices quam id interdum. Nullam tempus semper mattis. Nulla varius cursus turpis, non porta mi ullamcorper id. <a href="#">Learn more</a> </div> <div class="one-third column info"> <i class="icon-3"></i> <h3>Lorem ipsum dolor sit amet</h3> Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna sed pulvinar. Duis varius ultrices quam id interdum. Nullam tempus semper mattis. Nulla varius cursus turpis, non porta mi ullamcorper id. <a href="#">Learn more</a> </div> <div class="row"> <div class="one-third column info"> <i class="icon-4"></i> <h3>Lorem ipsum dolor sit amet</h3> Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna sed pulvinar. Duis varius ultrices quam id interdum. Nullam tempus semper mattis. Nulla varius cursus turpis, non porta mi ullamcorper id. <a href="#">Learn more</a> </div> <div class="one-third column info"> <i class="icon-5"></i> <h3>Lorem ipsum dolor sit amet</h3> Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna sed pulvinar. Duis varius ultrices quam id interdum. Nullam tempus semper mattis. Nulla varius cursus turpis, non porta mi ullamcorper id. <a href="#">Learn more</a> </div> <div class="one-third column info"> <i class="icon-6"></i> <h3>Lorem ipsum dolor sit amet</h3> Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna sed pulvinar. Duis varius ultrices quam id interdum. Nullam tempus semper mattis. Nulla varius cursus turpis, non porta mi ullamcorper id. <a href="#">Learn more</a> </div> </div> </div> </div>  <div class="gallery-section"> <div class="container"> <div class="nine columns img-grid"> <a href="images/gallery/gallery-img1-full.jpg" class="lrg-thumb" data-rel="prettyPhoto"> <span class="thumb-zoom"></span> <span class="thumb-shade"></span> <img src="images/gallery/gallery-img1-thumb.jpg" alt="Gallery" class="main-img scale-with-grid" /> </a> <div class="three columns alpha beta sub-img"> <a href="images/gallery/gallery-img2-full.jpg" class="sml-thumb" data-rel="prettyPhoto"> <span class="thumb-zoom"></span> <span class="thumb-shade"></span> <img src="images/gallery/gallery-img2-thumb.jpg" alt="Gallery" /> </a> </div> <div class="three columns alpha beta sub-img"> <a href="images/gallery/gallery-img3-full.jpg" class="sml-thumb" data-rel="prettyPhoto"> <span class="thumb-zoom"></span> <span class="thumb-shade"></span> <img src="images/gallery/gallery-img3-thumb.jpg" alt="Gallery" /> </a> </div> <div class="three columns alpha omega sub-img"> <a href="images/gallery/gallery-img4-full.jpg" class="sml-thumb" data-rel="prettyPhoto"> <span class="thumb-zoom"></span> <span class="thumb-shade"></span> <img src="images/gallery/gallery-img4-thumb.jpg" alt="Gallery" /> </a> </div> </div> <div class="six columns offset-by-one"> <h3>Lorem ipsum dolor sit amet</h3> <p>Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus. Nullam bibendum porta magna sed pulvinar. Duis varius ultrices quam id interdum. Nullam tempus semper mattis. Nulla varius cursus turpis, non porta mi ullamcorper id.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In dignissim adipiscing magna, eget lobortis lacus consectetur eget. Duis dolor est, rhoncus sit amet ultrices quis, varius sit amet nisi. Donec faucibus nulla sit amet nisl euismod tincidunt. Mauris pellentesque, justo eu tincidunt cursus, velit leo malesuada leo, quis bibendum risus felis non purus.</p> <blockquote>“Praesent faucibus nisl sit amet nulla sollicitudin pretium a sed purus.”<cite> John Doe, Lorem ipsum</cite></blockquote> <button type="button">Buy Now</button> </div> </div> </div>  <div class="footer"> <div class="container"> <div class="eight columns"> <img src="images/company-logo.png" alt="Company Logo" /> </div> <div class="eight columns copyright"> <p>Copyright &copy

评论收藏

内容反馈

版权申诉