<!DOCTYPE html>
<html>
<head>
<title>Home</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="Antivirus Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery-1.11.0.min.js"></script>
<link href='#css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='#css?family=Bitter:400,700,400italic' rel='stylesheet' type='text/css'>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!--start-smoth-scrolling-->
<!--start-top-nav-script-->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<!--End-top-nav-script-->
</head>
<body>
<!--start-header-->
<div class="header" id="home">
<div class="container">
<div class="header-mian">
<div class="head">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="" /></a>
</div>
<div class="call">
<ul>
<li><p>CALL 000.123.4567</p></li>
<li><p class="msg"><a href="#"><img src="images/msg.png" alt=""/></a></p></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
<div class="navigation">
<div class="nav-shadow">
<span class="menu"></span>
<ul class="navig">
<li><a href="index.html" class="active">HOME</a></li>
<li><a href="services.html">SERVICES</a></li>
<li><a href="pricing.html">PRICING</a></li>
<li><a href="404.html">BUSINESS PLANS</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="404.html">ONLINE BACKUP</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(" ul.navig").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
<!--start-banner-->
<div class="banner">
<div class="container">
<div class="banner-mian">
<div class="banner-top">
<h1>WE OFFER THE ANTIVIRUS THAT HELPS KEEPING VIRUS OUT OF YOUR PC</h1>
</div>
<div class="banner-bottom">
<div class="banner-left">
<div class="b-left">
<p><span>1</span>WE <label>CONNECT</label> TO YOUR SYSTEM</p>
<p><span>2</span>WE <label>CHECK</label> THE PROBLEM</p>
<p><span>3</span>WE <label>RESOLVE</label> YOUR SYSTEM</p>
</div>
<div class="tool">
<a class="tooltips" href="single.html">
<span>LIVE HELP</span></a>
</div>
</div>
<div class="banner-right">
<img src="images/bnr-rgt.jpg" alt=""/>
<span></span>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<!--end-banner-->
<!--start-need-->
<div class="need">
<div class="container">
<div class="need-mian">
<div class="col-md-9 need-left">
<h3>Do You Need a Quick Help?</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec quam ac augue pellentesque molestie non et ante. Sed quis aliquam massa</p>
</div>
<div class="col-md-3 need-right">
<a href="#">Get Now!</a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--end-need-->
<!--start-resolve-->
<div class="resolve">
<div class="container">
<div class="resolve-main">
<div class="col-md-8 resolve-left">
<h3>RESOLVE YOUR PC IN 3 STEPS...</h3>
<div class="resolve-bottom">
<div class="col-md-4 res-left">
<div class="res-one">
<h4>WE <span>CONNECT</span> TO YOUR SYSTEM</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in tortor nisl. Curabitur pharetra, ante et semper placerat, mauris tortor ullamcorper libero, quis fringilla tellus nulla eget arcu</p>
</div>
</div>
<div class="col-md-4 res-left">
<div class="res-one">
<h4>WE <span>CHECK</span> TO YOUR SYSTEM</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in tortor nisl. Curabitur pharetra, ante et semper placerat, mauris tortor ullamcorper libero, quis fringilla tellus nulla eget arcu</p>
</div>
</div>
<div class="col-md-4 res-left">
<div class="res-one">
<h4>WE <span>RESOLVE</span> TO YOUR SYSTEM</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in tortor nisl. Curabitur pharetra, ante et semper placerat, mauris tortor ullamcorper libero, quis fringilla tellus nulla eget arcu</p>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-4 resolve-right">
<h3>Testimonial</h3>
<div class="res-two-mian">
<div class="res-two">
<div class="res-two-left">
<p>1</p>
</div>
<div class="res-two-right">
<p>Lorem ipsum <span> dolor sit amet, consectetur </span>Curabitur in tortor nisl. Curabitur pharetra, lacerat, mauris tortor ullamcorper libero, </p>
</div>
<div class="clearfix"></div>
</div>
<div class="res-two">
<div class="res-two-left">
<p>2</p>
</div>
<div class="res-two-right">
<p>Lorem ipsum <span> dolor sit amet, consectetur </span>Curabitur in tortor nisl. Curabitur pharetra, lacerat, mauris tortor ullamcorper libero, </p>
</div>
<div class="clearfix"></div>
</div>
<div class="res-two">
<div class="res-two-left res-1">
<p>3</p>
</div>
<div class="res-two-right res-2">
<p>Lorem ipsum <span> dolor sit amet, consectetur </span>Curabitur in tortor nisl. Curabitur pharetra, lacerat, mauris tortor ullamcorper libero, </p>
<div class="r-btn">
<a href="#">Read more</a>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--end-resolve-->
<!--start-footer-->
<div class="footer">
<div class="container">
<div class="footer-top">
<div class="col-md-3 footer-top-left ftr-one">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="404.html">Business Plans</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="404.html">Online Backup</a></li>
<li><a href="#">Student Plans</a></li>
</ul>
</div>
<div class="col-md-3 footer-top-left ftr-two">
<ul>
<li><a href="#">Privacy Policy</a></l
清爽科技APP产品网站模板是一款简洁清爽科技网站模板下载。.rar
版权申诉
91 浏览量
2023-04-27
13:41:29
上传
评论
收藏 1.05MB RAR 举报
清爽科技APP产品网站模板是一款简洁清爽科技网站模板下载。.rar （36个子文件） 
清爽科技APP产品网站模板是一款简洁清爽科技网站模板下载。 moban419 js 
easing.js 5KB jquery-1.11.0.min.js 94KB move-top.js 1KB
pricing.html 7KB css style.css 45KB bootstrap.css 118KB 404.html 6KB services.html 9KB index.html 9KB contact.html 7KB about.html 9KB images 
service-2.jpg 47KB
ph-1.png 7KB banner.png 374KB up-arrow.png 4KB header-banner.jpg 69KB bnr-rgt.jpg 39KB service-1.jpg 43KB choose-1.jpg 57KB logo.png 4KB footer-banner.png 103KB service-3.jpg 48KB msg-back.png 3KB offer.png 8KB abt-1.jpg 63KB team-3.jpg 51KB service-4.jpg 53KB arw.png 3KB resolve-back.png 46KB team-1.jpg 39KB team-2.jpg 30KB msg.png 3KB test-back.png 6KB get.png 11KB team-4.jpg 40KB nav-icon.png 4KB资源评论
