| 123456789101112131415161718192021222324252627282930 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <link rel="stylesheet" href="normalize.css">
- <link rel="stylesheet" href="style.css">
- <title>Document</title>
- </head>
- <body class="body-- nodebug">
- <h1>Media objects</h1>
- <div class="show-case">
- <div class="media">
- <h1 class="media__title">The title</h1>
- <p class="media__badges">Badges</p>
- <div class="media__body">
- <p class="media__text">
- voluptatem est hic nam ea qui consequuntur maiores necessitatibus aut cum sit quae
- quia aspernatur ea enim aut pariatur illo
- </p>
- </div>
- <p class="media__footer">Footer stuff</p>
- </div>
- </div>
- </body>
- </html>
|