| 1 | <!DOCTYPE html> |
| 2 | <html> |
| 3 | |
| 4 | <head> |
| 5 | <style> |
| 6 | h1 { |
| 7 | color: green; |
| 8 | } |
| 9 | |
| 10 | @keyframes mymove { |
| 11 | from {top: 0px;} |
| 12 | to {top: 200px;} |
| 13 | } |
| 14 | </style> |
| 15 | <style media="print"> |
| 16 | h1 { |
| 17 | color: red; |
| 18 | } |
| 19 | </style> |
| 20 | <script type="application/ld+json"> |
| 21 | <!-- JSON-LD --> |
| 22 | </script> |
| 23 | <script> |
| 24 | document.getElementById("demo").innerHTML = "Hello JavaScript!"; |
| 25 | |
| 26 | const classes = `header ${ isLargeScreen()? '' : |
| 27 | `icon-${item.isCollapsed ? 'expander' : 'collapser'}` }`; |
| 28 | </script> |
| 29 | <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"> |
| 30 | <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> |
| 31 | </head> |
| 32 | |
| 33 | <body> |
| 34 | <header> |
| 35 | <h1>TEST</h1> |
| 36 | <p>TEST</p> |
| 37 | <div class="hello"> |
| 38 | <div class="hello2"> |
| 39 | <b>hi</b><br> |
| 40 | </div> |
| 41 | </div> |
| 42 | |
| 43 | <b>embedded</b> |
| 44 | |
| 45 | <div class="embedded"> |
| 46 | hello |
| 47 | </div> |
| 48 | |
| 49 | <a href="example.com">example.com</a> |
| 50 | <a href="mailto:[email protected]">Email</a> |
| 51 | </header> |
| 52 | <pre> |
| 53 | _ |
| 54 | | | |
| 55 | _____ ____ _ _ __ ___ _ __ | | ___ |
| 56 | / _ \ \/ / _` | '_ ` _ \| '_ \| |/ _ \ |
| 57 | | __/> < (_| | | | | | | |_) | | __/ |
| 58 | \___/_/\_\__,_|_| |_| |_| .__/|_|\___| |
| 59 | | | |
| 60 | |_| |
| 61 | </pre> |
| 62 | </body> |
| 63 | |
| 64 | </html> |
| 65 | |