<!--
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="en">
<head>
<title>Activity Personal Category Flat Bootstrap Responsive Website Template | Home : W3layouts</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="Activity Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<!-- scroll top script when refresh a page
<script type="application/x-javascript">
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--// Meta tag Keywords -->
<!-- css files -->
<link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!-- Style-CSS -->
<link rel="stylesheet" href="css/font-awesome.min.css"> <!-- Font-Awesome-Icons-CSS -->
<!-- //css files -->
<!--web font--><link href="//fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&subset=latin-ext" rel="stylesheet">
<!--//web font-->
</head>
<body>
<!-- //header -->
<header>
<div class="container" id="home">
<!-- nav -->
<nav class="py-4">
<div id="logo">
<h1> <a href="#index.html"><span class="fa fa-rebel" aria-hidden="true"></span> Activity</a></h1>
</div>
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop" />
<ul class="menu mt-2">
<li class="mr-lg-4 mr-3 active"><a href="#">Home</a></li>
<li class="mr-lg-4 mr-3"><a href="#about">About</a></li>
<li class="mr-lg-4 mr-3"><a href="#services">Services</a></li>
<li class="mr-lg-4 mr-3"><a href="#experience">Experience</a></li>
<li class="mr-lg-4 mr-3">
<!-- First Tier Drop Down -->
<label for="drop-2" class="toggle">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span> </label>
<a href="#">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span></a>
<input type="checkbox" id="drop-2"/>
<ul>
<li><a href="#blog">Blog</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#text">Quoted Text</a></li>
</ul>
</li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<!-- //nav -->
</div>
</header>
<!-- //header -->
<!-- banner -->
<section class="banner">
<div class="banner-layer">
<div class="container">
<div class="row w3pvt_banner_info">
<div class="col-md-8 w3layouts_banner_margin">
<h3 class="editContent">My name is </h3>
<h2 class="editContent">John Watson</h2>
<h4>Web Designer and Developer</h4>
<p>Nulla viverra pharetra sem, eget pulvinar neque pharetra ac int. lorem ipsum Vestibulum. placerat placerat dolor. Vestibulum at dui nunc. Nullam eu elit neque lectus. Aliquam erat volutpat. Nullam ac mattis mi. Donec tincidunt leoelit dictum viverra luctus.</p>
<a href="#popup1"> Read More </a>
<a href="#contact"> Contact Me </a>
</div>
</div>
</div>
</div>
</section>
<!-- //banner -->
<!-- about -->
<section class="about py-5" id="about">
<div class="container py-3">
<h3 class="heading">About Me</h3>
<div class="row about-grids">
<div class="col-lg-4">
<h4 class="">Nulla viverra pharetra sem, eget pulvinar neque pharetra ac int.</h4>
<p class="my-4">Nulla viverra pharetra sem, eget pulvinar neque et pharetra ac int. lorem ipsum Vestibulum. Sed placerat placerat dolor. Vestibulum at dui nunc. Nullam eu elit neque lectus. Aliquam erat ipsum volutpat. Nullam ac mattis mi. Donec tincidunt leoelit dictum viverra luctus pharetra ac .</p>
<a href="#"> Download CV <span class="fa ml-2 fa-download"></span> </a>
</div>
<div class="col-lg-4 col-md-6 my-lg-0 my-5">
<img src="images/about.jpg" alt="" class="img-fluid" />
</div>
<div class="col-lg-4 bar-grids">
<div class="wthree_skills">
<h6 class="mb-2">Designing & Developing<span> 95% </span></h6>
<p>Nulla viverra pharetra sem, eget pulvinar neque pharetra ac int. lorem ipsum </p>
<div class="my-4">
<h6 class="mb-2">Java and Scripting<span> 85% </span></h6>
<p>Nulla viverra pharetra sem, eget pulvinar neque pharetra ac int. lorem ipsum </p>
</div>
<h6 class="mb-2">Photoshop & Editing<span>90% </span></h6>
<p>Nulla viverra pharetra sem, eget pulvinar neque pharetra ac int. lorem ipsum </p>
</div>
</div>
</div>
</div>
</section>
<!-- about -->
<!-- services -->
<section class="services py-5" id="services">
<div class="container py-3">
<h3 class="heading">Services</h3>
<div class="row service-grids">
<div class="col-lg-4 col-md-6 w3layouts w3-icon-grid1">
<h3><span class="fa mr-2 fa-cogs" aria-hidden="true"></span> UI/UX Design</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisci ngelit. In euismod faucibus quam. placerat placerat dolor. Vestibulum</p>
</div>
<div class="col-lg-4 col-md-6 w3layouts mt-md-0 mt-sm-5 mt-4 w3-icon-grid1">
<h3><span class="fa mr-2 fa-mobile" aria-hidden="true"></span>Mobile Apps</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisci ngelit. In euismod faucibus quam. placerat placerat dolor. Vestibulum</p>
</div>
<div class="col-lg-4 col-md-6 w3layouts mt-lg-0 mt-sm-5 mt-4 w3-icon-grid1">
<h3><span class="fa mr-2 fa-laptop" aria-hidden="true"></span>Web Developer</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisci ngelit. In euismod faucibus quam. placerat placerat dolor. Vestibulum</p>
</div>
<div class="col-lg-4 col-md-6 w3layouts mt-sm-5 mt-4 w3-icon-grid1">
<h3><span class="fa mr-2 fa-camera" aria-hidden="true"></span> Photoshop</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisci ngelit. In euismod faucibus quam. placerat placerat dolor. Vestibulum</p>
</div>
<div class="col-lg-4 col-md-6 w3layouts mt-sm-5 mt-4 w3-icon-grid1">
<h3><span class="fa mr-2 fa-headphones" aria-hidden="true"></span>Software</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisci ngelit. In euismod faucibus quam. placerat placerat dolor. Vestibulum</p>
</div>
<div class="col-lg-4 col-md-6 w3layouts mt-sm-5 mt-4 w3-icon-grid1">
<h3><span class="fa mr-2 fa-soundcloud" aria-hidden="true"></span>Graphic Design</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisci ngelit. In euismod faucibus quam. placerat placerat dolor. Vestibulum</p>
</div>
</div>
</div>
</section>
<!-- //services -->
<!-- experience -->
<section class="experience py-5" id="experience">
<div class="container py-3">
<h3 class="heading">Experience</h3>
<div class="row exp-grids">
<div class="col-lg-4 col-md-6">
<img src="images/exp1.jpg" alt=" " class="img-fluid" />
<div class="exp wthree">
<h4>Web Designer <span>2007 - 2010</span></h4>
<div class="clearfix"></div>
<p>Nulla viverra pharetra sem, eget pulvinar neque pharetra ac int. lorem ipsum Vestibulum. placerat placerat dolor. Vestibulum at dui nunc.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 mt-md-0 mt-4">
<img src="images/exp2.jpg" alt=" " class="img-fluid" />
<div class="exp wthree">
<h4>App Developer <span>2007 - 2010</span></h4>
<div class="clearfix"></div>
公司级网站源码-项目活动动态展示响应式网页模板-支持适配移动端.zip
版权申诉
82 浏览量
2024-03-23
12:57:41
上传
评论
收藏 1.57MB ZIP 举报
公司级网站源码-项目活动动态展示响应式网页模板-支持适配移动端.zip （17个子文件） 
公司级网站源码-项目活动动态展示响应式网页模板-支持适配移动端 html css 
style.css 23KB bootstrap.css 174KB font-awesome.min.css 30KB
index.html 20KB images 
about.jpg 266KB banner.jpg 315KB exp2.jpg 76KB exp1.jpg 61KB exp.jpg 69KB exp3.jpg 66KB blog1.jpg 228KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB资源评论
