<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Home</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/animate-heading.css">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/meanmenu.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/et-line-icon.css">
<link rel="stylesheet" href="css/ionicons.min.css">
<link rel="stylesheet" href="css/material-design-iconic-font.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- Header Area Start -->
<header class="top">
<div class="header-area header-sticky">
<div class="container">
<div class="row">
<div class="col-md-2 col-sm-2 col-xs-12">
<div class="logo">
<a href="index.html"><img src="img/logo/logo.png" alt="spase" /></a>
</div>
</div>
<div class="col-md-8 col-sm-10 col-xs-12">
<div class="content-wrapper">
<!-- Main Menu Start -->
<div class="main-menu text-right">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="event.html">events</a></li>
<li><a href="contact.html">Contact us</a></li>
</ul>
</nav>
</div>
<div class="mobile-menu hidden-lg hidden-md"></div>
<!-- Main Menu End -->
</div>
</div>
<div class="col-md-2 hidden-sm hidden-xs">
<div class="header-social text-right">
<ul>
<li><a href=""><i class="zmdi zmdi-facebook"></i></a></li>
<li><a href=""><i class="zmdi zmdi-tumblr"></i></a></li>
<li><a href=""><i class="zmdi zmdi-pinterest"></i></a></li>
<li><a href=""><i class="zmdi zmdi-twitter"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Header Area End -->
<!-- Background Area Start -->
<section id="slider-container" class="slider-area">
<div class="slider-owl owl-theme owl-carousel">
<!-- Start Slingle Slide -->
<div class="single-slide item" style="background-image: url(img/slider/slider1.jpg)">
<!-- Start Slider Content -->
<div class="slider-content-area">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="slide-content-wrapper">
<div class="slide-content">
<h2>Coworking in the heart </h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod </p>
<a class="banner-btn" href="#" data-text="learn more"><span>Learn more</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Start Slider Content -->
</div>
<!-- End Slingle Slide -->
<!-- Start Slingle Slide -->
<div class="single-slide item" style="background-image: url(img/slider/slider2.jpg)">
<!-- Start Slider Content -->
<div class="slider-content-area">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="slide-content-wrapper">
<div class="slide-content">
<h2>Coworking for winner team </h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod </p>
<a class="banner-btn" href="#" data-text="learn more"><span>Learn more</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Start Slider Content -->
</div>
<!-- End Slingle Slide -->
<!-- Start Slingle Slide -->
<div class="single-slide item" style="background-image: url(img/slider/slider1.jpg)">
<!-- Start Slider Content -->
<div class="slider-content-area">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="slide-content-wrapper">
<div class="slide-content">
<h2>Coworking in the heart </h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod </p>
<a class="banner-btn" href="#" data-text="learn more"><span>Learn more</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Start Slider Content -->
</div>
<!-- End Slingle Slide -->
</div>
</section>
<!-- Background Area End -->
<!-- Cowork Start -->
<section class="cowork-area pt-120 pb-120">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="cowork-content section-title">
<h2>What is Cowork?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiust tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in volup velit esse cillum dolore eu fugiat nulla. </p>
<a class="banner-btn" href="#" data-text="about us"><span>about us</span></a>
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="cowork-img">
<div class="row">
<div class="col-sm-6">
<a href="#"><img src="img/co-worker/coworker1.jpg" alt="cowork"></a>
</div>
<div class="col-sm-6">
<a href="#"><img src="img/co-worker/coworker2.jpg" alt="cowork"></a>
</div>
<div class="col-sm-12">
<a href="#"><img src="img/co-worker/coworker3.jpg" alt="cowork"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Cowork End -->
<!-- Benefit Start -->
<section class="benefit-area pb-115 pt-108">
<div class="container-fluid">
<div class="row">
<div class="col-lg-8 col-lg-offset-4 col-md-9 col-md-offset-3 col-sm-9 col-sm-offset-3 col-xs-12 benefit-col">
<div class="section-title text-left">
<h2>benefits</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-4 col-md-9 col-md-offset-3 col-sm-9 col-sm-offset-3 col-xs-12 benefit-col">
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="single-benefit mb-40">
<div class="benefit-icon">
<a href="#"><span class="icon-pencil"></span></a>
</div>
<div class="benefit-content">
<h3><a href="class.html">Central Location</a></h3>
<p>Lorem ipsum dolor sit amet, consecte adipisicing elit, sed do eiusmod tempor in ut labore et dolore magna. </p>
</div>
</div>
<div class="single-benefit hidden-xs">
<div class="benefit-icon">
<a href="#"><span class="icon-lock"></span></a>
</div>
<div class="benefit-content">
<h3><a href="class.html">personal locker</a></h3>
<p>Lorem ipsum dolor sit amet, consecte adipisicing elit, sed do eiusmod tempor in ut labore et dolore magna. </p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="single-benefit mb-40">
<div class="benefit-icon">
<a href="#"><span class="icon-presentation"></span></a>
</div>
<div class="benefit-content">
<h3><a href="class.html">Meeting Room</a></h3>
<p>Lorem ipsum dolor sit amet, consecte adipisicing elit, sed do eiusmod tempor in ut labore et dolore magna.