<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">
<!-- Stylesheet
================================================== -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,900,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800,600,300' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/modernizr.custom.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Navigation
==========================================-->
<nav id="menu" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <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"><i class="fa fa-sun-o"></i> Helios<strong></strong></a> </div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home" class="page-scroll">Home</a></li>
<li><a href="#services-section" class="page-scroll">Services</a></li>
<li><a href="#works-section" class="page-scroll">Portfolio</a></li>
<li><a href="#about-section" class="page-scroll">About</a></li>
<li><a href="#team-section" class="page-scroll">Team</a></li>
<li><a href="#contact-section" class="page-scroll">Contact</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Header -->
<header class="text-center" name="home">
<div class="intro-text">
<h1>Welcome to <strong>Helios</strong></h1>
<p>We are a full-service integrated creative agency</p>
<a href="#services-section" class="btn btn-default btn-lg page-scroll">LEARN MORE</a> </div>
</header>
<!-- Services Section -->
<div id="services-section" class="text-center">
<div class="container">
<div class="section-title center">
<h2>Our Services</h2>
<hr>
<div class="clearfix"></div>
<p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus. Eleifend pellentesque natoque faucibus magna ut etiam.</p>
</div>
<div class="space"></div>
<div class="row">
<div class="col-md-3 col-sm-6 service"> <i class="fa fa-desktop"></i>
<h4>Web Design</h4>
<p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque natoque etiam.</p>
</div>
<div class="col-md-3 col-sm-6 service"> <i class="fa fa-gears"></i>
<h4>App Development</h4>
<p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque.</p>
</div>
<div class="col-md-3 col-sm-6 service"> <i class="fa fa-rocket"></i>
<h4>Branding</h4>
<p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque natoque etiam.</p>
</div>
<div class="col-md-3 col-sm-6 service"> <i class="fa fa-line-chart"></i>
<h4>Marketing</h4>
<p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque natoque.</p>
</div>
</div>
</div>
</div>
<!-- Portfolio Section -->
<div id="works-section">
<div class="container"> <!-- Container -->
<div class="section-title text-center center">
<h2>Our Portfolio</h2>
<hr>
<div class="clearfix"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diamcommodo nibh ante facilisis.</p>
</div>
<div class="categories">
<ul class="cat">
<li>
<ol class="type">
<li><a href="#" data-filter="*" class="active">All</a></li>
<li><a href="#" data-filter=".web">Web Design</a></li>
<li><a href="#" data-filter=".app">App Development</a></li>
<li><a href="#" data-filter=".branding">Branding</a></li>
</ol>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="row">
<div class="portfolio-items">
<div class="col-sm-6 col-md-3 col-lg-3 web">
<div class="portfolio-item">
<div class="hover-bg"> <a href="https://www.51qianduan.com/">51前端</a> </div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 app">
<div class="portfolio-item">
<div class="hover-bg"> <a href="https://www.51qianduan.com/">51前端</a> </div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 web">
<div class="portfolio-item">
<div class="hover-bg"> <a href="https://www.51qianduan.com/">51前端</a> </div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 web">
<div class="portfolio-item">
<div class="hover-bg"> <a href="https://www.51qianduan.com/">51前端</a> </div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 app">
<div class="portfolio-item">
<div class="hover-bg"> <a href="https://www.51qianduan.com/">51前端</a> </div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<div class="hover-bg"> <a href="https://www.51qianduan.com/">51前端</a> </div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding app">
<div class="portfolio-item">
<div class="hover-bg"> <a href="https://www.51qianduan.com/">51前端</a> </div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 web">
<div class="portfolio-item">
<div class="hover-bg"> <a href="https://www.51qianduan.com/">51前端</a> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- About Section -->
<div id="about-section">
<div class="container">
<div class="section-title text-center center">
<h2>About Us</h2>
<hr>
<div class="clearfix"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diamcommodo nibh ante facilisis.</p>
</div>
<div class="row">
<div class="col-md-6"> <img src="img/about.jpg" class="img-responsive"> </div>
<div
绿色简洁样式pc+wap品牌设计公司网页模板代码下载.zip
168 浏览量
2023-06-20
19:21:26
上传
评论
收藏 1.17MB ZIP 举报
绿色简洁样式pc+wap品牌设计公司网页模板代码下载.zip （109个子文件） 
bootstrap.css 138KB bootstrap.min.css 114KB font-awesome.css 28KB font-awesome.min.css 23KB prettyPhoto.css 19KB style.css 9KB fontawesome-webfont.eot 59KB glyphicons-halflings-regular.eot 20KB
loader.gif 6KB loader.gif 2KB loader.gif 2KB loader.gif 2KB loader.gif 2KB loader.gif 2KB default_thumbnail.gif 227B default_thumbnail.gif 227B default_thumbnail.gif 227B default_thumbnail.gif 227B default_thumbnail.gif 227B
index.html 15KB
header-bg.jpg 93KB 08.jpg 43KB 06.jpg 41KB about.jpg 35KB 05.jpg 30KB 02.jpg 29KB 07.jpg 28KB 04.jpg 26KB 01.jpg 22KB 03.jpg 17KB 02.jpg 14KB 04.jpg 12KB 01.jpg 11KB 03.jpg 10KB jquery.min.js 94KB jquery.1.11.1.js 94KB bootstrap.js 65KB jquery.isotope.js 44KB jqBootstrapValidation.js 35KB bootstrap.min.js 35KB jquery.prettyPhoto.js 22KB modernizr.custom.js 15KB SmoothScroll.js 13KB waypoints.js 8KB contact_me.js 3KB main.js 3KB jquery.counterup.js 3KB icons.less 36KB variables.less 16KB mixins.less 983B path.less 770B animated.less 713B rotated-flipped.less 622B core.less 509B stacked.less 476B font-awesome.less 465B list.less 377B larger.less 370B bordered-pulled.less 330B fixed-width.less 119B FontAwesome.otf 92KB
sprite.png 7KB sprite.png 4KB sprite.png 4KB sprite.png 4KB sprite.png 3KB sprite.png 3KB default_thumb.png 2KB btnPrevious.png 1KB btnPrevious.png 1KB btnPrevious.png 1KB btnPrevious.png 1KB btnNext.png 1KB btnNext.png 1KB btnNext.png 1KB btnNext.png 1KB sprite_prev.png 1KB sprite_next.png 1KB sprite_y.png 1KB sprite_x.png 1KB btnNext.png 845B btnPrevious.png 828B contentPatternTop.png 142B contentPatternBottom.png 142B contentPatternLeft.png 137B contentPatternRight.png 136B contentPattern.png 130B contentPattern.png 121B _icons.scss 37KB _variables.scss 16KB _mixins.scss 1000B _path.scss 783B _animated.scss 715B _rotated-flipped.scss 672B _core.scss 513B _stacked.scss 482B font-awesome.scss 405B _list.scss 378B _larger.scss 375B _bordered-pulled.scss 332B共 109 条
- 1
- 2
资源评论
