Created
September 15, 2014 07:37
-
-
Save Lokua/3e73dd03621ae4a6abfd to your computer and use it in GitHub Desktop.
snippet for quickly banging out html tests
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>test</title> | |
| <script src=""></script> | |
| </head> | |
| <style> | |
| body { | |
| width: 62; | |
| padding: 32px; | |
| margin: 0 auto; | |
| text-align: center; | |
| } | |
| #a, #b, #c { | |
| display: inline-block; | |
| width: 25%; | |
| color: #666; | |
| border: 1px solid #ccc; | |
| } | |
| .d, .e, .f { | |
| padding: 16px; | |
| font-size: 24px; | |
| } | |
| .d { background: rgba(255, 0, 0, 0.25); } | |
| .e { background: rgba(0, 0, 255, 0.25); } | |
| .f { background: rgba(0, 255, 0, 0.25); } | |
| .g { | |
| border: 4px solid #888; | |
| } | |
| .hidden { | |
| display: none; | |
| } | |
| </style> | |
| <body> | |
| <main id="main"> | |
| <div id="a"> | |
| <h2>#a</h2> | |
| <div class="d g">.d .g</div> | |
| </div> | |
| <div id="b"> | |
| <h2>#b</h2> | |
| <div class="e g">.e .g</div> | |
| </div> | |
| <div id="c"> | |
| <h2>#c</h2> | |
| <div class="f g">.f .g</div> | |
| </div> | |
| </main> | |
| <script> | |
| window.onload = function() { | |
| console.log('hello from test'); | |
| } | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment