<!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
![preview](https://csdnimg.cn/release/downloadcmsfe/public/img/white-bg.ca8570fa.png)
共43个文件
jpg:15个
js:11个
css:4个
![preview-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/scale.ab9e0183.png)
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 152 浏览量
2023-04-27
14:44:20
上传
评论
收藏 1.74MB RAR 举报
温馨提示
个人数据单页网站模板是一款宽屏大气的CSS3网站模板下载。
资源推荐
资源详情
资源评论
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![thumb](https://img-home.csdnimg.cn/images/20210720083646.png)
![thumb](https://img-home.csdnimg.cn/images/20210720083646.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![thumb](https://img-home.csdnimg.cn/images/20210720083646.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![thumb](https://img-home.csdnimg.cn/images/20210720083646.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
收起资源包目录
![package](https://csdnimg.cn/release/downloadcmsfe/public/img/package.f3fc750b.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/HTML.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
共 43 条
- 1
资源评论
![avatar-default](https://csdnimg.cn/release/downloadcmsfe/public/img/lazyLogo2.1882d7f4.png)
![avatar](https://profile-avatar.csdnimg.cn/b6e818043f40497fab7491800029e1ba_liuhao9999.jpg!1)
紫微前端
- 粉丝: 4350
- 资源: 869
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
安全验证
文档复制为VIP权益,开通VIP直接复制
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)