Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

adds custom 404 page #400

Merged
1 commit merged into from
Oct 2, 2017
Merged

adds custom 404 page #400

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
141 changes: 141 additions & 0 deletions 404.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,141 @@
<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Oops, file not found!">
<meta name="author" content="@dwyl">
<meta name="robots" content="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=Istok+Web|Montserrat:500" 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">
<link rel="apple-touch-icon" sizes="57x57" href="/img/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/img/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/img/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/img/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/img/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/img/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/img/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/img/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/img/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
<link rel="manifest" href="/img/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/img/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<title>404 | dwyl</title>
</head>
<body>
<nav class="w-100 bg-white tc white relative fixed">
<input type="checkbox" id="burger" class="absolute top-2 right-1 dn">
<label for="burger" class="dn-l pointer absolute top-1 right-1">
<i class="fa fa-bars dwyl-dark-gray dib f2"></i>
</label>
<ul class="overflow-hidden menu db-l w-100 list tc pl0 pt3 mv0 f3 fw3 f5-l">
<li class="absolute top-1 static-l ph4 mh2 fw3 di-l pt1 pb3 pv3-l">
<a href="/" class="dwyl-dark-gray link">
<img src="./img/common/dwyl-heart-only-logo.png" alt="dwyl heart logo" class="w1-plus"/>
dwyl
</a>
</li>
<li class="ph4-l ph5-xl ph5 pt5 pb2 tl dn-l"><a href="/" class="dwyl-dark-gray link">Home</a></li>
<li class="ph4-l ph5-xl ph5 di-l pv2 tl pv0-l"><a href="/portfolio" class="dwyl-dark-gray link">Portfolio</a></li>
<li class="ph4-l ph5-xl ph5 di-l pv2 tl pv0-l"><a href="/values" class="dwyl-dark-gray link">Values</a></li>
<li class="ph4-l ph5-xl ph5 di-l pv2 tl pv0-l"><a href="/team" class="dwyl-dark-gray link">Team</a></li>
<li class="ph4-l ph5-xl ph5 dib-l pv2 tl pv0-l"><a href="/time-app" class="dwyl-dark-gray link">App
<span class="dwyl-bg-gold pa1 br2 f7">BETA</span></a></li>
<li class="ph4-l ph5-xl ph5 di-l pv2 tl pv0-l"><a href="/blog" class="dwyl-mint link">Blog</a></li>
<li class="ph4-l ph5-xl ph5 di-l pt2 pb3 tl pv0-l"><a href="#contact" id="contact-link" class="dwyl-dark-gray link">Contact</a></li>
</ul>
</nav>

<div class="pb6-l pt7-l mb6-l pb6-m pt7-m mb6-m pt6 pb5 w-60-l w-80 center">
<img src="/img/broken-heart.png" alt="broken dwyl heart logo" class="center db mt3">
<h1 class="red tc f1">Oh No!</h1>
<h2 class="tc lh-copy dwyl-gray">404<br>Sorry, what you're looking for is not here.</h2>

</div>


<a id="contact" class="h2 dib h0-l di-l"></a>
<section class="dwyl-bg-mint center pv5-ns pb5-ns">
<div class="mw8 center">
<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> Unit 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 ml3-ns ml3-m ml4-l 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 -->
<div class="mt2 ml3">
<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" />
</div>
<div class="mt3 ml3">
<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" />
</div>
<div class="mt3 ml3">
<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>
</div>
<button class="bn dib link mt3 mb3 ph3 pv2 dwyl-bg-orange white br2 f5 ml3 shadow-4 pointer montserrat">
<i class="fa fa-paper-plane"></i>&nbsp; Say Hello
</button>
</form>

<div style="display:none;" class="tc pb4 dwyl-dark-gray" id="thankyou_message">
<h2>Thanks for contacting us!</h2>
<h2>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>
</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 fw3 f6 dib-ns pv2"><a href="/" class="white link">Home</a></li>
<li class="ph4 fw3 f6 dib-ns pv2"><a href="/portfolio" class="white link">Portfolio</a></li>
<li class="ph4 fw3 f6 dib-ns pv2"><a href="/careers" class="white link">Careers</a></li>
<div class="dib">
<li class="ph4 fw3 f6 dib-ns pv2"><a href="/community" class="white link">Community</a></li>
<li class="ph4 fw3 f6 dib-ns pv2"><a href="/blog" class="dwyl-mint link">Blog</a></li>
</div>
</ul>
<a href="https://twitter.com/dwyl" class="link f0" name="dwyl Twitter">
Twitter
<i class="fa fa-twitter pr4 ph4-ns pb4 dwyl-light-gray f2" aria-hidden="true"></i>
<a href="https://github.com/dwyl" class="link f0" name="dwyl GitHub">
GitHub
<i class="fa fa-github pl4 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 &copy; DWYL LTD, company number 09525434 registered in England &amp; Wales at Focus Hub, Unit 16 Palmers Road, London, United Kingdom, E2 0SY. All rights reserved.
</p>
<img src="/img/common/dwyl-grey-heart.png" alt="dwyl heart logo" class="pv4">
</footer>

<script src="/js/script.js"></script>
</body>
</html>
Binary file added img/broken-heart.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.