-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
39 lines (37 loc) · 3.07 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
<head>
<title>Trivia</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="./img/trivia-night-transparent.png">
<script type="text/javascript" src="./js/main.js"></script>
<link rel="stylesheet" href="./css/main-style.css">
</head>
<body>
<header>
<a href="./index.html"><img src="./img/trivia-night-transparent.png" alt="header logo" id="header-logo"></a>
<nav class="header-nav"></nav>
<div class="header-login-register"></div>
</header>
<div class="main-content">
<aside class="aside-left">
<h2>Aside Left Test</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur orci ante, lobortis eu ex vitae, imperdiet tempus lacus. Praesent lacinia lectus lectus, molestie feugiat ante ultrices nec. Sed euismod aliquet magna, in volutpat arcu vestibulum ac. Duis ante leo, accumsan eget faucibus id, imperdiet eu est. Phasellus in aliquet mauris. Nam et lobortis est. Sed justo urna, convallis nec luctus eu, fermentum non tellus. Donec eget accumsan tortor.
</p>
</aside>
<section class="section-center">
<h2>Section Center Test</h2>
<p>
Integer vulputate urna sed sem placerat varius. Nulla pellentesque, quam et eleifend rhoncus, odio tellus euismod nibh, sit amet ultricies elit urna id velit. Donec ultricies ac elit sit amet maximus. Maecenas id auctor purus. Praesent ut venenatis ipsum, et consectetur elit. Aenean eu dui vel purus aliquam ornare. Mauris at hendrerit erat. Etiam aliquam lectus non erat pretium, quis tincidunt mauris ultricies. Suspendisse massa nulla, suscipit vitae mattis in, dictum imperdiet odio. In consequat malesuada hendrerit. Nulla sollicitudin aliquam sodales. Maecenas hendrerit dui dolor, ac porta nunc facilisis quis. Nunc rhoncus consequat rhoncus. Quisque ac augue a quam ullamcorper mattis. Praesent a magna tristique, tincidunt diam sed, fermentum nibh. Sed sit amet sapien dolor.
</p>
</section>
<aside class="aside-right">
<h2>Aside Right Test</h2>
<p>
Integer tempor consequat vulputate. Aliquam elementum orci sit amet sapien mattis tristique vel in dolor. Nulla facilisi. Sed ut mollis lacus. Phasellus vitae rutrum enim, nec mattis tellus. Nulla pretium cursus risus vitae tempus. Vivamus accumsan ut felis ac feugiat. In a metus erat. Proin semper nulla eu urna ultrices, eu interdum magna elementum. Aliquam sit amet magna ac nulla interdum bibendum. Proin gravida nunc eu risus congue, non posuere arcu lobortis. Etiam gravida arcu quis odio venenatis blandit. Vivamus euismod a magna eu ullamcorper. Nulla facilisi. In tempus interdum ante, sit amet auctor lacus. Vestibulum sagittis lectus vitae mi facilisis, ut luctus tortor lacinia.
</p>
</aside>
</div>
</body>
</html>