<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<!-- Meta Tags -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript">
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- //Meta Tags -->
<!-- Style Sheets -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// Bootstrap-CSS -->
<link href="css/font-awesome.css" rel="stylesheet">
<!--// Font-Awesome-CSS -->
<link href="css/easy-responsive-tabs.css" rel='stylesheet' type='text/css' />
<!--// Responsive tabs -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- //Style Sheets -->
<!-- web-fonts -->
<link href="http://fonts.googleapis.com/css?family=Cinzel+Decorative:400,700,900" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600" rel="stylesheet">
<!--// web-fonts -->
</head>
<body>
<!--banner-->
<div class="banner" id="home">
<div class="container">
<!-- header -->
<div class="header">
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1><a href="index.html"><span>S</span>uccinct</a></h1>
</div>
<!-- navbar-header -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html" class="hvr-underline-from-center active">Home</a></li>
<li><a href="#about" class="hvr-underline-from-center scroll">About</a></li>
<li><a href="#services" class="hvr-underline-from-center scroll">Services</a></li>
<li><a href="#works" class="hvr-underline-from-center scroll">Work</a></li>
<li><a href="#contact" class="hvr-underline-from-center scroll">Contact Us</a></li>
</ul>
</div>
<div class="clearfix"> </div>
</nav>
</div>
<!-- //header -->
<!-- banner-text-w3layouts -->
<div class="banner-text-w3layouts">
<h3>Hi, I'm</h3>
<h2>Mike Williams</h2>
<a href="#">Download CV</a>
</div>
</div>
<!--banner-Slider-->
</div>
<!--//banner-->
<div class="about-section" id="about">
<div class="container">
<h4 class="title-top-w3">Something<span>|</span></h4>
<h5 class="title-main-w3ls">About Me</h5>
<!--responsive-tabs-->
<div id="horizontalTab">
<ul class="resp-tabs-list">
<li>About Me</li>
<li>Skills</li>
<li>Education</li>
<li>Experience</li>
</ul>
<div class="resp-tabs-container">
<div class="tab1">
<div class="col-md-10 about-left-w3layouts">
<ul>
<li><span>Date of birth</span>: 31st March 1984</li>
<li><span>Language</span>: English, Dutch, French</li>
<li><span>Expert in</span>: Web development</li>
<li><span>Phone</span>: +011 222 3333</li>
<li><span>Email</span>: <a href="mailto:example@mail.com">mail@example.com</a></li>
<li><span>Address</span>: 25 Montée Saint-Barthélémy, France</li>
<li><span>Freelance</span>: Available</li>
</ul>
<div class="pos-grid-agileinfo">
<img src="images/about.jpg" class="img-responsive" alt="">
<h5>About Me</h5>
</div>
</div>
</div>
<div class="tab2">
<div class="col-md-10 about-left-w3layouts">
<h6>Web Design<span> 100% </span></h6>
<div class="progress">
<div class="progress-bar progress-bar-striped active" style="width: 100%">
</div>
</div>
<div class="mid-bar-agileits-w3layouts">
<h6>Photoshop<span> 90% </span></h6>
<div class="progress">
<div class="progress-bar progress-bar-striped active" style="width: 90%">
</div>
</div>
</div>
<h6>Illustrator<span>80% </span></h6>
<div class="progress">
<div class="progress-bar progress-bar-striped active" style="width: 80%">
</div>
</div>
<div class="mid-bar-agileits-w3layouts">
<h6>Wordpress<span>70% </span></h6>
<div class="progress">
<div class="progress-bar progress-bar-striped active" style="width: 70%">
</div>
</div>
</div>
<h6>Jquery<span>75% </span></h6>
<div class="progress">
<div class="progress-bar progress-bar-striped active" style="width: 75%">
</div>
</div>
<div class="pos-grid-agileinfo">
<span class="fa fa-line-chart" aria-hidden="true"></span>
<h5>Skills</h5>
</div>
</div>
</div>
<div class="tab3">
<div class="col-md-10 about-left-w3layouts">
<div class="about-info-w3-agileits">
<h6>Master Of Visual Design<span>2010-2012</span></h6>
<div class="clearfix"> </div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed odio consequat, tristique elit sed, molestie nulla.
Mauris et quam leo.</p>
</div>
<div class="about-info-w3-agileits mid-bar-agileits-w3layouts">
<h6>Master Of Designing<span>2010-2008</span></h6>
<div class="clearfix"> </div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed odio consequat, tristique elit sed.</p>
</div>
<div class="about-info-w3-agileits">
<h6>Graduate in Designing<span>2008-2006</span></h6>
<div class="clearfix"> </div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="pos-grid-agileinfo">
<span class="fa fa-graduation-cap" aria-hidden="true"></span>
<h5>Education</h5>
</div>
</div>
</div>
<div class="tab4">
<div class="col-md-10 about-left-w3layouts">
<div class="about-info-w3-agileits">
<h6>Graphic Designer, Web Designer<span>2017-</span></h6>
<div class="clearfix"> </div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="about-info-w3-agileits mid-bar-agileits-w3layouts">
<h6>Web Development<span>2017-2015</span></h6>
<div class="clearfix"> </div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed odio consequat, tristique elit sed, molestie nulla.
Mauris et quam leo.</p>
</div>
<div class="about-info-w3-agileits">
<h6>Front-End Developer<span>2015-2012</span></h6>
<div class="clearfix"> </div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sed odio consequat, tristique elit sed.</p>
</div>
<div class="pos-grid-agileinfo">
<span class="fa fa-shield" aria-hidden="true"></span>
<h5>Experience</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- stats -->
<div class="stats">
<div class="container">
<h4 class="title-top-w3 white">Proud of<span>|</span></h4>
<h5 class="title-main-w3ls white">Stats</h5>
<div class="stats_inner">
<div class="col-md-3 col-sm-6 col-xs-6 stat-grids">
<p class="counter">2,879</p>
<div class="stats-text-agile">
<h3>Projects Finished</h3>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-6 stat-grids">
<p class="counter">953</p>
<div class="stats-text-agil
白色扁平化风格的企业创意联系方式模板下载.zip （39个子文件） 
moban3039 js 
bootstrap.js 68KB jquery.waypoints.min.js 9KB easy-responsive-tabs.js 6KB jquery-2.2.3.min.js 84KB jquery.countup.js 3KB easing.js 5KB move-top.js 1KB css style.css 33KB font-awesome.css 34KB bootstrap.css 143KB easy-responsive-tabs.css 4KB
index.html 21KB images 
trans.png 251KB
w2.jpg 27KB Thumbs.db 240KB arr1.png 3KB w2-pop.jpg 37KB banner-t.jpg 282KB about.jpg 46KB banner.jpg 176KB t3.jpg 54KB w4.jpg 26KB t1.jpg 42KB w3.jpg 26KB arr.png 4KB t2.jpg 46KB testi.jpg 56KB w1.jpg 28KB fonts FontAwesome.otf 122KB
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB fontawesome-webfont.eot 75KB glyphicons-halflings-regular.woff2 18KB fontawesome-webfont.woff 88KB fontawesome-webfont.woff2 70KB fontawesome-webfont.svg 382KB fontawesome-webfont.ttf 149KB资源评论
小徐博客
- 粉丝: 1975
- 资源: 4653
最新资源
- 基于SpringBoot的智慧园区后台管理系统全部资料+高分项目+详细文档.zip
- 基于Python课程设计， 智慧校园考试系统，包括用户管理，注册机构，配置题库，答题功能全部资料+高分项目+详细文档.zip
- 基于vue做的智慧水务系统全部资料+高分项目+详细文档.zip
- gripper-internals
- 基于WEBGIS的智慧景区辅助决策系统，全部资料+高分项目+详细文档.zip
- 基于WebGIS的智慧交通系统、全部资料+高分项目+详细文档.zip
- 基于WebGIS智慧养老系统（Vue3+Flask）全部资料+高分项目+详细文档.zip
- 基于大屏管理系统全部资料+高分项目+详细文档.zip
- 基于城市规划勘测设计研究院智慧规划师系统全部资料+高分项目+详细文档.zip
- 基于服务器本地地图的智慧园区视频监控web系统全部资料+高分项目+详细文档.zip
- 基于大数据智慧交通系统全部资料+高分项目+详细文档.zip
- 基于电梯智慧监管系统源码全部资料+高分项目+详细文档.zip
- 威纶通触摸屏如何快速对齐元件（智慧对齐）？.docx
- 基于开源的小型物业管理系统，涵盖停车、安保、客服、工单、收费、财务、办公自动化等模块，目标是构建一个软硬件一体的智慧物业解决方案。全部资料+高分项目+详细文档.zip
- 基于海创智慧园区管理系统全部资料+高分项目+详细文档.zip
- 基于农业岛智慧农业系统Java版，基于Java+Vue+Uni-app开发，在微信公众号、小程序、H5移动端都能使用，代码开源，独立部署，二开很方便，能满足智慧
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
