<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!--fonts-->
<link href='#css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link href='#css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<!--//fonts-->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<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="Kong 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 -->
<!-- js -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- js -->
<!-- start-smooth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smooth-scrolling -->
</head>
<body>
<!-- banner -->
<div class="banner" id="home">
<div class="container">
<div class="top-header row">
<script src="js/classie.js"></script>
<!--top-nav---->
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<div class="top-nav">
<div class="nav-icon">
<a href="#" class="right_bt" id="activator"><span> </span> </a>
</div>
<div class="box" id="box">
<div class="box_content">
<div class="box_content_center">
<div class="form_content">
<div class="menu_box_list">
<ul>
<li><a class="scroll" href="#home"><span>home</span></a></li>
<li><a class="scroll" href="#about"><span>about</span></a></li>
<li><a class="scroll" href="#services"><span>services</span></a></li>
<li><a class="scroll" href="#portfolio"><span>portfolio</span></a></li>
<li><a class="scroll" href="#testimonial"><span>Testimonial</span></a></li>
<li><a class="scroll" href="#blog"><span>blog</span></a></li>
<li><a class="scroll" href="#contact"><span>Contact</span></a></li>
<div class="clearfix"> </div>
</ul>
</div>
<a class="boxclose" id="boxclose"> <span> </span></a>
</div>
</div>
</div>
</div>
</div>
<!---start-click-drop-down-menu----->
<!----start-dropdown--->
<script type="text/javascript">
var $ = jQuery.noConflict();
$(function() {
$('#activator').click(function(){
$('#box').animate({'top':'0px'},900);
});
$('#boxclose').click(function(){
$('#box').animate({'top':'-1000px'},900);
});
});
$(document).ready(function(){
//Hide (Collapse) the toggle containers on load
$(".toggle_container").hide();
//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
$(".trigger").click(function(){
$(this).toggleClass("active").next().slideToggle("slow");
return false; //Prevent the browser jump to the link anchor
});
});
</script>
<!---//End-click-drop-down-menu----->
<div class="clearfix"> </div>
</div>
<div class="banner-info">
<div class="banner-left">
<img src="images/1.png" alt=""/>
</div>
<div class="banner-right">
<h1>I’M JOHN DOE</h1>
<div class="border"></div>
<h2>UX - UI DESIGNER</h2>
<a href="#">DOWNLOAD MY RESUME</a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--/header-banner-->
<!--about-->
<div class="about text-center" id="about">
<div class="container">
<h3>ABOUT ME</h3>
<div class="strip text-center"><img src="images/about.png" alt=" "/></div>
<p>Dyin' ain't much of a livin', boy. here. put that in your report!" and "i may have found
a way out of here. you want a guarantee, buy a toaster. here. put that in your report!" and
"i may have found a way out of here. this is the ak-47 assault rifle, the preferred weapon of
your enemy; and it makes a distinctive sound when fired at you, so remember it. this is the ak-47
assault rifle, the preferred weapon of your enemy; and it makes a distinctive sound when fired at
you, so remember it. don't p!ss down my back and tell me it's raining. this is the ak-47 assault
rifle, the preferred weapon of your enemy; and it makes a distinctive sound when fired at you,
so remember it. don't p!ss down my back and tell me it's raining. this is my gun, clyde! man's
gotta know his limitations. ever notice how sometimes you come across somebody you shouldn't have
f**ked with? well, i'm that guy.</p>
<ul>
<li><a class="fb" href="#"></a></li>
<li><a class="twit" href="#"></a></li>
<li><a class="in" href="#"></a></li>
<li><a class="drib" href="#"></a></li>
<li><a class="goog" href="#"></a></li>
<li><a class="pin" href="#"></a></li>
</ul>
</div>
</div>
<!--//about-->
<div class="about-back"></div>
<!--my skill-->
<div class="my-skills text-center">
<div class="container">
<h3>MY SKILLS</h3>
<div class="strip text-center"><img src="images/skill.png" alt=" "/></div>
<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 skills-grid text-center">
<div class="circle" id="circles-4"></div>
<p>Html 5 / CSS 3</p>
</div>
<div class="col-md-2 skills-grid text-center">
<div class="circle" id="circles-5"></div>
<p>C4D</p>
</div>
<div class="col-md-2 skills-grid text-center">
<div class="circle" id="circles-6"></div>
<p>After Effect</p>
</div>
<div class="clearfix"> </div>
<script type="text/javascript" src="js/circles.js"></script>
<script>
var colors = [
['#6ed4c0', '#ffffff'], ['#6ed4c0', '#ffffff'], ['#6ed4c0', '#ffffff'], ['#6ed4c0', '#ffffff'], ['#6ed4c0', '#ffffff'], ['#6ed4c0', '#ffffff']
];
for (var i = 1; i <= 7; i++) {
var child = document.getElementById('circles-' + i),
percentage = 30 + (i * 10);
Circles.create({
id: child.id,
percentage: percentage,
radius: 80,
width: 10,
number: percentage / 1,
text: '%',
colors: colors[i - 1]
});
}
</script>
</div>
</div>
</div>
<!--//my skill-->
<div class="my-skill-back"></div>
<!--education-->
<div class="education text-center">
<div class="container">
<div class="edu-info">
<h3>EDUCATION</h3>
</div>
<div class="strip text-center"><img src="imag
绿色风格设计网站模板是一款国外个性风格的html整站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应.rar （65个子文件） 
绿色风格设计网站模板是一款国外个性风格的html整站模板下载。 moban537 js 
jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB circles.js 7KB easing.js 5KB classie.js 2KB move-top.js 1KB jquery.min.js 92KB css style.css 61KB bootstrap.css 118KB swipebox.css 4KB
index.html 27KB single.html 12KB images 
c.jpg 20KB
skill.png 3KB into.png 3KB pro.png 3KB mess.png 3KB b.jpg 14KB work-b.jpg 3KB down.png 3KB footer.jpg 9KB themes.png 3KB mark.png 157B 10.png 7KB con1.png 3KB img20.jpg 9KB 123.jpg 74KB arrow.png 3KB menu.png 3KB banner.jpg 20KB quo2.png 3KB logo.png 4KB 12.png 7KB clien-b.jpg 3KB img21.jpg 9KB a.jpg 18KB edu.png 3KB p4.jpg 6KB about-b.jpg 6KB p6.jpg 29KB 1.png 109KB about.png 3KB pro-b.jpg 6KB port-back.jpg 45KB con-t.jpg 6KB ser.png 3KB test.png 3KB 11.png 6KB eee.png 47KB 6.png 3KB
icons.svg 1KB port.png 3KB quo1.png 3KB blog.png 3KB arr.png 546B p2.jpg 22KB icon3.png 789B p3.jpg 9KB icons.png 53KB 7.png 53KB p5.jpg 13KB myskill-b.jpg 6KB work.png 3KB comment.png 4KB p1.jpg 41KB资源评论
icwx_7550592
- 粉丝: 20
- 资源: 7163
最新资源
- Cisco 思科 CP-7945g 7965g sip模式固件 9.4.2
- 贪吃蛇方案设计的方法.zip
- 微信支付账单(20240731-20240731).zip
- minio20240920.tar
- 集成供应链（Integrated Supply Chain,ISC）核心业务流程再造，华为的最佳实践
- zabbix-server-pgsql-7.0-centos-latest.tar
- zabbix-web-apache-pgsql-7.0-centos-latest.tar
- Altium Designer 24.9.1 Build 31 (x64)
- 基于JAVA的人机对弈的一字棋系统设计与实现课程设计源代码,极大极小搜索和α-β搜索算法
- 电子回单_2024092100085000842531409053050071685353.pdf
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
