<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="utf-8">
<title>Home</title>
<meta name="description" content="----">
<meta name="keywords" content="Premium HTML Template">
<meta name="author" content="HTMLmate">
<!-- Mobile Specific Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- css-include -->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/icofont.css">
<link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="assets/css/lightbox.css">
<link rel="stylesheet" type="text/css" href="assets/css/menu.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link rel="stylesheet" type="text/css" href="assets/css/responsive.css">
<link rel="stylesheet" type="text/css" href="assets/css/colors/switch.css">
</head>
<body>
<div id="preloader"></div>
<!-- Start of nav bar
============================================= -->
<nav id="abrar-nav">
<div id="nav-off"></div>
<div id="header-logo-m" class="side-menu-logo text-center">
<a href="#"><img src="assets/img/logo/logo.png" alt="img"></a>
</div>
<ul id="menu">
<li class="has-submenu text-capitalize">
<a href="#">home <span class="icofont icofont-simple-down"></span></a>
<ul class="submenu">
<li><a href="index-1.html">Home</a></li>
<li><a href="index-2.html">Video home</a></li>
<li><a href="index-3.html">Audio Home</a></li>
</ul>
</li>
<li><a href="#about-me">About</a></li>
<li><a href="#what-offer">Service</a></li>
<li><a href="#inspiration">Portfolio</a></li>
<li><a href="#latest-blog">Blog</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div id="menu-overlay"></div>
<!-- End of nav bar
============================================= -->
<!-- Start of header
============================================= -->
<header id="site-header">
<div class="container">
<div class="row">
<div id="header-logo">
<a href="#"><img src="assets/img//logo/logo.png" alt="img"></a>
</div>
<div class="header-social ul-li">
<span class="social-text cardo-family">Follow me on :</span>
<ul>
<li><a href="#"><i class="icofont icofont-social-facebook"></i></a></li>
<li><a href="#"><i class="icofont icofont-social-twitter"></i></a></li>
<li><a href="#"><i class="icofont icofont-social-pinterest"></i></a></li>
<li><a href="#"><i class="icofont icofont-social-behance"></i></a></li>
<li><a href="#"><i class="icofont icofont-social-dribbble"></i></a></li>
</ul>
</div>
<div id="menu-burger" class="pull-right">
<div id="menu-bar">
<i class="icofont icofont-align-right"></i>
</div>
</div>
</div>
</div>
</header>
<!-- End of header
============================================= -->
<!-- Start of banner section
============================================= -->
<section id="banner" class="banner-section relative-position">
<div class="container">
<div class="row">
<div class="banner-content">
<div class="banner-title">
<h2 class="banner-head play-fair bold">
Hello !
<span>I am <b id="typer" class="text-uppercase"></b></span>
</h2>
<p class="title-sub-text text-capitalize">I code/design Your think</p>
</div>
</div>
<!-- /.banner-content -->
<div class="scroll-down">
<span class="text-capitalize">Scroll<i class="icofont icofont-long-arrow-down"></i></span>
</div>
</div>
</div>
</section>
<!-- end of banner section
============================================= -->
<!-- Start of about me ssection
============================================= -->
<section id="about-me" class="about-me-section">
<div class="container">
<div class="row section-padding">
<div class="section-title text-center pb25">
<h2 class="title-head bold">About Me</h2>
<p>Introduce</p>
</div>
<div class="admin-about">
<div class="about-me-content">
<div class="row">
<div class="col-md-5">
<div class="my-profile-pic mb90">
<img src="assets/img/profile/p1.png" alt="">
</div>
</div>
<!-- /.col-md-5 -->
<div class="col-md-7">
<div class="admin-text pt90 pl65">
<div class="admin-quote mb30">
<blockquote>
Donec tincidunt arcu a interdum efficitur. Nullam egestas bibendum tristique.
Donec tincidunt arcu a interdum efficitur. Nullam egestas bibendum tristique. Quisque
Donec tincidunt arcu a interdum efficitur Donec tincidunt..
</blockquote>
</div>
<div class="admin-signature mb50">
<img src="assets/img/profile/signature.png" alt="">
</div>
<div class="admin-sponsor">
<div class="admin-sponsor-slider">
<div class="sponsor-img">
<img src="assets/img/profile/spon-1.jpg" alt="">
</div>
<div class="sponsor-img">
<img src="assets/img/profile/spon-2.jpg" alt="">
</div>
<div class="sponsor-img">
<img src="assets/img/profile/spon-3.jpg" alt="">
</div>
<div class="sponsor-img">
<img src="assets/img/profile/spon-3.jpg" alt="">
</div>
<div class="sponsor-img">
<img src="assets/img/profile/spon-2.jpg" alt="">
</div>
<div class="sponsor-img">
<img src="assets/img/profile/spon-3.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
<!-- /.col-md-7 -->
</div>
</div>
<div class="about-me-description mb30">
<div class="row">
<div class="admin-details-description">
<div class="col-md-6">
<div class="my-profile-details ul-li-block">
<ul>
<li><p><span class="pro-title blue-clr"> Name : </span> <span class="pro-detail">Abrar Wall</span></p></li>
<li><p><span class="pro-title blue-clr"> Age : </span> <span class="pro-detail">27 Years</span></p></li>
<li><p><span class="pro-title blue-clr"> Email : </span> <span class="pro-detail">info.abrar@gmail.com</span></p></li>
<li><p><span class="pro-title blue-clr"> Address : </span> <span class="pro-detail">1234, Parkstreet Newyork City</span></p></li>
<li><p><span class="pro-title blue-clr"> Phone : </span> <span class="pro-detail">(+91) 12345 95487</span></p></li>
<li><p><span class="pro-title blue-clr"> Website : </span> <span class="pro-detail">www.abrar.com</span></p></li>
</ul>
</div>
</div>
<!-- /.col-md-6 -->
<div class="col-md-6">
<div class="skill_progress">
<div class="single_experties">
<div class="skilled-tittle">Photoshop
</div>
<div class="skilled-percent">75%
</div>
<div class="progress">
<div class="progress-bar blue-bg-clr wow Rx-width-75 animated animated" role="progressbar" data-wow-duration="0.5s" data-wow-delay=".5s" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
<span></span>
</div>
</div>
</div>
<!-- /single_experties -->
<div class="single_experties">
<div class="skilled-tittle">Photography</div>
<div class="skilled-percent">85%</div>
<div class="progress">
<div class="progress-bar blue-bg-clr wow Rx-width-85 animated animated" role="progressbar" data-wow-duration="1s" data-wow-delay=".15s" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
<span></span>
</div>
</div>
</div>
<!-- /single_experties -->
<div class="single_experties">
<div class="skilled-tittle">Web Develo
白色简洁设计师网站模板下载.zip （58个子文件） 
白色简洁设计师网站模板下载 assets js 
bootstrap.min.js 36KB colors js jquery.isotope.min.js 34KB jquery.typer.js 2KB switch.js 2KB gmap3.min.js 25KB owl.carousel.min.js 39KB wow.min.js 7KB jquery-2.1.4.min.js 82KB script.js 8KB img breadcrum 
blog-single-bread.jpg 78KB blog-bread.jpg 68KB
prev.png 1KB profile signature.png 3KB spon-3.jpg 4KB p1.png 364KB spon-1.jpg 3KB spon-2.jpg 4KB portfolio port-4.jpg 21KB rp-4.jpg 9KB ps-2.jpg 152KB rp-3.jpg 14KB rp-2.jpg 13KB rp-5.jpg 9KB ps-1.jpg 17KB port-6.jpg 30KB port-3.jpg 41KB port-1.jpg 8KB rp-1.jpg 7KB port-5.jpg 16KB
loading.gif 8KB next.png 1KB blog blog-1.jpg 24KB blog-2.jpg 12KB blog-3.jpg 9KB banner banner-1.jpg 97KB logo logo.png 6KB close.png 280B testimonial testi-1.jpg 20KB preloader.gif 136KB css style.css 27KB icofont.css 106KB bootstrap.min.css 118KB colors color-9.css 1KB color-3.css 1KB color-5.css 1KB color-2.css 1KB color-6.css 1KB color-7.css 1KB color-4.css 1KB color-8.css 1KB switch.css 2KB owl.carousel.css 4KB responsive.css 5KB menu.css 3KB lightbox.css 4KB fonts icofont.ttf 995KB icofont.woff 615KB
index.html 78KB资源评论
灯把黑夜烧了一个洞
- 粉丝: 5182
- 资源: 154
