【免费】简洁设计设计师个人作品展示案例左栏左侧蓝色响应式手机扁平化大气漂亮互联网个人主页博客bootstrapcss3html5.rar资源-CSDN文库

共48个文件

scss：10个

jpg：9个

js：6个

html

需积分: 0 194 浏览量 2023-09-12 08:47:54 上传评论收藏 1.44MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

简洁Design设计师个人作品展示模板_简洁设计设计师个人作品展示案例左栏左侧蓝色响应式手机扁平化大气漂亮互联网个人主页博客bootstrapcss3html5.rar （48个子文件）

_header.scss 2KB

bootstrap.min.css 111KB

Roboto-Regular-webfont.woff 24KB

2.jpg 87KB

_vars.scss 3KB

FontAwesome.otf 84KB

_projects.scss 858B

fontawesome-webfont.eot 55KB

6.jpg 46KB

Roboto-Light-webfont.woff 24KB

Roboto-Light-webfont.svg 73KB

1.jpg 61KB

main.js 267B

modernizr-2.6.2.min.js 15KB

font-awesome.css 26KB

normalize.css 9KB

Roboto-Light-webfont.eot 20KB

owl-carousel.css 6KB

fontawesome-webfont.woff 64KB

_contact.scss 361B

Roboto-Bold-webfont.woff 24KB

_reset.scss 4KB

Roboto-Regular-webfont.ttf 44KB

Roboto-Bold-webfont.ttf 44KB

_about.scss 146B

_footer.scss 150B

main.min.js 186B

5.jpg 88KB

main.scss 971B

plugins.min.js 3KB

8.jpg 86KB

index.html 13KB

Roboto-Bold-webfont.svg 70KB

profile.jpg 16KB

_base.scss 1KB

Roboto-Regular-webfont.svg 71KB

Roboto-Light-webfont.ttf 45KB

fontawesome-webfont.svg 280KB

Roboto-Regular-webfont.eot 21KB

templatemo-style.css 11KB

fontawesome-webfont.ttf 110KB

3.jpg 49KB

7.jpg 331KB

_banner.scss 555B

Roboto-Bold-webfont.eot 20KB

jquery-1.10.2.min.js 91KB

4.jpg 61KB

plugins.js 6KB

<!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.moobnn.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>

评论收藏

内容反馈