<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home</title>
<!-- Material Design fonts -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="fancybox/jquery.fancybox.css" type="text/css" media="screen" />
<link href="css/animate.css" rel="stylesheet" type="text/css">
<!-- Bootstrap Material Design -->
<link href="css/material-design.css" rel="stylesheet">
<link href="css/ripples.min.css" rel="stylesheet">
<link href="css/snackbar.min.css" rel="stylesheet">
<!-- Custome Styles -->
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--Header_section-->
<header id="header_wrapper">
<div class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="javascript:void(0)"><i class="material-icons">filter_hdr</i> MAX</a>
</div>
<div id="main-nav" class="navbar-collapse collapse navbar-responsive-collapse navStyle">
<ul class="nav navbar-nav" id="mainNav">
<li class="active"><a href="#hero_section" class="scroll-link">Home</a></li>
<li><a href="#aboutUs" class="scroll-link">About Us</a></li>
<li><a href="#service" class="scroll-link">Services</a></li>
<li><a href="#Portfolio" class="scroll-link">Portfolio</a></li>
<li><a href="#clients" class="scroll-link">Clients</a></li>
<li><a href="#team" class="scroll-link">Team</a></li>
<li><a href="#contact" class="scroll-link">Contact</a></li>
</ul>
</div>
</div>
</div>
</header>
<!--Hero_Section-->
<section id="hero_section" class="top_cont_outer">
<div class="hero_wrapper">
<div class="container">
<div class="hero_section">
<div class="row">
<div class="col-lg-5 col-sm-7">
<div class="top_left_cont zoomIn wow animated">
<h2>Material Design <strong>Awesome</strong> Templates</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text printer took a galley of type and scrambled it to make a type specimen.</p>
<a href="#service" class="btn btn-raised btn-lg">Read more</a> </div>
</div>
<div class="col-lg-7 col-sm-5">
<img src="img/main_device_image.png" class="zoomIn wow animated" alt="" />
</div>
</div>
</div>
</div>
</div>
</section>
<!--Hero_Section-->
<!--Aboutus-->
<section id="aboutUs">
<div class="inner_wrapper">
<div class="container">
<h2>About Us</h2>
<div class="inner_section">
<div class="row">
<div class=" col-lg-4 col-md-4 col-sm-4 col-xs-12 pull-right"><img src="img/about-img.jpg" class="withripple delay-03s animated wow zoomIn" alt=""></div>
<div class=" col-lg-7 col-md-7 col-sm-7 col-xs-12 pull-left">
<div class=" delay-01s animated fadeInDown wow animated">
<h3>Lorem Ipsum has been the industry's standard dummy text ever..</h3><br/>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.PageMaker including versions of Lorem Ipsum.</p> <br/>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
<div class="work_bottom"> <span>Want to know more..</span> <a href="#contact" class="btn btn-raised btn-lg">Contact Us</a> </div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Aboutus-->
<!--Service-->
<section id="service">
<div class="container">
<h2>Services</h2>
<div class="service_wrapper">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="service_block withripple">
<div class="service_icon delay-03s animated wow zoomIn"> <span><i class="material-icons">card_membership</i></span> </div>
<h3 class="animated fadeInUp wow">Android</h3>
<p class="animated fadeInDown wow">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 borderLeft">
<div class="service_block withripple">
<div class="service_icon icon2 delay-03s animated wow zoomIn"> <span><i class="material-icons">favorite_border</i></span> </div>
<h3 class="animated fadeInUp wow">Apple IOS</h3>
<p class="animated fadeInDown wow">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 borderLeft">
<div class="service_block withripple">
<div class="service_icon icon3 delay-03s animated wow zoomIn"> <span><i class="material-icons">hourglass_empty</i></span> </div>
<h3 class="animated fadeInUp wow">Design</h3>
<p class="animated fadeInDown wow">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p>
</div>
</div>
</div>
<div class="row borderTop">
<div class="col-lg-4 col-md-4 col-sm-4 mrgTop">
<div class="service_block withripple">
<div class="service_icon delay-03s animated wow zoomIn"> <span><i class="material-icons">launch</i></span> </div>
<h3 class="animated fadeInUp wow">Concept</h3>
<p class="animated fadeInDown wow">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 borderLeft mrgTop">
<div class="service_block withripple">
<div class="service_icon icon2 delay-03s animated wow zoomIn"> <span><i class="material-icons">lightbulb_outline</i></span> </div>
<h3 class="animated fadeInUp wow">User Research</h3>
<p class="animated fadeInDown wow">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 borderLeft mrgTop">
<div class="service_block withripple">
<div class="service_icon icon3 delay-03s animated wow zoomIn"> <span><i class="material-icons">info_outline</i></span> </div>
<h3 class="animated fadeInUp wow">User Experience</h3>
<p class="animated fadeInDown wow">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Service-->
<!-- Portfolio -->
<section id="Portfolio" class="content">
<!-- Container -->
<div class="container portfolio_title">
<!-- Title -->
<div class="section-title">
<h2>Portfolio</h2>
</div>
<!--/Title -->
</div>
<!-- Container -->
<div class="portfolio-top"></div>
<!-- Portfolio Filters -->
<div class="portfolio">
<div id="filters
蓝色手机应用开发公司模板是一款蓝色大气的手机应用APP开发公司网站模板下载。_html网站模板_网页源码移动端前端_H.rar
175 浏览量
2023-08-05
15:52:43
上传
评论
收藏 1.03MB RAR 举报
蓝色手机应用开发公司模板是一款蓝色大气的手机应用APP开发公司网站模板下载。_html网站模板_网页源码移动端前端_H.rar （57个子文件） 
蓝色手机应用开发公司模板是一款蓝色大气的手机应用APP开发公司网站模板下载。 moban1703 js 
bootstrap.min.js 36KB material.min.js 6KB jquery.nouislider.min.js 13KB jquery.isotope.js 43KB html5shiv.js 2KB ripples.js 7KB material.js 13KB ripples.min.js 3KB jquery.nav.js 7KB custom.js 3KB jquery.easing.1.3.js 8KB jquery-scrolltofixed.js 20KB snackbar.min.js 2KB jquery-1.10.2.min.js 91KB fancybox 
blank.gif 43B fancybox_loading.gif 4KB jquery.fancybox.pack.js 23KB
fancybox_overlay.png 1003B fancybox_sprite.png 1KB Descr.WD3 863B fancybox_sprite_402x.png 6KB fancybox_loading_402x.gif 14KB jquery.fancybox.css 6KB img 
portfolio_pic1.jpg 34KB about-img.jpg 102KB portfolio_pic6.jpg 19KB client_logo5.png 17KB team_pic1.jpg 29KB client_logo3.png 17KB team_pic2.jpg 29KB portfolio_pic5.jpg 40KB client_logo2.png 16KB portfolio_pic8.jpg 18KB portfolio_pic2.jpg 48KB portfolio_pic7.jpg 25KB client_logo1.png 17KB portfolio_pic4.jpg 23KB client_logo4.png 18KB portfolio_pic3.jpg 30KB twitter_bird.png 1KB team_pic3.jpg 37KB main_device_image.png 138KB css style.css 34KB bootstrap.min.css 118KB font-awesome.css 28KB ripples.css 1KB material-design.min.css 93KB animate.css 68KB snackbar.min.css 611B material-design.css 107KB ripples.min.css 1KB
index.html 21KB fonts FontAwesome.otf 73KB fontawesome-webfont.eot 71KB fontawesome-webfont.woff 82KB
fontawesome-webfont.svg 248KB fontawesome-webfont.ttf 138KB资源评论
