<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!--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="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--mobile apps-->
<!--Custom Theme files-->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link rel="stylesheet" href="css/swipebox.css">
<!--//Custom Theme files-->
<!--js-->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!--web-fonts-->
<link href='#css?family=Overlock:400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href='#css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'>
<!--//web-fonts-->
<!--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>
<!--//end-smooth-scrolling-->
</head>
<body>
<!--banner-->
<div id="home" class="banner">
<div class="banner-info">
<div class="container">
<div class="col-md-4 header-left">
<img src="images/img1.jpg" alt=""/>
</div>
<div class="col-md-8 header-right">
<h2>Hello</h2>
<h1>I'm Christopher Doe</h1>
<h6>Web Designer and Developer</h6>
<ul class="address">
<li>
<ul class="address-text">
<li><b>D.O.B</b></li>
<li>23-06-1980</li>
</ul>
</li>
<li>
<ul class="address-text">
<li><b>PHONE </b></li>
<li>+00 111 222 3333</li>
</ul>
</li>
<li>
<ul class="address-text">
<li><b>ADDRESS </b></li>
<li>756 global Place, North Sydney, Canada.</li>
</ul>
</li>
<li>
<ul class="address-text">
<li><b>E-MAIL </b></li>
<li><a href="mailto:example@mail.com"> mail@example.com</a></li>
</ul>
</li>
<li>
<ul class="address-text">
<li><b>WEBSITE </b></li>
<li><a href="http://w3layouts.com">www.myresume.com</a></li>
</ul>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--//banner-->
<!--top-nav-->
<div class="top-nav wow">
<div class="container">
<div class="navbar-header logo">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
Menu
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<div class="menu">
<ul class="nav navbar">
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#work" class="scroll">Experience</a></li>
<li><a href="#education" class="scroll">Education</a></li>
<li><a href="#skills" class="scroll">Skills</a></li>
<li><a href="#projects" class="scroll">My Projects</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!--//top-nav-->
<!--about-->
<div id="about" class="about">
<div class="container">
<h3 class="title"> About Me</h3>
<div class="col-md-8 about-left">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse laoreet sem sit amet dolor luctus pellentesque. Pellentesque eleifend tellus at interdum elementum. Nam egestas molestie elit. Vivamus sed accumsan quam, a mollis magna. Nam aliquet eros eget sapien consequat tincidunt at vel nibh. Duis ut turpis mi. Duis nec scelerisque urna, sit amet varius arcu. Aliquam aliquet sapien quis mauris semper suscipit. Maecenas pharetra dapibus posuere. Praesent odio sem, varius quis dolor vel, maximus dapibus mi. Pellentesque mattis mauris neque. Nam aliquam turpis ante, at cursus massa ullamcorper ut. Proin id diam id nisi sagittis pellentesque sed sit amet eros.
In porttitor tempus nulla, a porta purus commodo sed. Praesent hendrerit nisi nunc, ut porttitor justo pellentesque et ac gravida sem mattis. Donec ornare justo nec</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse laoreet sem sit amet dolor luctus pellentesque Nam egestas molestie elit. Vivamus sed accumsan quam, a mollis magna. Nam aliquet eros eget sapien consequat</p>
</div>
<div class="col-md-4 about-right">
<ul>
<h5>Awards</h5>
<li><span class="glyphicon glyphicon-menu-right"></span> Lorem ipsum dolor sit amet cingelit</li>
<li><span class="glyphicon glyphicon-menu-right"></span> Curabitur id metus rutrum convallis</li>
<li><span class="glyphicon glyphicon-menu-right"></span> Morbi dictum velit vitae porttitor</li>
<li><span class="glyphicon glyphicon-menu-right"></span> Fusce at metus id justo ullamcorper</li>
<li><span class="glyphicon glyphicon-menu-right"></span> Aliquam ac nisl id justo malesuada </li>
</ul>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--//about-->
<!--work-experience-->
<div id="work" class="work">
<div class="container">
<h3 class="title">Work Experience</h3>
<div class="work-info">
<div class="col-md-6 work-left">
<h4>2014 - 2016 </h4>
</div>
<div class="col-md-6 work-right">
<h5><span class="glyphicon glyphicon-briefcase"> </span> Company Name</h5>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo </p>
</div>
<div class="clearfix"> </div>
</div>
<div class="work-info">
<div class="col-md-6 work-right work-right2">
<h4>2013 - 2014 </h4>
</div>
<div class="col-md-6 work-left work-left2">
<h5> Company Name <span class="glyphicon glyphicon-briefcase"> </span></h5>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo </p>
</div>
<div class="clearfix"> </div>
</div>
<div class="work-info">
<div class="col-md-6 work-left">
<h4>2012 - 2013 </h4>
</div>
<div class="col-md-6 work-right">
<h5><span class="glyphicon glyphicon-briefcase"> </span> Company Name</h5>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo </p>
</div>
<div class="clearfix"> </div>
</div>
<div class="work-info">
<div class="col-md-6 work-right work-right2">
<h4>2010 - 2012 </h4>
</div>
<div class="col-md-6 work-left work-left2">
<h5> Company Name <span class="glyphicon glyphicon-briefcase"></span> </h5>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo </p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--//work-experience-->
<!--education-->
外贸行业个人简历模板下载是一款单页HTML个人简历模板素材。.rar
版权申诉
185 浏览量
2021-11-06
12:47:40
上传
评论
收藏 517KB RAR 举报
半抹灯芯
- 粉丝: 54
- 资源: 1075
最新资源
- pta题库答案c语言之排序4统计工龄.zip
- pta题库答案c语言之树结构7堆中的路径.zip
- pta题库答案c语言之树结构3TreeTraversalsAgain.zip
- pta题库答案c语言之树结构2ListLeaves.zip
- pta题库答案c语言之树结构1树的同构.zip
- 基于C++实现民航飞行与地图简易管理系统可执行程序+说明+详细注释.zip
- pta题库答案c语言之复杂度1最大子列和问题.zip
- 三维装箱问题(Three-Dimensional Bin Packing Problem,3D-BPP)是一个经典的组合优化问题
- 以下是一些关于Linux线程同步的基本概念和方法.txt
- 以下是一个简化的示例,它使用pygame库来模拟烟花动画的框架.txt
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈