<!DOCTYPE html>
<html lang="en">
<!-- Head -->
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="" />
<!-- Default-JavaScript-File -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- //Default-JavaScript-File -->
<!-- default-css-files -->
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/circles.css" rel="stylesheet" type="text/css" media="all" />
<!-- default-css-files -->
<!-- style.css-file -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- //style.css-file -->
<link href="http://fonts.googleapis.com/css?family=Text+Me+One" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700" rel="stylesheet">
</head>
<!-- Head -->
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- navigation -->
<nav class="navbar navbar-default navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">My Data</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="navbar-collapse collapse navbar-ex1-collapse">
<ul class="nav navbar-nav navbar-right cl-effect-15">
<li class="hidden"><a class="page-scroll" href="#page-top"></a> </li>
<li><a class="page-scroll scroll" href="#home">Home</a></li>
<li><a class="page-scroll scroll" href="#about">About</a></li>
<li><a class="page-scroll scroll" href="#services">Services</a></li>
<li><a class="page-scroll scroll" href="#portfolio">Portfolio</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a class="page-scroll scroll" href="#education">Education</a></li>
<li><a class="page-scroll scroll" href="#workexperience">WorkExperience</a></li>
</ul>
</li>
<li><a class="page-scroll scroll" href="#skills">skills</a></li>
<li><a class="page-scroll scroll" href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- //navigation -->
<!-- banner -->
<section class="banner" id="home">
<div class="container">
<div class="col-md-5 banner-left">
<img src="images/banner5.png" alt="" />
</div>
<div class="col-md-7 banner-right">
<h1>Hi, My name is </h1>
<span>henry rich</span>
<h2>A man with 4yrs code experience</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sodales, Phasellus sodales, nibh ac nibh ac lacinia euismod, nibh eros nulla feugiat elit, id vestibulum ligula tellus a augue. Lorem Ipsum dolar consectetur adipiscing elit. Phasellus sodales.</p>
</div>
<div class="thim-click-to-bottom">
<a href="#about" class="scroll">
<i class="fa fa-chevron-down"></i>
</a>
</div>
</div>
</section>
<!-- //banner -->
<!-- about -->
<div class="about" id="about">
<div class="container">
<div class="about-head text-center ">
<h3>About me</h3>
<div class="about-grids-top">
<div class="col-md-3 about-grid">
<i class="fa fa-laptop" aria-hidden="true"></i>
<h4>Web design</h4>
</div>
<div class="col-md-3 about-grid">
<i class="fa fa-mobile" aria-hidden="true"></i>
<h4>App development</h4>
</div>
<div class="col-md-3 about-grid">
<i class="fa fa-user" aria-hidden="true"></i>
<h4>Team leader</h4>
</div>
<div class="col-md-3 about-grid">
<i class="fa fa-th" aria-hidden="true"></i>
<h4>Creative design</h4>
</div>
<div class="col-md-3 about-grid">
<i class="fa fa-file-text" aria-hidden="true"></i>
<h4>UI Projects</h4>
</div>
<div class="clearfix"></div>
</div>
<div class="about-grids-bottom">
<div class="col-md-4 about-bottom-grid">
<h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo urna dolor,</h4>
</div>
<div class="col-md-4 about-bottom-grid">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo urna dolor, eget lacinia est aliquam id. Proin velit libero, vestibulum ac orci eu, faucibus consectetur dolor. Cras ullamcorper elit eros, nec bibendum lacus accumsan eu. Donec non </p>
</div>
<div class="col-md-4 about-bottom-grid">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam commodo urna dolor, eget lacinia est aliquam id. Proin velit libero, vestibulum ac orci eu, faucibus consectetur dolor. Cras ullamcorper elit eros, nec bibendum lacus accumsan eu. Donec non </p>
</div>
<div class="clearfix"></div>
</div>
<a href="#" data-toggle="modal" data-target="#myModal"> More about me</a>
</div>
</div>
</div>
<!-- //about -->
<!-- modal --> <!-- for about modal -->
<div class="modal about-modal fade" id="myModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">About Me</h4>
</div>
<div class="modal-body">
<div class="about modalpad">
<div class="col-md-4 col-sm-4 col-xs-4 about-left ">
<img src="images/banner5.png" class="img-responsive" alt=""/><div class="social-icons">
<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
</div>
</div>
<div class="col-md-8 col-sm-8 col-xs-8 about-right wthree">
<h3>Hi, i'm <span>Henry Rich </span></h3>
<h4>Web Designer & Developer </h4>
<ul class="address">
<li>
<ul class="agileits-address-text ">
<li><b>D.O.B</b></li>
<li>21-08-1987</li>
</ul>
</li>
<li>
<ul class="agileits-address-text">
<li><b>PHONE </b></li>
<li>+00 234 111 6633</li>
</ul>
</li>
<li>
<ul class="agileits-address-text">
<li><b>ADDRESS </b></li>
<li>110 Atatürk Blvd, Kavaklıdere, 06100, Turkey.</li>
</ul>
</li>
<li>
<ul class="agileits-address-text">
<li><b>E-MAIL </b></li>
<li><a href="mailto:example@mail.com"> info@example.com</a></li>
</ul>
</li>
<li>
<ul class="agileits-address-text">
<li><b>WEBSITE </b></li>
<li><a href="#">www.mydata.com</a></li>
</ul>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
</div>
<!-- //modal --> <!-- for about modal -->
<!-- services -->
<div id="services" class="services">
<div class="container">
<div class="service-head one text-center ">
<h3>My Serv
个人数据单页网站模板是一款宽屏大气的CSS3网站模板下载。.rar
版权申诉
23 浏览量
2023-04-27
14:44:20
上传
评论
收藏 1.74MB RAR 举报
个人数据单页网站模板是一款宽屏大气的CSS3网站模板下载。.rar （43个子文件） 
个人数据单页网站模板是一款宽屏大气的CSS3网站模板下载。 moban1982 js 
bootstrap.min.js 31KB SmoothScroll.min.js 13KB numscroller-1.0.js 4KB easyResponsiveTabs.js 6KB jquery.nicescroll.js 58KB circles.js 7KB easing.js 5KB move-top.js 1KB jquery-2.1.4.min.js 82KB scripts.js 677B scrolling-nav.js 612B css style.css 45KB circles.css 890B bootstrap.css 138KB font-awesome.min.css 28KB
index.html 46KB images 
g3.jpg 8KB stats.jpg 21KB g2.jpg 27KB g8.jpg 15KB scroller.jpg 80KB 1.jpg 61KB
move-up.png 3KB g7.jpg 12KB search.png 3KB g6.jpg 32KB g11.jpg 9KB g12.jpg 23KB g10.jpg 23KB g5.jpg 26KB g4.jpg 24KB g1.jpg 25KB g9.jpg 18KB banner5.png 774KB fonts FontAwesome.otf 122KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB fontawesome-webfont.eot 75KB glyphicons-halflings-regular.woff2 18KB fontawesome-webfont.woff 88KB fontawesome-webfont.woff2 70KB fontawesome-webfont.ttf 149KB资源评论
紫微前端
- 粉丝: 4358
- 资源: 869
