Skip to content

Instantly share code, notes, and snippets.

@xander-miller

xander-miller/index.html

Last active August 29, 2015 13:57
Show Gist options
  • Save xander-miller/9588460 to your computer and use it in GitHub Desktop.
Save xander-miller/9588460 to your computer and use it in GitHub Desktop.
Download ZIP
Anne's project
Raw
index.html
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Jott.ly</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="stylesheets/base.css">
<link rel="stylesheet" href="stylesheets/skeleton.css">
<link rel="stylesheet" href="stylesheets/style.css">
<link rel="stylesheet" href="stylesheets/layout.css">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>
<link rel="stylesheet" href="http://webfonts.justanotherfoundry.com/Facit/" type="text/css" />
<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
<body>
<!-- Delete everything in this .container and get started on your own site! -->
<div id="header">
<div class="container">
<header class="sixteen columns">
<h1 class="logo">
<a href="#"><img src="images/logo.png" /></a>
</h1>
</header>
<header class="seven columns">
<h2>Start writing as a team, effortlessly</h2>
<h3>Now you can edit, post and share content online within your group.</h3>
</div>
</div>
<div class="container">
<div id="features" class="sixteen columns">
<h1>Why should I choose Jott.ly?</h1>
<br>
<p>Jott.ly is a web application designed to make a collaborative writing environment that you can take with you anywhere, even on your mobile devices. Meet with your collegaues online at anytime to work on shared documents. Keep track of all the changes within your work, and have the option to go back to previously saved versions.</p>
<p>With a cloud-based application llike Jott.ly you never have to worry about losing your work. We&apos;ll take care of the storage for you. You can also save your Jott.ly documets offline if no internet connection is available.</p>
<features class="seven_half columns alpha">
<h2>Jott.ly makes it simple.</h2>
<p>A simple user-friendly design that any writer can appreciate. Begin writing in seconds.</p>
<h2>Jottly makes it easy.</h2>
<p>Revise your documents online between multiple users simoltaneously.</p>
<h3>And it&apos;s convenient.</h3>
<p>Work on your documents in any location at any time and never risk losing your work.</p>
</div>
</div>
</div>
</div>
<div id="testimonials" >
<div class="container">
<testimonials class="sixteen columns">
</testimonials>
<testimonials class="sixteen columns">
<h1>What they&apos;re saying about Jott.ly</h1>
</div>
<div class="container">
<div id="testimonials" class="sixteen columns" >
<div class="one-third column alpha" >
<img src="images/pic1.png" width="122" height="122" style="float: left; margin: 0px 5px 5px 0px;" />
<h2>&quot;It&apos;s perfect for me&quot;</h2>
<p>I needed a way to add my thoughts to my company&apos;s memos without being in the office because I am always on the go. Jott.ly made this possible.
<br>
<strong><i>-Kevin Paul
<br>
Sales, Rogers Worldwide</strong></i></p>
</div>
<div class="one-third column">
<img src="images/pic2.png" width="122" height="122" style="float: left; margin: 0px 5px 5px 0px;" />
<h3>&quot;Fantastic!&quot;</h3>
<p>As a manager, it was difficult to print and re-distribute work documents that kept changing constantly. With Jott.ly, documents are automatically updated and available to everyone. Just what I needed!
<br>
<strong><i>-Julie Davies
<br>
Manager, TechInk.com</strong></i></p>
</div>
<div class="one-third column omega">
<img src="images/pic3.png" width="122" height="122" style="float: left; margin: 0px 5px 5px 0px;" />
<h2>&quot;We switched to Jott.ly&quot;</h2>
<p>My company was using another document sharing program but it took time to train my employees but it took time to train my employees how to use it. Jott.ly was so easy to use everyone got started right away!
<br>
<strong><i>-Daniel Anderson
<br>
CEO Anderson Inc.</strong></i></p>
</div>
</div>
</div>
</div>
<div id="call_to_action">
<div class="container">
<call_to_action class="sixteen columns">
<h1>Want to give Jott.ly a try?</h1>
<h2>Just enter your email below and we&apos;ll let you try Jott.ly for free!</h2>
</div>
</div>
<div id="footer">
<div class="container">
<footer class="sixteen columns">
<div id="footer" class="one-half column alpha">
<h1>About / Contact Us / Careers</h1>
</div>
<div id="footer" class="one-half column omega">
<h2>© 2014. Copyright. Jott.ly.All Rights Reserved.</h2>
</div>
</div>
</div>
</div>
<!-- End Document
================================================== -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment