Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Desktime</title>
    <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans:200,300' rel='stylesheet' type='text/css'>
    <link href="style.css" rel="stylesheet">
  </head>
  <body>
  
    <header class="page-header">
      <a href="." class="header-logo"><h1>Desktime</h1></a>
      <a href="sign-in" class="header-signin">Sign In</a>
      <nav class="header-nav">
        <ul>
          <li><a href="#request-a-demo">Request a demo</a></li>
          <li><a href="faq.html">FAQ</a></li>
          <li><a href="directory.html">Directory</a></li>
        </ul>
      </nav><!-- /.header-nav-->
    </header><!-- /.page-header -->
​
    <div class="marketing-intro">
      <section class="marketing-intro-story marketing-intro-manage">
        <h1>Take control of your coworking space</h1>
        <p>Accept payments, book your space, and build a community with a single web-based app.</p>
        <a href="#demo" class="marketing-story-action">Request a demo</a>
      </section>
      <section class="marketing-intro-story marketing-intro-find">
        <h1>Find the <span>perfect</span> shared workspace.</h1>
        <p>Search the Desktime Directory for a great place to work anywhere in the world.</p>
        <input>
      </section>
    </div><!-- /.marketing-intro -->
​
    <div class="features">
      <section class="feature feature-payments">
        <h1>Effortless integrated payments.</h1>
        <p>There’s no easier way to accept recurring or one-time credit card payments for your space. And it takes minutes to set up.</p>
      </section>
      <section class="feature feature-booking-system">
        <h1>Track bookings and resources.</h1>
        <p>With a booking system designed specifically for shared spaces, you’ll always know who’s coming, who’s going, and what they’re using.</p>
      </section>
      <section class="feature feature-member">
        <h1>The best member experience.</h1>
        <p>Desktime’s Member Profiles help your members connect, and a full payment and booking history give them control.</p>
      </section>
      <section class="feature feature-promotion">
        <h1>Promote your space.</h1>
        <p>Keep your space close to capacity with a listing in the Desktime Directory. It’s completely free, and fully-integrated into Desktime.</p>
      </section>
    </div><!-- /.features -->
​
    <section id="request-a-demo" class="marketing-signup">
      <div class="marketing-signup-content">
        <h1>Let’s get started.</h1>
        <p>We’ll help you setup your space and walk you through the entire Desktime experience. By the end of the session you’ll be ready to use Desktime full-time.</p>  
      </div>
      <form class="marketing-signup-form">
        <ul>
          <li>
            <label for="demo-name">Your Name</label>
            <input id="demo-name" placeholder="Your full name">
          </li>
          <li>
            <label for="demo-email">Your Email</label>
            <input id="demo-email" placeholder="you@yourmail.com">
          </li>
          <li>
            <label for="demo-space">Your Space</label>
            <input id="demo-space" placeholder="Name of your space">
          </li>
          <li class="marketing-signup-submit-field">
            <button class="marketing-signup-submit" type="submit">Request Demo</button>
          </li>
        </ul>
      </form>
    </section><!-- /.marketing-signup -->
​
  </body>
</html>
​
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
gryzzlypro
0viewers