<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>ALPHA</title>
<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="assets/css/main.css" rel="stylesheet">
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/css/animate-custom.css" rel="stylesheet">
<link href='#css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='#css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'>
<script src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/modernizr.custom.js"></script>
<!-- HTML5 Shim and Respond.js 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/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-offset="0" data-target="#navbar-main">
<div id="navbar-main">
<!-- Fixed navbar -->
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="#home">ALPHA</a> </div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home" class="smoothScroll">Home</a></li>
<li> <a href="#about" class="smoothScroll"> About</a></li>
<li> <a href="#services" class="smoothScroll"> Services</a></li>
<li> <a href="#portfolio" class="smoothScroll"> Portfolio</a></li>
<li> <a href="#team" class="smoothScroll"> Team</a></li>
<li> <a href="#contact" class="smoothScroll"> Contact</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</div>
</div>
<!-- ==== HEADERWRAP ==== -->
<div id="headerwrap" name="home">
<header class="clearfix"> <i class="fa fa-language icon"></i>
<h1>Creative & High Quality</h1>
<p>Lorem ipsum dolor sit amet, cu menandri molestiae voluptaria eam,<br>
invidunt reprehendunt nec ei. Sonet regione consulatu vel id.</p>
<a href="#portfolio" class="smoothScroll btn btn-lg">See Our Works</a> </header>
</div>
<!-- /headerwrap -->
<!-- ==== ABOUT ==== -->
<div id="about" name="about">
<div class="container">
<div class="row white">
<h2 class="centered">ABOUT US</h2>
<hr>
<div class="col-md-6"> <img class="img-responsive" src="assets/img/about/about1.jpg" align=""> </div>
<div class="col-md-6">
<h3>Who we are</h3>
<p>Lorem ipsum dolor sit amet, quo meis audire placerat eu, te eos porro veniam. An everti maiorum detracto mea. Eu eos dicam voluptaria, erant bonorum albucius et per, ei sapientem accommodare est. Saepe dolorum constituam ei vel. Te sit malorum ceteros repudiandae, ne tritani adipisci vis.</p>
<h3>Why choose us?</h3>
<p>Lorem ipsum dolor sit amet, quo meis audire placerat eu, te eos porro veniam. An everti maiorum detracto mea. Eu eos dicam voluptaria, erant bonorum albucius et per, ei sapientem accommodare est. Saepe dolorum constituam ei vel.</p>
</div>
</div>
<!-- row -->
</div>
</div>
<!-- container -->
<!-- ==== SERVICES ==== -->
<div id="services" name="services">
<div class="container">
<div class="row">
<h2 class="centered">OUR SERVICES</h2>
<hr>
<div class="col-lg-8 col-lg-offset-2">
<p class="large">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
</div>
<div class="col-lg-4 callout"> <i class="fa fa-desktop fa-3x"></i>
<h3>Responsive Design</h3>
<p>Erat imperdiet dissentias ea usu, alia aliquid corrumpit ea qui. Eu vim oratio conclusionemque, vel at errem nominavi delicatissimi.</p>
</div>
<div class="col-lg-4 callout"> <i class="fa fa-gears fa-3x"></i>
<h3>Web Development</h3>
<p>Erat imperdiet dissentias ea usu, alia aliquid corrumpit ea qui. Eu vim oratio conclusionemque, vel at errem nominavi delicatissimi.</p>
</div>
<div class="col-lg-4 callout"> <i class="fa fa-dot-circle-o fa-3x"></i>
<h3>Social Marketing</h3>
<p>Erat imperdiet dissentias ea usu, alia aliquid corrumpit ea qui. Eu vim oratio conclusionemque, vel at errem nominavi delicatissimi.</p>
</div>
</div>
<!-- row -->
</div>
</div>
<!-- container -->
<!-- ==== PORTFOLIO ==== -->
<div id="portfolio" name="portfolio">
<div class="container">
<div class="row">
<h2 class="centered">OUR PORTFOLIO</h2>
<hr>
<div class="col-lg-8 col-lg-offset-2 centered">
<p class="large">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
</div>
</div>
<!-- /row -->
<div class="container">
<div class="row">
<!-- PORTFOLIO IMAGE 1 -->
<div class="col-md-4 ">
<div class="grid mask">
<figure> <img class="img-responsive" src="assets/img/portfolio/folio01.jpg" alt="">
<figcaption>
<h5>UX / UI</h5>
<a data-toggle="modal" href="#myModal" class="btn btn-default">More Details</a> </figcaption>
<!-- /figcaption -->
</figure>
<!-- /figure -->
</div>
<!-- /grid-mask -->
</div>
<!-- MODAL SHOW THE PORTFOLIO IMAGE. In this demo, all links point to this modal. You should create
a modal for each of your projects. -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Project Title</h4>
</div>
<div class="modal-body">
<p><img class="img-responsive" src="assets/img/portfolio/folio01-preview.jpg" alt=""></p>
<p>Lorem ipsum dolor sit amet, quo meis audire placerat eu, te eos porro veniam. An everti maiorum detracto mea. Eu eos dicam voluptaria, erant bonorum albucius et per, ei sapientem accommodare est. Saepe dolorum constituam ei vel</p>
<p><b><a href="#">Visit Site</a></b></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!-- PORTFOLIO IMAGE 2 -->
<div class="col-md-4">
<div class="grid mask">
<figure> <img class="img-responsive" src="assets/img/portfolio/folio02.jpg" alt="">
<figcaption>
<h5>CONCEPT</h5>
<a data-toggle="modal" href="#myModal" class="btn btn-default">More Details</a> </figcaption>
<!-- /figcaption --
绿色大图商务科技公司单页模板_绿色 商业 遍平化 it 商务 科技 公司 单页 跳转 html5 css3 boots.rar
79 浏览量
2023-08-05
16:11:47
上传
评论
收藏 800KB RAR 举报
绿色大图商务科技公司单页模板_绿色 商业 遍平化 it 商务 科技 公司 单页 跳转 html5 css3 boots.rar （33个子文件） 
绿色大图商务科技公司单页模板_绿色 商业 遍平化 it 商务 科技 公司 单页 跳转 html5 css3 bootstrap 黄色 fixed yzts_38_templategarden assets js 
bootstrap.js 54KB jquery-func.js 615B bootstrap.min.js 28KB retina.js 1KB modernizr.custom.js 9KB smoothscroll.js 4KB jquery.easing.1.3.js 8KB interact.js 3KB jquery.min.js 91KB img about 
about1.jpg 35KB team team02.jpg 14KB team01.jpg 11KB team04.jpg 13KB team03.jpg 12KB header_bg.jpg 27KB portfolio folio01-preview.jpg 38KB folio04.jpg 61KB folio05.jpg 47KB folio01.jpg 25KB folio02.jpg 54KB folio03.jpg 36KB folio06.jpg 23KB css main.css 11KB animate-custom.css 8KB font-awesome.css 26KB bootstrap.css 120KB font-awesome.min.css 21KB fonts FontAwesome.otf 84KB fontawesome-webfont.eot 55KB fontawesome-webfont.woff 64KB
fontawesome-webfont.svg 280KB fontawesome-webfont.ttf 110KB
index.html 16KB资源评论
