<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Rabbit : Home</title>
<link rel="icon" type="image/icon" href="assets/images/tabicon.ico">
<link rel="stylesheet" type="text/css" href="">
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/bootstrap-theme.min.css" rel="stylesheet">
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,700i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Crimson+Text:400,700,700i|Josefin+Sans:700" rel="stylesheet">
<link href="assets/css/main.css" rel="stylesheet">
<link rel="icon" href="assets/images/logo.png">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/animate.css/3.5.2/animate.min.css">
</head>
<body>
<div id="index"> <!-- Index starts here -->
<div class="container main">
<div class="row home">
<div id = "index_left" class="col-md-6 left">
<img class="img-responsive img-rabbit" src="assets/images/home.jpg">
</div>
<div id = "index_right" class="col-md-6 text-center right">
<div class="logo">
<img src="assets/images/logo.png">
<h4>I am rabbit</h4>
</div>
<p class="home-description">
Hi, I am Rabbit, Web developer from michigan, US. I am passionate about design, development and interaction. I really love what I do.
</p>
<div class="btn-group-vertical custom_btn animated slideinright">
<div id="about" class="btn btn-rabbit">About</div>
<div id="work" class="btn btn-rabbit">Work</div>
<div id="contact" class="btn btn-rabbit">Contact</div>
</div>
<div class="social">
<a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div> <!-- index ends here -->
<div id="about_scroll" class="pages "> <!-- about strats here -->
<div class="container main">
<div class="row">
<div class="col-md-6 left" id="about_left">
<img class="img-responsive img-rabbit" src="assets/images/about.jpg">
</div>
<div class="col-md-6 right" id="about_right">
<a href="#index" class="btn btn-rabbit back"> <i class="fa fa-angle-left" aria-hidden="true"></i> Back to home </a>
<div id="watermark">
<h2 class="page-title" text-center>About</h2>
<div class="marker">a</div>
</div>
<p class='subtitle'>Hi, I am chris Howard. A freelance web designer, front-end developer and digital planner based in US.
</p>
<p class="info">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."</p>
</div>
</div>
</div>
</div> <!-- About ends here -->
<div id="work_scroll" class="pages"> <!-- Work starts here -->
<div class="container main">
<div class="row">
<div class="col-md-6" id="work_left">
<div id="owl-demo" class="owl-carousel owl-theme">
<div class="item"><img class="img-responsive img-rabbit" src="assets/images/work.jpg"></div>
<div class="item"><img class="img-responsive img-rabbit" src="assets/images/home.jpg"></div>
<div class="item"><img class="img-responsive img-rabbit" src="assets/images/contact.jpg"></div>
</div>
</div>
<div class="col-md-6" id="work_right">
<a href="#index" class="btn btn-rabbit back"> <i class="fa fa-angle-left" aria-hidden="true"></i> Back to Home </a>
<div id="watermark">
<h2 class="page-title" text-center>Work</h2>
<div class="marker">w</div>
</div>
<p class='subtitle'>This is a selection of my web design and development work. I've been involve in many different types of project.
</p>
<p class="info">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.</p>
</div>
</div>
</div>
</div> <!-- Work ends here -->
<div id="contact_scroll" class="pages"> <!-- Contact starts here -->
<div class="container main">
<div class="row">
<div class="col-md-6 left" id="contact_left">
<img class="img-responsive img-rabbit" src="assets/images/contact.jpg">
</div>
<div class="col-md-6 right" id="contact_right">
<a href="#index" class="btn btn-rabbit back"> <i class="fa fa-angle-left" aria-hidden="true"></i> Back to Home </a>
<div id="watermark">
<h2 class="page-title" text-center>Contact</h2>
<div class="marker">c</div>
</div>
<p class='subtitle'>I'm based in cheltenham in the UK, not far from Bristol, Birmingham, Oxford and Swindom. Drop me a line.
</p>
个人创意简历(可分享的网页)-个人职业动态展示网页模板 Bootstrap-响应式适配移动端.zip
版权申诉
151 浏览量
2024-03-18
11:24:22
上传
评论
收藏 1.03MB ZIP 举报
个人创意简历(可分享的网页)-个人职业动态展示网页模板 Bootstrap-响应式适配移动端.zip （19个子文件） 
个人创意简历(可分享的网页)-个人职业动态展示网页模板 Bootstrap-响应式适配移动端 html assets js 
bootstrap.min.js 36KB jquery-3.1.0.min.js 84KB script.js 1KB css bootstrap.min.css 118KB main.css 4KB font-awesome.min.css 30KB bootstrap-theme.min.css 23KB images 
about.jpg 99KB
logo.png 2KB work.jpg 141KB home.jpg 59KB contact.jpg 151KB fonts FontAwesome.otf 122KB fontawesome-webfont.eot 75KB fontawesome-webfont.woff 88KB fontawesome-webfont.woff2 70KB
fontawesome-webfont.svg 382KB fontawesome-webfont.ttf 149KB
index.html 9KB资源评论
