-
Notifications
You must be signed in to change notification settings - Fork 14
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
113 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,113 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<meta charset="utf-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<meta name="description" content="dwyl is a worldwide community of people using technology to solve real problems."> | ||
<meta name="author" content="@dwyl"> | ||
<meta name="keywords" content="do, what, you, love, dwyl, mvp, time, tracking, help, developers, code, frontend, backend, tooling, tools"> | ||
<meta name="robots" content="index, follow, noarchive"> | ||
<meta name="base" content="https://www.dwyl.com"> | ||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> | ||
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> | ||
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.7.0/css/tachyons.min.css"/> | ||
<link rel="stylesheet" href="css/dwyl.css"> | ||
<link rel="shortcut icon" href="/img/favicon.ico"> | ||
<title>dwyl</title> | ||
</head> | ||
<body> | ||
<nav class="w-100 dwyl-bg-dark-gray tc white relative fixed"> | ||
<input type="checkbox" id="burger" class="absolute top-2 right-1 dn"> | ||
<label for="burger" class="dn-ns pointer absolute top-1 right-1"> | ||
<i class="fa fa-bars white dib f2"></i> | ||
</label> | ||
<ul class="overflow-hidden menu db-ns w-100 list tc pl0 pt3 mv0 f3 fw3 f5-ns"> | ||
<li class="absolute top-1 static-ns ph4 mh2 fw3 di-ns pt1 pb3 pv3-ns"> | ||
<a href="/" class="white link"> | ||
<img src="./img/common/dwyl-heart-only-logo.png" alt="dwyl logo" class="w1-plus"/> | ||
dwyl | ||
</a> | ||
</li> | ||
<li class="ph5 pt5 pb2 tl dn-ns"><a href="/" class="white link">Home</a></li> | ||
<li class="ph5 di-ns pv2 tl pv0-ns"><a href="/portfolio" class="white link">Portfolio</a></li> | ||
<li class="ph5 di-ns pv2 tl pv0-ns"><a href="/values" class="white link">Values</a></li> | ||
<li class="ph5 di-ns pv2 tl pv0-ns"><a href="/team" class="white link">Team</a></li> | ||
<li class="ph5 di-ns pv2 tl pv0-ns"><a href="/app" class="white link">App | ||
<span class="dwyl-bg-gold pa1 br2 f7">BETA</span></a></li> | ||
<li class="ph5 di-ns pv2 tl pv0-ns"><a href="/blog" class="dwyl-mint link">Blog</a></li> | ||
<li class="ph5 di-ns pt2 pb3 tl pv0-ns"><a href="/#contact" class="white link">Contact</a></li> | ||
</ul> | ||
</nav> | ||
|
||
<section class="dwyl-bg-mint center pt4-ns pb5-ns"> | ||
|
||
<div class="dib-ns w-50-ns dtc v-top"> | ||
<div class="w-80 w-60-ns white center tr"> | ||
<h1 class="mt0-ns mb3 pl4-ns f-xl fw9">Let's</h1> | ||
<h1 class="pl4-ns mt3 f-xl fw9">Talk</h1> | ||
</div> | ||
<div class="w-80-ns w-90 ml3"> | ||
<a href="tel:+447708796446" class="link"><h2 class="tr white"><span class="dwyl-dark-gray fw9">Tel: </span>+44 (0) 7708 796446</h2></a> | ||
<a href="mailto:hello@dwyl.io" class="link"><h2 class="tr white"><span class="dwyl-dark-gray fw9">Email:</span> hello@dwyl.io</h2><a/> | ||
<h2 class="tr white"><span class="dwyl-dark-gray lh-copy fw9">Address:</span> 16 Palmers Road,<br>London, E2 0SY, UK</h2> | ||
<p class="tr dwyl-dark-gray">(We'll get back to you within 24 hours)</p> | ||
</div> | ||
</div> | ||
|
||
<div class="dib-ns bg-white pt4 pa2 shadow-4 ml5-ns w-40-ns"> | ||
|
||
<form id="gform" method="POST" class="tc tl-ns" action="https://script.google.com/macros/s/AKfycby5ZdD8HfCaz1tMVLw26qYQKEXkP8qdfwLek3TH_RYH3l1o1-Li/exec"> | ||
<!-- change the form action to your script url --> | ||
|
||
<fieldset class="bn"> | ||
<label for="name" class="db mb2 tl pl3 pl0-ns">Your Name</label> | ||
<input id="name" name="name" class="br2 ba dwyl-b--dark-gray pa2 w-90 border-box" placeholder="Tim Berners-Lee" /> | ||
</fieldset> | ||
|
||
<fieldset class="bn"> | ||
<label for="email" class="db mb2 tl pl3 pl0-ns">Email Address</label> | ||
<input id="email" name="email" class="br2 ba dwyl-b--dark-gray pa2 w-90 border-box" type="email" value="" required placeholder="tim@cern.com" /> | ||
</fieldset> | ||
|
||
<fieldset class="bn"> | ||
<label for="message" class="db mb2 tl pl3 pl0-ns">Message</label> | ||
<textarea id="message" name="message" class="br2 ba w-90 dwyl-b--dark-gray pa2" rows="10" placeholder="What problem can we solve for you?"></textarea> | ||
</fieldset> | ||
|
||
<button class="bn dib link mt2 mb3 ph3 pv3 dwyl-bg-orange white br2 f4 shadow-4 pointer montserrat"> | ||
<i class="fa fa-paper-plane"></i> Say Hello</button> | ||
</form> | ||
|
||
<div style="display:none;" id="thankyou_message"> | ||
<h2> | ||
<em>Thanks</em> for contacting us! We will get back to you soon!</h2> | ||
</div> | ||
|
||
<!-- Submit the Form to Google Using "AJAX" --> | ||
<script data-cfasync="false" type="text/javascript" src="https://cdn.rawgit.com/dwyl/html-form-send-email-via-google-script-without-server/master/form-submission-handler.js"></script> | ||
<!-- END --> | ||
</div> | ||
</section> | ||
<footer class="dwyl-bg-dark-gray white pt1 pt3-ns pb4 tc center"> | ||
<div class="bb b--white w-90-ns w-80 center"> | ||
<ul class="list tc pl0 pt3 pb3-ns mv0 f3 f5-ns "> | ||
<li class="ph4 mh2 fw3 f6 di-ns pv2 pv0-ns"><a href="/" class="white link">Home</a></li> | ||
<li class="ph4 mh2 fw3 f6 di-ns pv2 pv0-ns"><a href="/portfolio" class="white link">Portfolio</a></li> | ||
<li class="ph4 mh2 fw3 f6 di-ns pv2 pv0-ns"><a href="/careers" class="white link">Careers</a></li> | ||
<li class="ph4 mh2 fw3 f6 di-ns pv2 pv0-ns"><a href="/community" class="white link">Community</a></li> | ||
<li class="ph4 mh2 fw3 f6 di-ns pv2 pv0-ns"><a href="/blog" class="dwyl-mint link">Blog</a></li> | ||
</ul> | ||
<a href="https://twitter.com/dwyl" class="link"> | ||
<i class="fa fa-twitter ph2 ph4-ns pb4 dwyl-light-gray f2" aria-hidden="true"></i> | ||
</a> | ||
<a href="https://github.com/dwyl" class="link"> | ||
<i class="fa fa-github ph2 ph4-ns pb4 dwyl-light-gray f2" aria-hidden="true"></i> | ||
</a> | ||
</div> | ||
<p class="w-80 w-90-ns center f7 pt2-ns"> | ||
Copyright 2017 © dwyl ltd, company number 09525434 registered in England & Wales at 104 Mary Datchelor Close, London SE5 7DY, United Kingdom. All rights reserved. | ||
</p> | ||
<img src="./img/common/dwyl-grey-heart.png" alt="dwyl logo" class="pv4"> | ||
</footer> | ||
</body> | ||
</html> |