193 lines
7.9 KiB
HTML
193 lines
7.9 KiB
HTML
|
<html><head>
|
||
|
<meta charset="utf-8">
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
|
||
|
<script type="text/javascript" src="http://netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
|
||
|
<link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
||
|
<link href="membership.css" rel="stylesheet" type="text/css">
|
||
|
</head><body>
|
||
|
<div class="cover">
|
||
|
<div class="navbar">
|
||
|
<div class="container">
|
||
|
<div class="navbar-header">
|
||
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-ex-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 class="navbar-brand" href="#"><span>Digital Glarus</span></a>
|
||
|
</div>
|
||
|
<div class="collapse navbar-collapse" id="navbar-ex-collapse">
|
||
|
<ul class="nav navbar-nav navbar-right">
|
||
|
<li class="active">
|
||
|
<a href="#">Home</a>
|
||
|
</li>
|
||
|
<li>
|
||
|
<a href="#">Contacts</a>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="cover-image" style="background-image : url('photo-1418479631014-8cbf89db3431 2.jpg')"></div>
|
||
|
<div class="container">
|
||
|
<div class="row">
|
||
|
<div class="col-md-12 text-center">
|
||
|
<h2 class="text-inverse">When do you want to cowork?</h2>
|
||
|
<p class="text-inverse">Pick a date!</p>
|
||
|
<a class="btn btn-lg btn-primary">Calender</a>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="section">
|
||
|
<div class="container">
|
||
|
<div class="row">
|
||
|
<div class="col-md-12">
|
||
|
<h2 class="text-center">Become a member!</h2>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="row">
|
||
|
<div class="col-md-12">
|
||
|
<p class="text-center">Become our member of Digital Glarus! </p>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="section">
|
||
|
<div class="container">
|
||
|
<div class="row">
|
||
|
<div class="col-md-6">
|
||
|
<img src="https://ununsplash.imgix.net/photo-1423753623104-718aaace6772?w=1024&q=50&fm=jpg&s=1ffa61419561b5c796bca3158e7c704c" class="img-responsive">
|
||
|
</div>
|
||
|
<div class="col-md-6">
|
||
|
<h2 class="text-muted">The Spontaneous</h2>
|
||
|
<h3>35CHF/Month (1 day pass included)</h3>
|
||
|
<p>Do you dream of having a place to be inspired in the middle of the Alps?
|
||
|
With only 35CHF a month, you can enjoy the full benefit of a Digital Chalet
|
||
|
Schwanden membership! You can enjoy high speed network connection and comfortable
|
||
|
working desks where you can come up with best ideas for your project surrounded
|
||
|
by friendly coworkers. And if your work gets too productive to leave, you
|
||
|
can crash on our guest bed for the night, the house has everything a coworker
|
||
|
needs from an equipped kitchen to a shower. The Spontaneous includes 1
|
||
|
day pass included, it is perfect for you if you are planning a retreat
|
||
|
month of a coworking in the nature, or coming for a limited period to Switzerland
|
||
|
for coworking. It is a perfect try-out package!
|
||
|
<br>
|
||
|
</p>
|
||
|
<a class="btn btn-primary">Buy Now</a>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="section">
|
||
|
<div class="container">
|
||
|
<div class="row">
|
||
|
<div class="col-md-6">
|
||
|
<h2 class="text-muted">The Committed</h2>
|
||
|
<h3>360CHF/Year (2 free day per month included)</h3>
|
||
|
<p>Be a regular coworker in our Digital Chalet Schwanden! With only 360CHF,
|
||
|
you can enjoy the full coworking space for the whole year, with additional
|
||
|
2 free day passes for each month. It is an ideal deal for our busy and
|
||
|
active coworkers who would like to save time(and nerve)for requesting new
|
||
|
membership every month. Signifiantly discounted price is applied for yearly
|
||
|
membership.
|
||
|
<br>
|
||
|
</p>
|
||
|
<a class="btn btn-primary">Buy Now</a>
|
||
|
</div>
|
||
|
<div class="col-md-6">
|
||
|
<img src="https://unsplash.imgix.net/photo-1413834932717-29e7d4714192?w=1024&q=50&fm=jpg&s=d9d6cbc32dd4968d0c21e331436a6af6" class="img-responsive">
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="section">
|
||
|
<div class="container">
|
||
|
<div class="row">
|
||
|
<div class="col-md-12">
|
||
|
<h2 class="text-center text-primary">A Quick Glance..</h2>
|
||
|
<p class="text-center">A short guide for membership features.</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="row">
|
||
|
<div class="col-md-12">
|
||
|
<table class="table">
|
||
|
<thead>
|
||
|
<tr>
|
||
|
<th></th>
|
||
|
<th>The Spontaneous</th>
|
||
|
<th>The Committed</th>
|
||
|
</tr>
|
||
|
</thead>
|
||
|
<tbody>
|
||
|
<tr>
|
||
|
<td>Includes</td>
|
||
|
<td>1 work day included</td>
|
||
|
<td>2 free work days per month</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td>Fits for</td>
|
||
|
<td>Great for trial, see how it goes</td>
|
||
|
<td>Perfect for coworking with great price</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td>Price</td>
|
||
|
<td>Decicde every month</td>
|
||
|
<td>Pay once per year</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td>Membership price</td>
|
||
|
<td>35CHF/Month</td>
|
||
|
<td>360CHF/Year</td>
|
||
|
</tr>
|
||
|
<tr>
|
||
|
<td>Price per additional day</td>
|
||
|
<td>20 CHF</td>
|
||
|
<td>15 CHF</td>
|
||
|
</tr>
|
||
|
</tbody>
|
||
|
</table>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<footer class="section section-primary">
|
||
|
<div class="container">
|
||
|
<div class="row">
|
||
|
<div class="col-sm-6">
|
||
|
<h1>Digital Glarus</h1>
|
||
|
<p>In der Au 7 8762 Schwanden
|
||
|
<br>Copyright © ungleich GmbH 2016</p>
|
||
|
</div>
|
||
|
<div class="col-sm-6">
|
||
|
<p class="text-info text-right">
|
||
|
<br>
|
||
|
<br>
|
||
|
</p>
|
||
|
<div class="row">
|
||
|
<div class="col-md-12 hidden-lg hidden-md hidden-sm text-left">
|
||
|
<a href="#"><i class="fa fa-3x fa-fw fa-instagram text-inverse"></i></a>
|
||
|
<a href="#"><i class="fa fa-3x fa-fw fa-twitter text-inverse"></i></a>
|
||
|
<a href="#"><i class="fa fa-3x fa-fw fa-facebook text-inverse"></i></a>
|
||
|
<a href="#"><i class="fa fa-3x fa-fw fa-github text-inverse"></i></a>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="row">
|
||
|
<div class="col-md-12 hidden-xs text-right">
|
||
|
<a href="https://twitter.com/DigitalGlarus"><i class="fa fa-twitter"></i></a>
|
||
|
<i class="fa fa-3x fa-fw fa-instagram text-inverse"></i>
|
||
|
<a href="#"><i class="fa fa-3x fa-fw fa-twitter text-inverse"></i></a>
|
||
|
<a href="#"><i class="fa fa-3x fa-fw fa-facebook text-inverse"></i></a>
|
||
|
<a href="https://github.com/ungleich"><i class="fa fa-github"></i></a>
|
||
|
<i class="fa fa-3x fa-fw fa-github text-inverse"></i>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</footer>
|
||
|
|
||
|
|
||
|
</body></html>
|