<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- for-mobile-apps -->
<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="Alice Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<!--fonts-->
<link href='#css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400' rel='stylesheet' type='text/css'>
<link href='#css?family=Signika:700,300,400,600' rel='stylesheet' type='text/css'>
<!--//fonts-->
<script src="js/jquery.min.js"> </script>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- js -->
<script src="js/bootstrap.js"></script>
<!-- js -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!--/script-->
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
});
});
</script>
</head>
<body>
<!--header-->
<div id="home" class="header">
<div class="header-top">
<div class="container">
<div class="header-right-text">
<h3>Call Us:<span>(800)</span><i>1444 000 4040</i></h3>
</div>
<div class="header-btn">
<a href="#">Say Hello</a>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="header-nav effect2">
<div class="container">
<div class="navigation">
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" 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>
</div>
<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a class="scroll" href="#home">Home <span class="sr-only">(current)</span></a></li>
<li><a class="scroll" href="#About">About</a></li>
<li><a class="scroll" href="#Portfolio">Portfolio</a></li>
<li><a class="scroll" href="#Contact">Contact Us</a></li>
</ul>
<div class="clearfix"> </div>
</div><!-- /.navbar-collapse -->
</nav>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
<div class="banner">
<div class="container">
<div class="grid__item color-9">
<a class="link link--ilin" href="#"><span>ALI</span><span>CE</span></a>
</div>
<p>A creative and interactive designer from<span>BELGIUM.</span></p>
</div>
</div>
<div class="content-part">
<div class="body-pic">
<div class="container">
<img src="images/body.png" />
</div>
<div class="body-pic-bottom">
</div>
</div>
<div class="clearfix"> </div>
<div id="About" class="skills">
<div class="container">
<div class="skills-info">
<h3>Skills</h3>
<div class="study2">
<h4>Html</h4>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
<span class="sr-only">40% Complete (success)</span>
</div>
</div>
<h4>Css</h4>
<div class="progress">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
<span class="sr-only">20% Complete</span>
</div>
</div>
<h4>Js</h4>
<div class="progress">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
<span class="sr-only">60% Complete (warning)</span>
</div>
</div>
<h4>Php</h4><h4>
<div class="progress">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
<span class="sr-only">80% Complete (danger)</span>
</div>
</div>
</h4>
</div>
</div>
</div>
</div>
</div>
<div class="social-icon">
<div class="container">
<a href="#">
<div class="facebook">
<span class="icon1"> </span>
<label><i>3958k</i> <br />Likes</label>
</div>
</a>
<a href="#">
<div class="twitter">
<span class="icon2"> </span>
<label><i>125k</i> <br />Followers</label>
</div>
</a>
<a href="#">
<div class="youtube">
<span class="icon3"> </span>
<label><i>10,000k</i> <br />Followers</label>
</div>
</a>
<a href="#">
<div class="linkdin">
<span class="icon4"> </span>
<label><i>87k</i> <br />Followers</label>
</div>
</a>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
<!--light-box-js -->
<script src="js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8" />
<!--light-box-files -->
<script type="text/javascript" charset="utf-8">
$(function() {
$('.moments-bottom a').Chocolat();
});
</script>
<!--//end-gallery js-->
<div id="Portfolio" class="portfolio">
<div class="container">
<h3>Portfolio</h3>
<div class="gallery-info">
<div class="col-md-4 galry-grids moments-bottom">
<a class="b-link-stripe b-animate-go" href="images/img9.jpg">
<img src="images/img9.jpg" class="img-responsive" alt="">
<div class="b-wrapper">
<span class="b-animate b-from-left b-delay03 ">
<img class="img-responsive" src="images/e.png" alt=""/>
</span>
</div>
</a>
</div>
<div class="col-md-4 galry-grids moments-bottom">
<a class="b-link-stripe b-animate-go" href="images/img10.jpg">
<img src="images/img10.jpg" class="img-responsive" alt="">
<div class="b-wrapper">
<span class="b-animate b-from-left b-delay03 ">
<img class="img-responsive" src="images/e.png" alt=""/>
</span>
</div>
</a>
</div>
<div class="col-md-4 galry-grids moments-bottom">
<a class="b-link-stripe b-animate-go" href="images/img11.jpg">
<img src="images/img11.jpg" class="img-responsive" alt="">
<div class="b-wrapper">
<span class="b-animate b-from-left b-delay03 ">
<img class="img-responsive" src="images/e.png" alt=""/>
</span>
</div>
</a>
</div>
<div class="col-md-4 galry-grids moments-bottom">
<a class="b-link-stripe b-animate-go" href="images/img12.jpg">
<img src="images/img12.jpg" class="img-responsive" alt="">
<div class="b-wrapper">
<span class="b-animate b-from-left b-delay03 ">
<img class="img-responsive" src="images/e.png" alt=""/>
</span>
</div>
</a>
</div>
<div class="c
个人技能介绍网页模板是一款浅蓝色简洁风格的CSS简历中个人技能介绍网站模板下载。.rar （25个子文件） 
个人技能介绍网页模板是一款浅蓝色简洁风格的CSS简历中个人技能介绍网站模板下载。 moban655 js 
bootstrap.js 66KB jquery.chocolat.js 10KB easing.js 5KB move-top.js 1KB jquery.min.js 94KB css style.css 16KB bootstrap.css 138KB chocolat.css 2KB
index.html 12KB images 
close.gif 845B right.gif 67B
img13.jpg 13KB img10.jpg 24KB left.gif 68B img11.jpg 10KB img15.jpg 10KB img16.jpg 29KB
e.png 3KB img17.jpg 13KB social-icon1.png 4KB img14.jpg 11KB body.png 398KB img12.jpg 15KB to-top1.png 3KB img9.jpg 9KB资源评论
