Created
March 26, 2021 14:32
-
-
Save ssaurel/627bda1a710c2a585060899e8876783e to your computer and use it in GitHub Desktop.
Bitcoin Price In Words HTML5 Page
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
| <html> | |
| <head> | |
| <title>Bitcoin Price in Words - Sylvain Saurel</title> | |
| <link rel="preconnect" href="https://fonts.gstatic.com"> | |
| <link href="https://fonts.googleapis.com/css2?family=Sriracha&display=swap" rel="stylesheet"> | |
| <style> | |
| #top { | |
| width: 400px; | |
| margin: 0 auto; | |
| margin-top: 50px; | |
| display: block; | |
| } | |
| #bitcoin-price-img { | |
| width: 100%; | |
| margin-left: auto; | |
| margin-right: auto; | |
| display: block; | |
| } | |
| #time { | |
| width:270px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| margin-top: 10px; | |
| font-size:20px; | |
| font-family: 'Sriracha', cursive; | |
| color: #A5A5A5; | |
| text-align: center; | |
| } | |
| #content { | |
| width: 700px; | |
| font-size: 50px; | |
| text-align: center; | |
| margin: 0 auto; | |
| margin-top: 110px; | |
| padding: 30px; | |
| font-family: 'Sriracha', cursive; | |
| border:2px solid #ccc; | |
| box-shadow: 10px 10px 5px #ccc; | |
| -moz-box-shadow: 10px 10px 5px #ccc; | |
| -webkit-box-shadow: 10px 10px 5px #ccc; | |
| -khtml-box-shadow: 10px 10px 5px #ccc; | |
| cursor: pointer; | |
| } | |
| #bottom { | |
| width:700px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| margin-top: 130px; | |
| font-size:20px; | |
| font-family: 'Sriracha', cursive; | |
| color: #A5A5A5; | |
| text-align:center; | |
| } | |
| a { | |
| outline: none; | |
| text-decoration: none; | |
| padding: 2px 1px 0; | |
| } | |
| a:link { | |
| color: #265301; | |
| } | |
| a:visited { | |
| color: #437A16; | |
| } | |
| a:focus { | |
| border-bottom: 1px solid; | |
| background: #BAE498; | |
| } | |
| a:hover { | |
| border-bottom: 1px solid; | |
| background: #CDFEAA; | |
| } | |
| a:active { | |
| background: #265301; | |
| color: #CDFEAA; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <a href="https://www.bitcoinpriceinwords.com" alt="Bitcoin Price in Words"> | |
| <div id="top"> | |
| <img src="bitcoin-price-in-words-2.png" id="bitcoin-price-img"/> | |
| <div id="time"></div> | |
| </div> | |
| </a> | |
| <div id="content"></div> | |
| <div id="bottom">© <a href="https://www.inbitcoinwetrust.net" alt="In Bitcoin We Trust">In Bitcoin We Trust</a> by <a href="https://twitter.com/ssaurel" alt"Sylvain Saurel on Twitter">Sylvain Saurel</a> - Bitcoin Price powered by <a href="https://www.coindesk.com/coindesk-api">CoinDesk</a><br />Share Bitcoin Price in Words on <a href="" id="link-twitter" target="_top">Twitter</a></div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment