Skip to content

Instantly share code, notes, and snippets.

@dtinth

dtinth/Code in the dark round1.html

Created November 24, 2016 14:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dtinth/73044d0383c526e4421bde12d7c6256e to your computer and use it in GitHub Desktop.
Save dtinth/73044d0383c526e4421bde12d7c6256e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Code in the dark round1.html
<!DOCTYPE html>
<style>
body {
background: black;
color: white;
font: 16px Courier New;
}
#header {
height: 32px;
position: relative;
}
#header-left {
display: flex;
position: absolute;
left: 0;
top: 0;
height: 32px;
}
#header-right {
display: flex;
align-items: center;
position: absolute;
right: 0;
top: 0;
height: 32px;
}
.menu-item {
margin-left: 25px;
line-height: 32px;
color: #eee;
}
.menu-item.is-active {
color: white;
}
</style>
<body style="padding: 20px;"><!-- lol -->
<div id="header">
<div id="header-left"><!--- ZZZZ -->
<img src="./logo-braintree.png" style="margin-right:25px"><!-- We use braintree!!!!! -->
<div style="height:32px;width:1px;background:#666"></div>
<div class="menu-item is-active">
<div style="position:relative">
How it works
<div style="position:absolute;bottom:-40px;border-bottom:3px solid #5d7"></div>
</div>
</div>
<div class="menu-item">Products + Features</div>
<div class="menu-item">Pricing</div>
<div class="menu-item">Payment Methods</div>
</div>
<div id="header-right">
<div class="menu-item">Log in</div>
<div style="background:#5d7;padding:8px 16px;font:1em avenir next;border-radius:3px">Beta sign up</div>
</div>
</div>
<div style="padding:120px">
<div style="font-size:4em">Powering More<br>Than Just Payments</div>
<div style="margin-top:200px;display:flex;">
<div style="background:#fff;color:black;padding:12px 24px;font:1.3em avenir next;border-radius:3px">Sign Up Now</div>
<div style="margin-left:30px;padding:12px 24px;border:1px solid #888;color:#888;font:1.3em avenir next;border-radius:3px">Try the Sandbox</div>
</div>
</div>
<div style="background:#333;padding:20px">
The latest
<FONT COLOR="#666">&nbsp;|&nbsp;</FONT><!-- LOL -->
<span style="font-family:Avenir Next;font-weight:200;">Android Pay is now available in Singapore</span>
</div>
</body>
<!-- INLINE STYLES RULEZZZZZZZZZZZZZZZZZZZZZ ZZZZZZZZZ-->
<!-- ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment