<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<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="Personale 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="applijegleryion/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery-1.11.1.min.js"></script>
<!--webfonts-->
<link href='#css?family=Candal|Raleway:500,600,400' rel='stylesheet' type='text/css'>
<!--//webfonts-->
<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>
<!--start-home-->
<ul class="side_nav">
<li><a class="active scroll" href="#home"></a></li>
<li><a class="scroll" href="#about"></a></li>
<li><a class="scroll" href="#experience"></a></li>
<li><a class="scroll" href="#skill"></a></li>
<li><a class="scroll" href="#project"></a></li>
<li><a class="scroll" href="#port"></a></li>
<li><a class="scroll" href="#contact"></a></li>
</ul>
<div class="banner" id="home">
<div class="header-top">
<div class="container">
<!--top-nav-->
<span class="menu"> </span>
<div class="top-menu">
<nav>
<ul class="cl-effect-16">
<li><a class="active scroll" href="#home" data-hover="Home">Home</a></li>
<li><a class="scroll" href="#about" data-hover="About">About</a></li>
<li><a class="scroll" href="#experience" data-hover="experience">experience</a></li>
<li><a class="scroll" href="#skill" data-hover="Skills">Skills</a></li>
<li><a class="scroll" href="#project" data-hover="Projects">Projects</a></li>
<li><a class="scroll" href="#port" data-hover="Portfolio">Portfolio</a></li>
<li><a class="scroll" href="#contact" data-hover="Contact">Contact</a></li>
<div class="clearfix"></div>
</ul>
</nav>
</div>
<div class="login-pop">
<div id="loginpop"><a href="#" id="loginButton"><span>Login <i class="arrow glyphicon glyphicon-chevron-right"></i></span></a>
<div id="loginBox">
<form id="loginForm">
<fieldset id="body">
<fieldset>
<label for="email">Email Address</label>
<input type="text" name="email" id="email">
</fieldset>
<fieldset>
<label for="password">Password</label>
<input type="password" name="password" id="password">
</fieldset>
<input type="submit" id="login" value="Sign in">
<label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label>
</fieldset>
<span><a href="#">Forgot your password?</a></span>
</form>
</div>
</div>
</div><script src="js/menu_jquery.js"></script>
<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
<div class="clearfix"></div>
<!-- script-for-menu -->
</div>
</div>
<!--banner-->
<div class="container">
<!-- script-for-menu -->
<div class="banner-info">
<div class="logo">
<a href="index.html"><h1>Personale </h1></a>
</div>
<p> Donec rhoncus bibendum tempor.Lorem Ipsum Maecenas tristique orci ac sem.<lable> Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsumipsum dolor sit amet,</lable> consectetuer dolor sit.</p>
<div class="scroll-down">
<h4>SCROLL DOWN</h4>
<a class="downarrow scroll" href="#about"><span></span></a>
</div>
</div>
</div>
</div>
<!--about-->
<div class="about" id="about">
<div class="container">
<h3 class="tittle">About Me</h3>
<div class="col-md-5 ab-grid pic">
<img src="images/ab.jpg" alt=" " title="ab">
</div>
<div class="col-md-7 ab-grid text">
<h4>I am jessica, I live in Newyork. I am WP Theme Developer, UI/UX Developer, Internet Consultant.</h4>
<p>We are a professional Software comapny with the best talent and most modern technology for online solutions & focused on providing clients with effective online marketing solutions.</p>
<p>We focused on providing clients with effective online marketing solutions.</p>
<p>I know 4 languages. Working on this field for 5+ years and got many design awards.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--//about-->
<!--experience-starts-->
<div class="experience" id="experience">
<div class="container">
<h3 class="tittle four">Education & Experience</h3>
<div class="experience-main">
<span class="devide-line"></span>
<div class="experience-left">
<span class="glyphicon glyphicon-book" aria-hidden="true"></span>
<h4>MASTER OF FINE ARTS</h4>
<h5>DESIGN UNIVERSITY [ 2011 - 2013 ]</h5>
<p>Sed a tortor sed ipsum porta iaculis id eget massa. Quisque imperdiet urna sed lorem facilisis, id imperdiet magna dignissim. Maecenas quis dui at magna ullamcorper suscipit. In malesuada, massa at semper fermentum, metus eros imperdiet justo</p>
</div>
<div class="experience-left-snd">
<span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span>
</div>
<div class="experience-right-snd">
<h4>DESIGN CORPORATION</h4>
<h5>UX DEVELOPER [ 2013 - 2014 ]</h5>
<p>Lorem ipsum dolor sit amet, rebum dolore labores cu pri. Ferri iudico scripta ut eam, diceret euismod gubergren has eu, an quo tale vivendum. Ad quidam gubergren vituperatoribus sit. Ius etiam nemore consulatu ne, at meliore explicari conceptam qui.</p>
</div>
<div class="experience-left-trd">
<span class="glyphicon glyphicon-gift" aria-hidden="true"></span>
<h4>CREATIVE DESIGN STUDIO</h4>
<h5>UX DEVELOPER [ 2016 - 2018 ]</h5>
<p>Morbi porta eros diam, vel dictum mauris tristique cursus. Curabitur at feugiat nulla. Morbi facilisis vulputate ligula non dignissim. Nunc sagittis non tellus eu hendrerit. Aenean quis enim tristique, lobortis ligula non, sollicitudin tortor.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--experience-end-->
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >手机网站模板</a></div>
<!--my-skill-->
<div class="my-skills text-center" id="skill">
<div class="container">
<h3 class="tittle">My Skills</h3>
<div class="skill-grids">
<div class="col-md-2 skills-grid text-center">
<div class="circle" id="circles-1"></div>
<p>Photoshop</p>
</div>
<div class="col-md-2 skills-grid text-center">
<div class="circle" id="circles-2"></div>
<p>Illustrator</p>
</div>
<div class="col-md-2 skills-grid text-center">
<div class="circle" id="circles-3"></div>
<p>Photography</p>
</div>
<div class="col-md-2 ski
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
粉色扁平化UI设计个人web博客模板下载_粉色扁平化设计个人博客个人主页ui设计blogbootstrap单页.rar (27个子文件)
g3.jpg 29KB
style.css 35KB
menu_jquery.js 1KB
g2.jpg 26KB
down.png 925B
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.woff2 18KB
jquery.chocolat.js 10KB
closew.gif 70B
cycle.png 10KB
leftw.gif 68B
g6.jpg 31KB
nav.png 3KB
circles.js 7KB
bootstrap.css 118KB
move-top.png 3KB
g5.jpg 35KB
easing.js 5KB
move-top.js 1KB
index.html 16KB
chocolat.css 2KB
jquery-1.11.1.min.js 94KB
g4.jpg 41KB
ab.jpg 53KB
rightw.gif 67B
g1.jpg 13KB
共 27 条
- 1
资源评论
Q_97095639
- 粉丝: 377
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功