<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>john-doe Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="./css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<!---- start-smoth-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-smoth-scrolling---->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!----webfonts--->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<!---//webfonts--->
<!----start-top-nav-script---->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<!----//End-top-nav-script---->
</head>
<body>
<!----- start-header---->
<div id="home" class="header">
<div class="top-header">
<div class="container">
<div class="logo">
<a href="#"><img src="./images/logo.png" title="Johndeo" /></a>
</div>
<!----start-top-nav---->
<nav class="top-nav">
<ul class="top-nav">
<li class="active"><a href="#home" class="scroll">About</a><span> </span></li>
<li><a href="#work" class="scroll">Work</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
<a href="#" id="pull"><img src="./images/nav-icon.png" title="menu" /></a>
</nav>
<div class="clearfix"> </div>
<!----top-header-info--->
<div class="top-header-info">
<p>
Holla,<br/>
I'm John Doe. <br/>
A freelance UI / UX / Web Designer.<br/>
Based in Boston<br/>
</p>
<a class="contactme" href="#">CONTACT ME</a>
</div>
<!----//End-header-info--->
</div>
</div>
</div>
<!----- //End-header---->
<!---- about us ---->
<div class="aboutus">
<div class="container">
<h2>ABOUT<br/>JOHN DOE</h2>
<span> </span>
<div class="col-md-6 aboutus-left">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing 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>
<p>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. </p>
<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. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet., sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
</div>
<div class="col-md-6 aboutus-right">
<p>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. </p>
<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. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<a class="aboutus-right-btn" href="#">MY RESUME</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!---- about us ---->
<!---- QUOTE ---->
<div class="quote text-center">
<div class="container">
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt</p>
</div>
</div>
<!---- //QUOTE ---->
<!---- WORKS ---->
<div id="work" class="works">
<div class="container">
<h2>MY<br/>WORKS</h2>
<span> </span>
</div>
<!---- partners ---->
<div class="partners">
<!----sreen-gallery-cursual---->
<div class="sreen-gallery-cursual">
<!-- requried-jsfiles-for owl -->
<link href="./css/owl.carousel.css" rel="stylesheet">
<script src="./js/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#owl-demo").owlCarousel({
items : 5,
lazyLoad : true,
autoPlay : true,
navigation : true,
navigationText : false,
pagination : false,
});
});
</script>
<!-- //requried-jsfiles-for owl -->
<!-- start content_slider -->
<div class="container">
<div id="owl-demo" class="owl-carousel">
<div class="item">
<img class="lazyOwl" data-src="./images/screen1.jpg" alt="screen-name">
<label>PROJECT TITLE</label>
</div>
<div class="item">
<img class="lazyOwl" data-src="./images/screen2.jpg" alt="screen-name">
<label>PROJECT TITLE</label>
</div>
<div class="item">
<img class="lazyOwl" data-src="./images/screen3.jpg" alt="screen-name">
<label>PROJECT TITLE</label>
</div>
<div class="item">
<img class="lazyOwl" data-src="./images/screen4.jpg" alt="screen-name">
<label>PROJECT TITLE</label>
</div>
<div class="item">
<img class="lazyOwl" data-src="./images/screen5.jpg" alt="screen-name">
<label>PROJECT TITLE</label>
</div>
<div class="item">
<img class="lazyOwl" data-src="./images/screen1.jpg" alt="screen-name">
<label>PROJECT TITLE</label>
</div>
<div class="item">
个人创意简历(可分享的网页)-大雁南飞蓝色网页模板-个人简历-响应式适配移动端.zip
版权申诉
173 浏览量
2024-03-18
11:29:58
上传
评论
收藏 1.47MB ZIP 举报
个人创意简历(可分享的网页)-大雁南飞蓝色网页模板-个人简历-响应式适配移动端.zip （66个子文件） 
个人创意简历(可分享的网页)-大雁南飞蓝色网页模板-个人简历-响应式适配移动端 html mobile css 
style.css 10KB owl.carousel.css 8KB
index.html 6KB images 
screen4.jpg 58KB
heart-icon.png 472B test-people-pic.png 1KB thumbs-pagination.png 1KB share-icon.png 437B logo.png 1KB screen3.jpg 53KB screen1.jpg 67KB social-icons.png 4KB screen.jpg 44KB to-top.png 1KB screen2.jpg 34KB footer-bg.png 2KB header-bg.jpg 53KB screen5.jpg 52KB to-top1.png 639B nav-icon.png 477B smartphone js easing.js 5KB move-top.js 1KB owl.carousel.js 37KB jquery.min.js 94KB css style.css 14KB owl.carousel.css 8KB index.html 17KB images heart-icon.png 472B test-people-pic.png 1KB thumbs-pagination.png 1KB share-icon.png 437B logo.png 1KB social-icons.png 4KB screen.jpg 28KB to-top.png 1KB footer-bg.png 2KB header-bg.jpg 95KB to-top1.png 639B nav-icon.png 477B fonts Nexa_Free_Bold-webfont.ttf 73KB web js easing.js 5KB move-top.js 1KB owl.carousel.js 37KB jquery.min.js 94KB css style.css 15KB owl.carousel.css 8KB bootstrap.css 118KB index.html 19KB images screen4.jpg 58KB heart-icon.png 472B test-people-pic.png 1KB thumbs-pagination.png 1KB share-icon.png 437B logo.png 1KB screen3.jpg 53KB screen1.jpg 67KB social-icons.png 4KB screen.jpg 134KB to-top.png 1KB screen2.jpg 34KB footer-bg.png 2KB header-bg.jpg 556KB screen5.jpg 52KB to-top1.png 639B nav-icon.png 477B fonts Nexa_Free_Bold-webfont.ttf 73KB资源评论
DTcode7
- 粉丝: 1w+
- 资源: 4714
最新资源
- 小巧可用的dll 查看工具
- spring boot2 实现elasticsearch 增删改查实例elasticsearch-rest-high-leve
- 职业院校教师科研能力提升途径.rar
- 信息办公学校教务管理系统(jsp+servlet+javabean)-school
- python项目开发实战基于OpenCV-AI人脸识别签到打卡系统(PyQt5+SQLite3)(源码+数据集+说明文档）zip
- 嵌入式大作业基于Python的上海、杭州和南京的空气质量、温度、风和降水量数据可视化分析项目源代码+数据
- 已优化的NavicatPremium数据库连接工具
- nginx一键安装脚本
- Fortran语言项目案例：学习资源和实用指南
- 基于springboot整合shiro完整代码案例demo
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
