HTML网站源码-简洁灰白信息响应式网页模板-移动端可用.zip资源-CSDN文库

共43个文件

scss：11个

md：9个

css：5个

版权申诉

HTML

源码

企业网站

JavaScript

73 浏览量 2024-03-22 10:41:04 上传评论收藏 935KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML网站源码-简洁灰白信息响应式网页模板-移动端可用.zip （43个子文件）

HTML网站源码-简洁灰白信息响应式网页模板-移动端可用

html

doc

css.md 6KB

html.md 7KB

TOC.md 1KB

faq.md 3KB

usage.md 3KB

js.md 1KB

crossdomain.md 950B

extend.md 20KB

misc.md 903B

main.js 1KB

vendor

modernizr-2.6.2.min.js 15KB

jquery-1.10.2.min.js 91KB

plugins.js 24KB

css

bootstrap.min.css 111KB

font-awesome.css 26KB

normalize.css 9KB

owl-carousel.css 6KB

templatemo-style.css 10KB

sass

_header.scss 1KB

_vars.scss 1KB

_services.scss 1KB

_projects.scss 468B

_contact.scss 230B

_reset.scss 4KB

_footer.scss 365B

main.scss 1KB

_base.scss 1KB

_banner.scss 265B

_cta.scss 989B

index.html 13KB

images

2.jpg 67KB

grabbing.png 116B

logo.png 2KB

1.jpg 93KB

AjaxLoader.gif 1KB

alpines-mountain.jpg 227KB

3.jpg 89KB

4.jpg 76KB

fonts

FontAwesome.otf 84KB

fontawesome-webfont.eot 55KB

fontawesome-webfont.woff 64KB

fontawesome-webfont.svg 280KB

fontawesome-webfont.ttf 110KB

<!DOCTYPE html>     <html class="no-js">  <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Alpines Web Template</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1">   <link href='http://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/owl-carousel.css"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/templatemo-style.css"> <script src="js/vendor/modernizr-2.6.2.min.js"></script> </head> <body>   <div class="site-top" id="top"> <div class="site-top-overlay"></div> <div class="site-header"> <div class="container"> <a href="#" class="site-brand"> <img src="images/logo.png" alt="Alpines template"> </a> <div class="main-navigation"> <a href="#" class="visible-xs toggle-menu"><i class="fa fa-bars"></i></a> <nav class="site-navigation"> <ul> <li><a href="#services">Features</a></li> <li><a href="#posts">Posts</a></li> <li><a href="#cta">Contact</a></li> </ul> </nav> </div>  </div> </div>  <div class="welcome-text"> <div class="container text-center white-text"> <div class="col-xs-8 col-xs-offset-2"> <h1>Hello, Welcome to Alpines</h1> <h4>Alpines is free responsive web template for everyone. You can download, edit and use this mobile layout from <span class="blue">template</span><span class="green">mo</span>. Please tell your friends about our website. Thank you.</h4> <a href="#" class="button outline white">Login</a> <a href="#" class="button default">Sign Up</a> </div> </div> </div> </div>   <div id="services"> <div class="container"> <div class="inside light page-section text-center"> <div class="row"> <div class="owl-carousel"> <div class="service-item"> <div class="service-icon"><i class="fa fa-download"></i></div> <h3>About Icons</h3> <p>You can change <strong>icons</strong> by <a rel="nofollow" href="http://fontawesome.info/font-awesome-icon-world-map/">Font Awesome</a> Version 4 guidelines. <span class="orange"><i class="fa fa-download"></i></span> for this download icon.</p> </div> <div class="service-item"> <div class="service-icon"><i class="fa fa-file-code-o"></i></div> <h3>Read Documents</h3> <p>Mauris blandit lorem ac dui gravida, vitae mollis magna auctor. Quisque eget mollis risus, eget maximus ligula.</p> </div> <div class="service-item"> <div class="service-icon"><i class="fa fa-desktop"></i></div> <h3>Responsive Design</h3> <p>Curabitur eleifend velit non est feugiat laoreet. Praesent egestas diam a arcu interdum rhoncus. Curabitur at interdum sapien.</p> </div> <div class="service-item"> <div class="service-icon"><i class="fa fa-mobile"></i></div> <h3>Mobile Ready</h3> <p>Vestibulum elementum nisi et eleifend pellentesque. Mauris ornare lacinia eleifend. Nam porta tristique mauris vel cursus.</p> </div> </div> </div> </div> </div> </div>  <section id="posts" class="page-section"> <div class="container"> <div class="row"> <div class="col-xs-8 col-xs-offset-2 text-center"> <h2>Vestibulum elementum nisi et eleifend pellentesque</h2> <span class="underline"></span> <h4>Aliquam non dictum tellus. Morbi ornare, augue sed scelerisque efficitur, elit est rhoncus lacus, in lobortis velit justo ut nunc. <span class="blue">Photos</span> by <a href="http://unsplash.com" rel="nofollow">Unsplash</a></h4> </div> </div> <div class="row"> <div class="col-md-3 col-sm-6"> <div class="post-inside"> <div class="post-thumb"> <img src="images/1.jpg" alt=""> </div> <div class="post-content"> <h5><a href="#">Be Happy and Healthy</a></h5> <span class="small-text">City Capture</span> <p>Nullam bibendum lacus tellus, sit amet suscipit ligula laoreet vitae. Sed est neque, mollis vel tincidunt.</p> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="post-inside"> <div class="post-thumb"> <img src="images/2.jpg" alt=""> </div> <div class="post-content"> <h5><a href="#">Be Kind and Helpful</a></h5> <span class="small-text">City Capture</span> <p>Nullam bibendum lacus tellus, sit amet suscipit ligula laoreet vitae. Sed est neque, mollis vel tincidunt.</p> </div> </div> </div> <div class="col-md-3 col-sm-6"> <div class="post-inside"> <div class="post-thumb"> <img src="images/3.jpg" alt=""> </div> <div class="post-content"> <h5><a href="#">Be Adaptive and Flexible</a></h5> <

评论收藏

内容反馈

版权申诉