| <meta charset="utf-8"> | |
| <style> | |
| html, body { | |
| background: #333333; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| font-family: sans-serif; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| #root { | |
| position: relative; | |
| background: linear-gradient(135deg, #424242 0%, #000000 100%); | |
| overflow: hidden; | |
| width: 1280px; | |
| height: 720px; | |
| } | |
| #label { | |
| position: absolute; | |
| top: 25px; | |
| left: 25px; | |
| background: white; | |
| color: #424242; | |
| font-size: 72px; | |
| font-weight: bold; | |
| padding: 10px; | |
| padding-left: 20px; | |
| padding-right: 20px; | |
| } | |
| #title { | |
| position: absolute; | |
| top: 225px; | |
| left: 25px; | |
| color: white; | |
| font-size: 72px; | |
| font-weight: bold; | |
| white-space: pre-line; | |
| line-height: 70px; | |
| padding: 10px; | |
| } | |
| #logo { | |
| position: absolute; | |
| bottom: 0px; | |
| right: 0px; | |
| height: 475px; | |
| width: 475px; | |
| } | |
| </style> | |
| <div id="root"> | |
| <div id="label"> | |
| РИСК 24 | |
| </div> | |
| <div id="title"> | |
| Что такое интернет | |
| </div> | |
| <img id="logo" src="./assets/desktop.png"> | |
| </div> |