<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Succinct a Personal Category Bootstrap Responsive website Template | Home :: w3layouts</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="Succinct Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<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="//fonts.googleapis.com/css?family=Cinzel+Decorative:400,700,900" rel="stylesheet">
<link href="//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 cl
HTML网站源码-简洁机构动态响应式网页模板-移动端可用.zip
版权申诉
95 浏览量
2024-03-22
10:45:50
上传
评论
收藏 1.75MB ZIP 举报
HTML网站源码-简洁机构动态响应式网页模板-移动端可用.zip （38个子文件） 
HTML网站源码-简洁机构动态响应式网页模板-移动端可用 html 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 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资源评论
