<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="Responsive Bootstrap Creative HTML Template">
<meta name="keywords" content="lumia, Bootstrap, creative Template, minimal, agency, corporate">
<meta name="author" content="rashed amin">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- SITE TITLE -->
<title>lumia</title>
<!-- BOOTSTRAP -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- FONT ICONS -->
<link rel="stylesheet" href="assets/elegant-icons/style.css">
<link rel="stylesheet" href="assets/et-line-font/style.css">
<link rel="stylesheet" href="assets/fonts/font-awesome.css">
<link rel="stylesheet" href="assets/ion-icon/ionicons.min.css">
<!-- <link rel="stylesheet" href="assets/app-icons/styles.css"> -->
<!--[if lte IE 7]><script src="lte-ie7.js"></script><![endif]-->
<!-- CAROUSEL AND LIGHTBOX -->
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/nivo-lightbox.css">
<link rel="stylesheet" href="css/nivo_themes/default/default.css">
<!-- ANIMATIONS -->
<link rel="stylesheet" href="css/animate.min.css">
<!-- MAIN STYLESHEETS -->
<link rel="stylesheet" href="css/styles.css">
<!-- COLORS -->
<link rel="stylesheet" href="css/color-schemes/light-green.css">
<!-- RESPONSIVE FIXES -->
<!-- <link rel="stylesheet" href="css/responsive.css"> -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- =========================
PRE LOADER
============================== -->
<div class="preloader">
<div id="ip-container" class="ip-container">
<div class="ip-header">
<div class="ip-loader">
<svg class="ip-inner" width="60px" height="60px" viewBox="0 0 80 80">
<path class="ip-loader-circlebg" d="M40,10C57.351,10,71,23.649,71,40.5S57.351,71,40.5,71 S10,57.351,10,40.5S23.649,10,40.5,10z" />
<path id="ip-loader-circle" class="ip-loader-circle" d="M40,10C57.351,10,71,23.649,71,40.5S57.351,71,40.5,71 S10,57.351,10,40.5S23.649,10,40.5,10z" />
</svg>
</div>
</div>
</div>
</div>
<!-- =========================
HEADER
============================== -->
<header class="header" id="home">
<!-- HEADER COLOR OVER IMAGE -->
<div class="navbar bs-docs-nav navbar-fixed-top sticky-navigation">
<div class="container">
<div class="navbar-header">
<!-- LOGO ON STICKY NAV BAR -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigation">
<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="#"><img src="images/logo.png" alt="logo" />
<div class="logo-title">lumia</div>
</a>
</div>
<!-- NAVIGATION LINKS -->
<div class="navbar-collapse collapse" id="navigation">
<ul class="nav navbar-nav navbar-right main-navigation">
<li><a href="#home">home</a></li>
<li><a href="#services">features</a></li>
<li><a href="#speciality">speciality</a></li>
<li><a href="#review">review</a></li>
<li><a href="#price">price</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
<!--END NAVIGATION LINKS -->
</div>
<!-- /END CONTAINER -->
</div>
<!-- /END STICKY NAVIGATION -->
<section class="slider-section parallax-bg" data-parallax="scroll" data-image-src="images/lumia/bg-1.jpg">
<div class="banner-grid">
<div class="bx-caption">
<div id="top" class="">
<div class="banner-info">
<h3>lumia</h3>
<h4>360 panaroma camera.</h4>
</div>
</div>
</div>
</div>
</section>
</header>
<!-- /END HEADER -->
<!-- =========================
Features
============================== -->
<section class="section-top " id="services">
<div class="container">
<!-- Feature SECTION HEADER -->
<div class="section-header-2">
<!-- SECTION TITLE -->
<div class="section-description">
the features
</div>
</div>
<!-- /END Feature SECTION HEADER -->
<div class="row">
<div class="jv-st-srv">
<!-- SINGLE SERVICE -->
<div class="col-md-4">
<div class="featured-item-2 text-center m-bot-40">
<div class="icon">
<i class="icon-hotairballoon"></i>
</div>
<div class="title text-uppercase">
<h4>classic design</h4>
</div>
<div class="jv-st-desc">
Currency evolved from two basic innovations, and both of which had occurred from 2000 BC.
</div>
</div>
</div>
<div class="col-md-4">
<div class="featured-item-2 text-center m-bot-40">
<div class="icon">
<i class="icon-genius"></i>
</div>
<div class="title text-uppercase">
<h4>noise removal</h4>
</div>
<div class="jv-st-desc">
Currency evolved from two basic innovations, and both of which had occurred from 2000 BC.
</div>
</div>
</div>
<div class="col-md-4">
<div class="featured-item-2 text-center">
<div class="icon ">
<i class="icon-linegraph "></i>
</div>
<div class="title text-uppercase">
<h4>clear beatz</h4>
</div>
<div class="jv-st-desc">
Currency evolved from two basic innovations, and both of which had occurred from 2000 BC.
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /END CONTAINER -->
</section>
<!-- /END Feature SECTION -->
<!--start hot-features area-->
<section class="hot-features-area" id="feature1">
<div class="container">
<div class="section-header-2 wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s">
<!-- SECTION TITLE -->
<div class="section-description">
the speciality
</div>
</div>
<div class="row hot-features">
<div class="col-md-3 hot-spots">
<div class="item text-right">
<h2>chromiuam layer</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do. eiusmod tempor incididunt ut labore dolore magna aliqua.</p>
<div class="points-wrapper">
<div class="points-1">1</div>
</div>
<div class="points-wrapper">
<div class="points-2">2</div>
</div>
</div>
<div class="item text-right">
<h2>Easy rotation</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do. eiusmod tempor incididunt ut labore.</p>
<div class="points-wrapper">
<div class="points-1">1</div>
</div>
<div class="points-wrapper">
<div class="points-2">2</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="hots-img">
<img class="img-responsive" src="images/point-1.jpg" alt="">
</div>
</div>
<div class="col-md-3 hot-spots right-hots-items">
<div class="item">
<h2>360 video option</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elitdolore. Ut enim ad minim veniam, quis nostrud exercitation.</p>
<div class="points-wrapper">
<div class="points-1">1</div>
</div>
<div class="points-wrapper">
<div class="points-2">2</div>
</div>
</div>
<div class="item">
<h2>ultra resolution</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elitdolore. Ut enim ad minim veniam, quis nostrud exercitation.</p>
<div class="points-wrapper">
<div class="points-1">1</div>
</div>
<div class="points-wrapper">
<div class="points-2">2</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- =========================
WHY CHOOSE
============================== -->
<section class="wrap-3d section-top" id="speciality">
<div class="section-header-2 wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s">
<!-- SECTION TITLE -->
<div class="section-description">
why choose lum
小徐博客
- 粉丝: 1977
- 资源: 5883
最新资源
- 2018年对口升学信息一类第一次联考试题(卷).doc
- 见证时代变迁的高考作文题.doc
- 江苏兴化一中2018年高考第四次模拟考试语文试题整理.doc
- 建筑试题3[识图答案].doc
- 静载检测技术基础理论考试(员)C.doc
- 跨境电商人才初级认证试题以与答案.doc
- 临床的护理文书规范模拟考试标准答案09_8_7.doc
- 垃圾分类知识问答.doc
- 六年级英语上[下册]知识点总结.doc
- 六年级写字教学案.doc
- 农业区位因素教学设计.doc
- 牛津译林版2018年_2018年学年8A英语期末专题练习_首字母填空.doc
- 人版小学数学六年级(下册)第3单元圆柱与圆锥教案.doc
- 巧用多媒体有效地复习有丝分裂和减数分裂考点.doc
- 人民教育出版社五年级语文(下册)易错字易错音.doc
- 山东省医学继续教育公共课程急诊及急救答案.doc
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈