网站前端网页源码模板(910).zip_web前端模板网页源码资源-CSDN文库

共49个文件

scss：10个

jpg：10个

js：6个

版权申诉

2 浏览量 2021-09-24 22:49:47 上传评论收藏 1.58MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

网站前端网页源码模板 (910).zip （49个子文件）

index.html 13KB

img

2.jpg 87KB

8.jpg 86KB

6.jpg 46KB

1.jpg 61KB

4.jpg 61KB

5.jpg 88KB

profile.jpg 16KB

7.jpg 331KB

3.jpg 49KB

main.js 267B

min

main.min.js 186B

plugins.min.js 3KB

plugins.js 6KB

vendor

modernizr-2.6.2.min.js 15KB

jquery-1.10.2.min.js 91KB

1.jpg 140KB

fonts

Roboto-Regular-webfont.eot 21KB

Roboto-Bold-webfont.ttf 44KB

fontawesome-webfont.svg 280KB

Roboto-Regular-webfont.woff 24KB

Roboto-Light-webfont.eot 20KB

Roboto-Bold-webfont.woff 24KB

Roboto-Light-webfont.ttf 45KB

fontawesome-webfont.eot 55KB

FontAwesome.otf 84KB

fontawesome-webfont.woff 64KB

Roboto-Light-webfont.svg 73KB

Roboto-Regular-webfont.svg 71KB

Roboto-Bold-webfont.svg 70KB

Roboto-Regular-webfont.ttf 44KB

Roboto-Light-webfont.woff 24KB

Roboto-Bold-webfont.eot 20KB

fontawesome-webfont.ttf 110KB

css

normalize.css 9KB

owl-carousel.css 6KB

templatemo-style.css 11KB

bootstrap.min.css 111KB

font-awesome.css 26KB

sass

_projects.scss 858B

_header.scss 2KB

_vars.scss 3KB

_base.scss 1KB

main.scss 971B

_banner.scss 555B

_contact.scss 361B

_footer.scss 150B

_reset.scss 4KB

_about.scss 146B

<!DOCTYPE html>     <html class="no-js">  <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Volton - Responsive Mobile Template</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/font-awesome.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="responsive-header visible-xs visible-sm"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="top-section"> <div class="profile-image"> <img src="img/profile.jpg" alt="Volton"> </div> <div class="profile-content"> <h3 class="profile-title">Volton</h3> <p class="profile-description">Pro Photography</p> </div> </div> </div> </div> <a href="#" class="toggle-menu"><i class="fa fa-bars"></i></a> <div class="main-navigation responsive-menu"> <ul class="navigation"> <li><a href="#top"><i class="fa fa-home"></i>Home</a></li> <li><a href="#about"><i class="fa fa-user"></i>About Me</a></li> <li><a href="#projects"><i class="fa fa-newspaper-o"></i>My Gallery</a></li> <li><a href="#contact"><i class="fa fa-envelope"></i>Contact Me</a></li> </ul> </div> </div> </div>  <div class="sidebar-menu hidden-xs hidden-sm"> <div class="top-section"> <div class="profile-image"> <img src="img/profile.jpg" alt="Volton"> </div> <h3 class="profile-title">Volton</h3> <p class="profile-description">Pro Photography</p> </div>  <div class="main-navigation"> <ul class="navigation"> <li><a href="#top"><i class="fa fa-globe"></i>Welcome</a></li> <li><a href="#about"><i class="fa fa-pencil"></i>About Me</a></li> <li><a href="#projects"><i class="fa fa-paperclip"></i>My Gallery</a></li> <li><a href="#contact"><i class="fa fa-link"></i>Contact Me</a></li> </ul> </div>  <div class="social-icons"> <ul> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-linkedin"></i></a></li> <li><a href="#"><i class="fa fa-google-plus"></i></a></li> <li><a href="#"><i class="fa fa-youtube"></i></a></li> <li><a href="#"><i class="fa fa-rss"></i></a></li> </ul> </div>  </div>  <div class="copyrights">Collect from <a href="http://www.htmldivcss.com/" >免费模板</a></div> <div class="banner-bg" id="top"> <div class="banner-overlay"></div> <div class="welcome-text"> <h2>Simple Design | Personal Portfolio</h2> <h5>This is a mobile friendly layout with Bootstrap v3.3.1 framework. Maecenas eu ante at nunc posuere fringilla sit amet non dolor. Proin condimentum fermentum nunc.</h5> </div> </div>  <div class="main-content"> <div class="fluid-container"> <div class="content-wrapper">  <div class="page-section" id="about"> <div class="row"> <div class="col-md-12"> <h4 class="widget-title">Learn About Me</h4> <div class="about-image"> <img src="img/8.jpg" alt="about me"> </div> <p>Volton is free <a rel="nofollow" href="http://www.templatemo.com/page/1">responsive mobile template</a> from <span class="blue">template</span><span class="green">mo</span> website. You can use this template for any purpose. Please tell your friends about it. Thank you. Credit goes to <a rel="nofollow" href="#">Unsplash</a> for images used in this design. You can <strong>change menu icons</strong> by checking <a rel="nofollow" href="#/font-awesome-icon-world-map/">Font Awesome</a> (version 4). Example: <strong><i class="fa fa-camera"></i></strong></p> <hr> </div> </div>  </div>  <div class="page-section" id="projects"> <div class="row"> <div class="col-md-12"> <h4 class="widget-title">PHOTOS OF WHAT I DO</h4> <p>Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Maecenas et lorem molestie, maximus justo dignissim, cursus nisl. Nullam at ante quis ex pharetra pulvinar quis id dolor. Integer lorem odio, euismod ut sem sit amet, imperdiet condimentum diam.</p> </div> </div> <div class="row projects-holder"> <div class="col-md-4 col-sm-6"> <div class="project-item"> <img src="img/1.jpg" alt=""> <div class="project-hover"> <div class="inside"> <h5><a href="#">Pellentesque porta ligula</a></h5> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam cursus</p> </div> </div> </div> </div> <div class="col-md-4 col-sm-6"> <div class="project-item"> <img src="img/2.jpg" alt=""> <div class="project-hover"> <div class="inside"> <h5><a href="#">Pellentesque porta ligula</a></h5> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam cursus</p> </div>

评论收藏

内容反馈

版权申诉