File: /home/imensosw/www/imenso.co/dev/letscowork/index.php
<!doctype html>
<html lang="en-US" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<title>Let's cowork | Landing Page </title>
<link rel='stylesheet' href='css/bootstrap.min.css' media='all' />
<link rel="stylesheet" type="text/css" href="css/slick.css"/>
<link rel="stylesheet" type="text/css" href="css/slick-theme.css"/>
<link rel='stylesheet' href='css/style.css' media='all' />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" media="all">
<link href="https://fonts.googleapis.com/css?family=Kaushan+Script&display=swap" rel="stylesheet">
</head>
<body>
<div class="preloader">
<div class="loader">
Lets cowork
</div>
</div>
<div class="modal fade" id="leadForm" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="">Lets cowork</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="form-area">
<form id="leadform">
<fieldset class="text-center">
<h4 class="text-center my-5">Choose your location</h4>
<div class="form-group">
<div class="listing">
<div class="listing__option">
<img src="images/mumbai.png">
<span>Mumbai</span>
</div>
<div class="listing__option">
<img src="images/pune-icon.png">
<span>Pune</span>
</div>
<div class="listing__option">
<img src="images/chennai-icon.png">
<span>Chennai</span>
</div>
<div class="listing__option">
<img src="images/ahamdabad.png">
<span>Ahemdabad</span>
</div>
<div class="listing__option">
<img src="images/hydrabad.png">
<span>Hydrabad</span>
</div>
<div class="listing__option">
<img src="images/chandigarh.png">
<span>Chandigarh</span>
</div>
<div class="listing__option">
<img src="images/ncr.png">
<span>NCR</span>
</div>
<div class="listing__option">
<img src="images/bangaluru.png">
<span>Bangaluru</span>
</div>
</div>
</div>
<div class="clearfix"></div>
<button type="button" name="next" class="next mt-5 btn btn-primary">Next</button>
</fieldset>
<fieldset class="text-center">
<h4 class="text-center my-5">What's your team size</h4>
<div class="form-group">
<div class="listing">
<div class="listing__option">
<span>0-10</span>
</div>
<div class="listing__option">
<span>10-50</span>
</div>
<div class="listing__option">
<span>50-100</span>
</div>
<div class="listing__option">
<span>100+</span>
</div>
</div>
</div>
<div class="clearfix"></div>
<button type="button" name="previous" class="previous mt-5 btn btn-bordered" value="">Back</button>
<button type="button" name="next" class="next mt-5 btn btn-primary" value="Next" >Next</button>
</fieldset>
<fieldset class="text-center">
<h4 class="text-center my-5">Do you need accounting and GST services?</h4>
<div class="form-group">
<div class="listing">
<div class="listing__option">
<span>Yes</span>
</div>
<div class="listing__option">
<span>No</span>
</div>
</div>
</div>
<div class="clearfix"></div>
<button type="button" name="previous" class="previous mt-5 btn btn-bordered" value="">Back</button>
<button type="button" name="next" class="next mt-5 btn btn-primary" value="Next" >Next</button>
</fieldset>
<fieldset class="text-center">
<h4 class="text-center my-5">How we may contact you?</h4>
<div class="form-group text-left">
<label>Your name</label>
<input type="text" placeholder="Enter your name" />
</div>
<div class="form-group text-left">
<label>Email address</label>
<input type="text" placeholder="Enter your email address" />
</div>
<div class="form-group text-left">
<label>Phone no.</label>
<input type="text" placeholder="Enter your phone no." />
</div>
<div class="clearfix"></div>
<button type="button" name="previous" class="previous mt-5 btn btn-bordered" value="">Back</button>
<button type="submit" name="next" class="next mt-5 btn btn-primary" value="Next" >Submit</button>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>
<main class="">
<section class="hero burger">
<div class="container">
<div class="row align-items-center">
<div class="col-md-7 mt-10">
<span class="navbar-brand" href="#">Lets cowork</span>
<h1>Workspaces that fuel productivity & growth!</h1>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.</p>
<div class="mt-5">
<a href="javascript:;" data-toggle="modal" data-target="#leadForm" class="btn btn-bigger">Choose your location</a>
</div>
</div>
</div>
</div>
</section>
<section class="callout callout-nav" style="display: none;">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="callout__form">
<img src="images/cities.png">
<form class="" style="display: none;">
<div class="row">
<div class="col-md-9">
<label for="inputPassword2">Choose your location</label>
<div class="d-flex align-items-center">
<div class="radio-option">
<input type="radio" name="team" value="Mumbai" class="" id="radio-1" checked="">
<label class="custom-radio" for="html-radio"><span class="check-icon"></span><span>Mumbai</span></label>
</div>
<div class="radio-option">
<input type="radio" name="team" value="Delhi" class="" id="radio-2">
<label class="custom-radio" for="html-radio"><span class="check-icon"></span><span>Delhi</span></label>
</div>
<div class="radio-option">
<input type="radio" name="team" value="Gurgaon" class="" id="radio-3">
<label class="custom-radio" for="html-radio"><span class="check-icon"></span><span>Gurgaon</span></label>
</div>
<div class="radio-option">
<input type="radio" name="team" value="Chennai" class="" id="radio-4">
<label class="custom-radio" for="html-radio"><span class="check-icon"></span><span>Chennai</span></label>
</div>
<div class="radio-option">
<input type="radio" name="team" value="Hydrabad" class="" id="radio-4">
<label class="custom-radio" for="html-radio"><span class="check-icon"></span><span>Hydrabad</span></label>
</div>
<div class="radio-option">
<input type="radio" name="team" value="Jaipur" class="" id="radio-4">
<label class="custom-radio" for="html-radio"><span class="check-icon"></span><span>Jaipur</span></label>
</div>
<div class="radio-option">
<input type="radio" name="team" value="Pune" class="" id="radio-4">
<label class="custom-radio" for="html-radio"><span class="check-icon"></span><span>Pune</span></label>
</div>
</div>
</div>
<div class="col-md-3 mt-4">
<a href="#cta" type="submit" class="btn btn-secondary btn-block mt-2">Continue</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<section class="burger">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Space for <space class="highlight">every business</space></h2>
</div>
</div>
<div class="row mt-5">
<div class="col-md-4">
<div class="leaf">
<img src="images/freelance.png">
<h3>Freelancers</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. </p>
</div>
</div>
<div class="col-md-4">
<div class="leaf">
<img src="images/startup.png">
<h3>Startups</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. </p>
</div>
</div>
<div class="col-md-4">
<div class="leaf">
<img src="images/enterprise.png">
<h3>Enterprises</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. </p>
</div>
</div>
</div>
</div>
</section>
<section class="burger offer-1">
<div class="container">
<div class="row">
<div class="col-md-7"></div>
<div class="col-md-5">
<h2 class="mb-4">Free <span class="highlight">GST & Accounting </span>services for your business</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. </p>
</div>
</div>
</div>
</section>
<section class="burger">
<div class="container">
<div class="row">
<div class="col-md-12">
<h4 class="mb-4 text-center">And of course, these are included!</h4>
</div>
</div>
<div class="row mt-5">
<div class="col-md-3">
<div class="one-liner">
<img src="images/001.png" class="highlight">
<p>Refreshments</p>
</div>
</div>
<div class="col-md-3">
<div class="one-liner">
<img src="images/002.png" class="highlight">
<p>Meeting rooms</p>
</div>
</div>
<div class="col-md-3">
<div class="one-liner">
<img src="images/003.png" class="highlight">
<p>High-speed internet</p>
</div>
</div>
<div class="col-md-3">
<div class="one-liner">
<img src="images/004.png" class="highlight">
<p>Printing Services</p>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-md-3">
<div class="one-liner">
<img src="images/005.png" class="highlight">
<p>Dedicated desk</p>
</div>
</div>
<div class="col-md-3">
<div class="one-liner">
<img src="images/006.png" class="highlight">
<p>Entertainment Zones</p>
</div>
</div>
<div class="col-md-3">
<div class="one-liner">
<img src="images/007.png" class="highlight">
<p>Networking events</p>
</div>
</div>
<div class="col-md-3">
<div class="one-liner">
<img src="images/008.png" class="highlight">
<p>27X7 access</p>
</div>
</div>
</div>
</div>
</section>
<section class="pb-10">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>We are almost <space class="highlight">everywhere</space></h2>
</div>
</div>
<div class="row mt-5">
<div class="col-md-12">
<div class="location-slider">
<div>
<img src="images/hyderabad.png">
<div class="slide__content">
<h4>Hyderabad</h4>
<p>4 Centers</p>
</div>
</div>
<div>
<img src="images/pune.png">
<div class="slide__content">
<h4>Pune</h4>
<p>4 Centers</p>
</div>
</div>
<div>
<img src="images/chennai.png">
<div class="slide__content">
<h4>Chennai</h4>
<p>4 Centers</p>
</div>
</div>
<div>
<img src="images/bangalore.png">
<div class="slide__content">
<h4>Bangalore</h4>
<p>4 Centers</p>
</div>
</div>
<div>
<img src="images/jaipur.png">
<div class="slide__content">
<h4>Jaipur</h4>
<p>4 Centers</p>
</div>
</div>
<div>
<img src="images/hyderabad.png">
<div class="slide__content">
<h4>Hyderabad</h4>
<p>4 Centers</p>
</div>
</div>
<div>
<img src="images/pune.png">
<div class="slide__content">
<h4>Pune</h4>
<p>4 Centers</p>
</div>
</div>
<div>
<img src="images/chennai.png">
<div class="slide__content">
<h4>Chennai</h4>
<p>4 Centers</p>
</div>
</div>
<div>
<img src="images/bangalore.png">
<div class="slide__content">
<h4>Bangalore</h4>
<p>4 Centers</p>
</div>
</div>
<div>
<img src="images/jaipur.png">
<div class="slide__content">
<h4>Jaipur</h4>
<p>4 Centers</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pb-10">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="mb-5">What our <space class="highlight">customers</space> say</h2>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="testimonial">
<blockquote>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</blockquote>
<div class="reviewer d-flex align-items-center mt-4">
<img src="images/img2.png" class="img-fluid img-circle" width="60">
<div class="rev__info ml-3">
<h5 class="mb-0"><small>Jane Austine</small></h5>
<small>Founder | Doe Inc.</small>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="testimonial">
<blockquote>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</blockquote>
<div class="reviewer d-flex align-items-center mt-4">
<img src="images/img2.png" class="img-fluid img-circle" width="60">
<div class="rev__info ml-3">
<h5 class="mb-0"><small>Jane Austine</small></h5>
<small>Founder | Doe Inc.</small>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pb-10 faq " id="faq-section" >
<div class="container ">
<!-- container-start -->
<div class="row">
<div class="col-md-12">
<h2 class="mb-5">Some <space class="highlight">FAQs</space></h2>
</div>
</div>
<div class="row align-item-center">
<!-- row start -->
<div class="col-sm-12">
<!-- column start -->
<div class=" panel-group" id="accordion">
<div class="panel">
<div class="panel-heading ">
<div class="" data-toggle="collapse" data-parent="#accordion" data-target="#collapse1">
Do you accomodate large enterprises?
</div>
</div>
<div id="collapse1" class="panel-collapse collapse show in">
<div class="panel-body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
</div>
</div>
<div class="panel">
<div class="panel-heading ">
<div class=" collapsed" data-toggle="collapse" data-parent="#accordion" data-target="#collapse2">
Do you offer some discounts?
</div>
</div>
<div id="collapse2" class="panel-collapse collapse">
<div class="panel-body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
</div>
</div>
<div class="panel">
<div class="panel-heading ">
<div class="margin-0 collapsed" data-toggle="collapse" data-parent="#accordion" data-target="#collapse3">
How we can contact you?
</div>
</div>
<div id="collapse3" class="panel-collapse collapse">
<div class="panel-body">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
</div>
</div>
</div>
<!-- column end -->
</div>
</div>
<!-- row-end -->
</div>
<!-- conatainer-end -->
</section>
<section class="burger cta-2">
<h1>Book your space now!</h1>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<a href="javascript:;" data-toggle="modal" data-target="#leadForm" class="mt-4 btn btn-bigger">Choose your location</a>
</section>
<section class="burger ctda" id="cta" style="display: none;">
<div class="container">
<div class="row">
<div class="col-md-8 offset-md-2">
<div class="callout__form">
<form class="">
<div class="row">
<div class="col-md-12 mb-3">
<h1 class=""><space class="highlight">Book</space> your space</h1>
<p>Just fill out the form and our experts will get in touch :)</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<label for="">Choose your location</label>
<select class="chosen-select">
<option>Select Location</option>
<option>Mumbail</option>
<option>Bangluru</option>
<option>Delhi</option>
<option>Chennai</option>
</select>
</div>
<div class="col-md-12 mt-4">
<label for="inputPassword2">What’s your team size?</label>
<div class="d-flex align-items-center">
<div class="radio-option">
<input type="radio" name="team" value="1-10" class="" id="radio-1" checked="">
<label class="custom-radio" for="html-radio"><span class="check-icon"></span><span>1-10</span></label>
</div>
<div class="radio-option">
<input type="radio" name="team" value="10-50" class="" id="radio-2">
<label class="custom-radio" for="html-radio"><span class="check-icon"></span><span>10-50</span></label>
</div>
<div class="radio-option">
<input type="radio" name="team" value="50-100" class="" id="radio-3">
<label class="custom-radio" for="html-radio"><span class="check-icon"></span><span>50-100</span></label>
</div>
<div class="radio-option">
<input type="radio" name="team" value="100+" class="" id="radio-4">
<label class="custom-radio" for="html-radio"><span class="check-icon"></span><span>100+</span></label>
</div>
</div>
</div>
<div class="col-md-6 mt-4">
<label>Your Name</label>
<input type="text" placeholder="Enter your name" class="form-control" name="">
</div>
<div class="col-md-6 mt-4">
<label>Your Email</label>
<input type="text" placeholder="Enter your email" class="form-control" name="">
</div>
<div class="col-md-12 mt-4 text-center">
<button type="submit" class="btn btn-secondary btn-block mt-2">Lets Cowork</button>
<small>We never spam!</small>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<footer class="burger">
<div class="container">
<div class="mt-5">
Have questions?
<h2 class="">Reach out to us on +98 7654 3210</h2>
<div class="mt-5">
<p class="opaq"> © Lets cowork 2019.</p>
</div>
</div>
</div>
</footer>
</main>
<?php include("footer.php");?>
</body>
</html>