<!--
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 lang="zxx">
<head>
<title>Explore a Personal Category Bootstrap Responsive Template | Home :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Explore Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen">
<!-- chocolate css for gallery light box -->
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link href="css/font-awesome.css" rel="stylesheet">
<!-- font-awesome icons -->
<!--//Custom Theme files-->
<!-- web-fonts -->
<link href="https://fonts.googleapis.com/css?family=Barlow+Condensed:100,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"
rel="stylesheet">
<!-- //web-fonts -->
</head>
<body>
<div class="header-agileinfo">
<div class="header-banner text-center">
<div class="container">
<div class="header-bottom">
<div class="col-md-4 col-sm-4 header-left">
<span class="fa fa-envelope-o icon" aria-hidden="true"></span>
<a href="mailto:info@example.com">info@example.com</a>
</div>
<div class="col-md-4 col-sm-4 logo">
<h1 class="main-title">
<a href="index.html">Explore</a>
</h1>
</div>
<div class="col-md-4 col-sm-4 header-right">
<span class="fa fa-phone icon" aria-hidden="true"></span>
<p>123 456 789</p>
</div>
<div class="clearfix"></div>
</div>
<div class="banner-text">
<h4>welcome to my site!</h4>
<h3>i'm canyon</h3>
<div class="banner-slide">
<h2 class="bnrtext">I'm a</h2>
<b>
<span class="span1">
web developer
<br /> web designer
<br /> UI developer
<br /> web blogger
<br />
</span>
</b>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed navbar-toggle1" data-toggle="collapse" data-target="#bs-megadropdown-tabs">Menu
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-megadropdown-tabs">
<ul>
<li>
<a href="index.html" class="active">Home</a>
</li>
<li>
<a href="#about" class="scroll">About Me</a>
</li>
<li>
<a href="#skills" class="scroll">my Skills</a>
</li>
<li>
<a href="#services" class="scroll">my Services</a>
</li>
<li>
<a href="#port" class="scroll">My Work</a>
</li>
<li>
<a href="#contact" class="scroll">Contact me</a>
</li>
</ul>
</div>
</nav>
</div>
<!-- about -->
<div class="about section-w3layouts main-pos" id="about">
<h3 class="pos-title">about me</h3>
<div class="container">
<h4 class="sec-title">profile</h4>
<div class="main-about-grid text-center">
<p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur sunt in culpa qui
.Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, sunt in culpa qui officia
deserunt mollit anim id est laboth. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur sunt in culpa qui .</p>
<ul class="about-list">
<li>
<a href="#contact" class="wthree- about-link scroll">hire me</a>
</li>
<li>
<a href="#" class="wthree- about-link">download cv</a>
</li>
</ul>
</div>
<div class="about-btm-w3_agileits">
<div class="grid-flex">
<div class="ab1 main-about-grid1">
<span class="fa fa-graduation-cap wthree-title-list" aria-hidden="true"></span>
<h4 class="aboutbtm-head">education</h4>
<h5>Phd Computer Science</h5>
<p>Ncididunt ut labore et t enim ad minim.</p>
<h5>University</h5>
<p>Ncididunt ut labore et t enim ad minim.</p>
<h5>High School</h5>
<p>Ncididunt ut labore et t enim ad minim.</p>
</div>
<div class="ab1 main-about-grid2">
<span class="fa fa-shield wthree-title-list" aria-hidden="true"></span>
<h4 class="aboutbtm-head">expertise</h4>
<h5>Senior Interface Designer</h5>
<p>20XX-20XX</p>
<h5>Graphic Designer</h5>
<p>20XX-20XX</p>
<h5>Web Designer</h5>
<p>20XX-20XX</p>
</div>
<div class="ab1 main-about-grid3">
<span class="fa fa-trophy" aria-hidden="true"></span>
<h4 class="aboutbtm-head">awards</h4>
<h5>best website design</h5>
<p>Ncididunt ut labore et t enim ad minim.</p>
<h5>site of the day</h5>
<p>Ncididunt ut labore et t enim ad minim.</p>
<h5>premier UX award</h5>
<p>Ncididunt ut labore et t enim ad minim.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- //about-bottom -->
</div>
</div>
<!-- skills -->
<div class="skills section-w3layouts main-pos" id="skills">
<h3 class="pos-title">expertise</h3>
<div class="container">
<h4 class="sec-title">my skills</h4>
<div class="row">
<div class="skills-bar">
<h3 class="progress-title">HTML5</h3>
<div class="progress green">
<div class="progress-bar" style="width:90%; background:#5fad56">
<div class="progress-value">90%</div>
</div>
</div>
<h3 class="progress-title">PHOTOSHOP</h3>
<div class="progress pink">
<div class="progress-bar" style="width:90%; background:#ff4b7d;">
<div class="progress-value">90%</div>
</div>
</div>
<h3 class="progress-title">JAVASCRIPT</h3>
<div class="progress yellow">
<div class="progress-bar" style="width:90%; background:#e8d324;">
<div class="progress-value">90%</div>
</div>
</div>
<h3 class="progress-title">CSS3</h3>
<div class="progress blue">
<div class="progress-bar" style="width:75%; background:#3485ef;">
<div class="progress-value">75%</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--//skills -->
<!-- services -->
<div class="about section-w3layouts main-pos" id="services">
<h3 class="pos-title">web design</h3>
<div class="container">
<h4 class="sec-title">my services</h4>
<div class="services-left">
<div class="col-md-6 serv-left text-center">
<div class="serv-txt">
<span class="fa fa-folder-open-o" aria-hidden="true"></span>
<h5>services</h5>
</div>
<div class="icon-grid1">
<div class="icon icon1">
<span class="fa fa-newspaper-o" aria-hidden="true"></span>
</div>
<div class="clearfix"></div>
</div>
<div class="icon-grid2">
<div class="icon icon2">
<span class="fa fa-gear" aria-hidden="true"></span>
</div>
HTML网站源码-探索商务动态响应式网页模板-移动端可用.zip
版权申诉
11 浏览量
2024-03-22
10:49:54
上传
评论
收藏 2.45MB ZIP 举报
HTML网站源码-探索商务动态响应式网页模板-移动端可用.zip （39个子文件） 
HTML网站源码-探索商务动态响应式网页模板-移动端可用 html js 
bootstrap.js 66KB SmoothScroll.min.js 13KB jquery.chocolat.js 10KB jquery-2.2.3.min.js 84KB controls.js 573B easing.js 5KB move-top.js 1KB jquery.filterizr.js 37KB css style.css 46KB font-awesome.css 37KB bootstrap.css 138KB chocolat.css 2KB
index.html 23KB images 
c.jpg 89KB b1.jpg 41KB b.jpg 65KB b2.jpg 1MB s1.jpg 44KB f.jpg 68KB contact1.jpg 65KB a.jpg 83KB a3.jpg 19KB
left.png 4KB bg.jpg 166KB h.jpg 65KB d.jpg 45KB move-top.png 3KB g.jpg 67KB close.png 280B right.png 4KB a4.jpg 13KB bg2.jpg 151KB a5.jpg 20KB e.jpg 61KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB fontawesome-webfont.ttf 162KB资源评论
