<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- SITE TITLE -->
<title>Home</title>
<!-- Latest Bootstrap min CSS -->
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<!-- Google Font -->
<link href="http://fonts.googleapis.com/css?family=Cousine:400,700|Montserrat:400,700" rel="stylesheet" type="text/css">
<!-- Font Awesome CSS -->
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<!-- venobox -->
<link rel="stylesheet" href="assets/venobox/css/venobox.css" />
<!--- owl carousel Css-->
<link rel="stylesheet" href="assets/owlcarousel/css/owl.carousel.css">
<link rel="stylesheet" href="assets/owlcarousel/css/owl.theme.css">
<!-- animate CSS -->
<link rel="stylesheet" href="assets/css/animate.css">
<!-- Style CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<!-- CSS FOR COLOR SWITCHER -->
<link rel="stylesheet" href="assets/css/switcher/switcher.css">
<link rel="stylesheet" href="assets/css/switcher/style1.css" id="colors">
<!-- 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/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 data-spy="scroll" data-offset="80">
<!-- START PRELOADER -->
<div class="preloader">
<div class="status">
<div class="status-mes"><h4>Alvida</h4></div>
</div>
</div>
<!-- END PRELOADER -->
<!-- START NAVBAR -->
<div class="navbar navbar-default navbar-fixed-top menu-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="index.html" class="navbar-brand"><img src="assets/img/logo.png" alt="logo"></a>
</div>
<div class="navbar-collapse collapse">
<nav>
<ul class="nav navbar-nav navbar-right">
<li><a class="page-scroll" href="#home">Home</a></li>
<li><a class="page-scroll" href="#about">About</a></li>
<li><a class="page-scroll" href="#service">Service</a></li>
<li><a class="page-scroll" href="#portfolio">works</a></li>
<li><a class="page-scroll" href="#team">Team</a></li>
<li><a class="page-scroll" href="#pricing">Pricing</a></li>
<li><a class="page-scroll" href="#blog">Blog</a></li>
<li><a class="page-scroll" href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</div><!--- END CONTAINER -->
</div>
<!-- END NAVBAR -->
<!-- START HOME -->
<section id="home" class="welcome-area">
<div class="welcome-slider-area">
<div id="welcome-slide-carousel" class="carousel slide carousel-fade" data-ride="carousel">
<ol class="carousel-indicators carousel-indicators-slider">
<li data-target="#welcome-slide-carousel" data-slide-to="0" class="active"></li>
<li data-target="#welcome-slide-carousel" data-slide-to="1"></li>
<li data-target="#welcome-slide-carousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="single-slide-item slide-1">
<div class="single-slide-item-table">
<div class="single-slide-item-tablecell">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>create your company website with Alvida</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elitsed eiusmod tempor enim minim veniam quis notru exercit ation Lorem ipsum dolor sit amet.Veniam quis notru exercit.</p>
<a class="btn btn-default btn-home-bg page-scroll" href="#about">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="single-slide-item slide-2">
<div class="single-slide-item-table">
<div class="single-slide-item-tablecell">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>best services we provide with care</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elitsed eiusmod tempor enim minim veniam quis notru exercit ation Lorem ipsum dolor sit amet.Veniam quis notru exercit.</p>
<a class="btn btn-default btn-home-bg page-scroll" href="#about">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="single-slide-item slide-3">
<div class="single-slide-item-table">
<div class="single-slide-item-tablecell">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>company's best works presentation</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elitsed eiusmod tempor enim minim veniam quis notru exercit ation Lorem ipsum dolor sit amet.Veniam quis notru exercit.</p>
<a class="btn btn-default btn-home-bg page-scroll" href="#about">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END HOME DESIGN -->
<!-- START ABOUT -->
<section id="about" class="about-us section-padding">
<div class="container">
<div class="row text-center">
<div class="section-title wow zoomIn">
<h2>About us</h2>
<span></span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elitsed eiusmod tempor enim minim veniam quis notru exercit ation Lorem ipsum dolor sit amet.Veniam quis notru exercit.</p>
</div>
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="about_single wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
<i class="fa fa-tablet"></i>
<h4>Our Mission</h4>
<span></span>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr sed diam nonumy.</p>
</div>
</div><!--- END COL -->
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="about_single wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
<i class="fa fa-umbrella"></i>
<h4>Our vision</h4>
<span></span>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr sed diam nonumy.</p>
</div>
</div><!--- END COL -->
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="about_single wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
<i class="fa fa-code"></i>
<h4>Our history</h4>
<span></span>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr sed diam nonumy.</p>
</div>
</div><!--- END COL -->
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="about_single wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.1s" data-wow-offset="0">
<i class="fa fa-building-o"></i>
<h4>Our process</h4>
<span></span>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr sed diam nonumy.</p>
</div>
</div><!--- END COL -->
</div><!--- END ROW -->
</div><!--- END CONTAINER -->
</section>
<!-- END ABOUT -->
<!-- START FEATURES -->
<section class="template_feature section-padding">
<div class="container-fluid">
<div class="row text-center">
<div class="section-title text-center wow zoomIn">
<h2>Awesome Features</h2>
<span></span>
<p>Lorem ipsum dolor sit amet consectetur