<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link rel="stylesheet" href="css/swipebox.css">
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all"> <!-- animation -->
<link href="css/font-awesome.css" rel="stylesheet"> <!-- font-awesome icons -->
<!-- //Custom Theme files -->
<!-- js -->
<script src="js/jquery-2.2.3.min.js"></script>
<!-- //js -->
<!-- web-fonts -->
<link href="http://fonts.googleapis.com/css?family=Enriqueta:400,700" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- //web-fonts -->
</head>
<body>
<!-- banner -->
<div id="home" class="banner">
<div class="container">
<div class="wthree-header">
<div class="agileits-logo navbar-left">
<h1 class="wow swing animated" data-wow-delay=".5s"><a href="index.html">Surgeon</a></h1>
</div>
<div class="navbar-right social-icons wow fadeInRight animated" data-wow-delay=".5s">
<ul>
<li><a href="#" class="fa fa-facebook icon-border facebook"> </a></li>
<li><a href="#" class="fa fa-twitter icon-border twitter"> </a></li>
<li><a href="#" class="fa fa-google-plus icon-border googleplus"> </a></li>
<li><a href="#" class="fa fa-rss icon-border rss"> </a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<!-- navigation -->
<div class="top-w3lnav">
<nav class="navbar navbar-default">
<div class="navbar-header w3l-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
Menu
</button>
</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-center w3l-effect">
<li><a href="index.html">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#team" class="scroll">Team</a></li>
<li><a href="#portfolio" class="scroll">Portfolio</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
<div class="clearfix"> </div>
</div>
</nav>
</div>
<!-- navigation -->
<!-- arrow bounce -->
<div class="agileits-arrow bounce animated"><a href="#welcome" class="scroll"><i class="fa fa-chevron-circle-down" aria-hidden="true"></i></a></div>
<!-- //arrow bounce -->
</div>
</div>
<!-- //banner -->
<!-- welcome -->
<div class="welcome" id="welcome">
<div class="container">
<h3 class="w3layouts-title wow fadeInDown animated" data-wow-delay=".5s">Welcome </h3>
<div class="welcome-info">
<h2 class="wow fadeInLeft animated" data-wow-delay=".5s">Our Hospitality Specializations </h2>
<p class="wel-text wow fadeInRight animated" data-wow-delay=".5s">Nam libero tempore cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus omnis optio cumque nihil impedit quo minus id quod maxime placeat facere possimus.</p>
<div class="welcome-row">
<div class="col-md-3 welcome-grids wow zoomIn animated" data-wow-delay=".5s">
<h5>OUR OBJECTIVE</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipi est eligendi scing elit</p>
<div class="welcome-w3lsicon">
<span><i class="glyphicon glyphicon-briefcase"></i> </span>
</div>
</div>
<div class="col-md-3 welcome-grids welcome-mdl wow zoomIn animated" data-wow-delay=".5s">
<h5>RESOURCES</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipi est eligendi scing elit</p>
<div class="welcome-w3lsicon">
<span><i class="glyphicon glyphicon-check"></i></span>
</div>
</div>
<div class="col-md-3 welcome-grids welcome-mdl1 wow zoomIn animated" data-wow-delay=".5s">
<h5>TECHNOLOGY</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipi est eligendi scing elit</p>
<div class="welcome-w3lsicon">
<span><i class="glyphicon glyphicon-education"></i></span>
</div>
</div>
<div class="col-md-3 welcome-grids wow zoomIn animated" data-wow-delay=".5s">
<h5>OUR SERVICES</h5>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipi est eligendi scing elit</p>
<div class="welcome-w3lsicon">
<span><i class="glyphicon glyphicon-thumbs-up"></i></span>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
<!-- //welcome -->
<!-- about -->
<div id="about" class="about">
<!-- container -->
<div class="container">
<h3 class="w3layouts-title wow fadeInDown animated" data-wow-delay=".5s">About Us</h3>
<div class="about-agileitsrow">
<div class="col-md-8 about-left wow slideInLeft animated" data-wow-delay=".5s">
<div class="col-md-4 col-sm-4 col-xs-4 about-img wow zoomInLeft animated" data-wow-delay=".9s">
<img src="images/img1.jpg" alt="">
</div>
<div class="col-md-8 col-sm-8 about-w3ls-text wow zoomInRight animated" data-wow-delay=".9s">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras rutrum iaculis enim, non convallis felis mattis at. Donec fringilla lacus eu pretium rutrum. Cras aliquet congue ullamcorper. Etiam mattis eros eu ullamcorper volutpat. Proin ut dui a urna efficitur varius. </p>
<p>Quisque molestie cursus mi et congue consectetur adipiscing elit cras rutrum iaculis enim, Lorem ipsum dolor sit amet, non convallis felis mattis at.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 about-right w3-agileits wow slideInRight animated" data-wow-delay=".5s">
<h4>Our Advantages </h4>
<ul>
<li><span class="glyphicon glyphicon-menu-right"></span>Sed eu augue eget massa gravida</li>
<li><span class="glyphicon glyphicon-menu-right"></span>Vivamus finibus velit quis orci</li>
<li><span class="glyphicon glyphicon-menu-right"></span>Donec et nibh massa viverra luctus.</li>
<li><span class="glyphicon glyphicon-menu-right"></span>Lorem ipsum dolor sit consectetur </li>
<li><span class="glyphicon glyphicon-menu-right"></span>Sed eu augue eget massa gravida</li>
<li><span class="glyphicon glyphicon-menu-right"></span>Vivamus finibus velit quis orci</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //container -->
</div>
<!-- //about -->
<!-- services -->
<div id="services" class="services">
<!-- container -->
<div class="container">
<h3 class="w3layouts-title wow fadeInDown animated" data-wow-delay=".5s">Services</h3>
<div class="services-w3row">
<div class="col-md-3 col-sm-3 col-xs-6 services-agile-grid">
<span class="glyphicon glyphicon-check wthree-effect" aria-hidden="true"></span>
<div class="services-text w3-agileits">
<h5 class="w3-agile-counter">89,147</h5>
<p>Vivamus finibus</p>
</div>
</div>
<div class="col-md-3 col-sm-3 col-xs-6 services-agile-grid">
<span class="glyphicon glyphicon-user wthree-effect" aria-hidden="true