-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
50 lines (48 loc) · 3.11 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
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html>
<head>
<title>Layout Project</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
<div class="container">
<div class="header_white">
<h1>Simple 2 column CSS layout, final layout</h1>
</div>
<div class="header_red">
<a href="https://google.com/">Option 1</a>
<a href="https://google.com/">Option 2</a>
<a href="https://google.com/">Option 3</a>
<a href="https://google.com/">Option 4</a>
<a href="https://google.com/">Option 5</a>
</div>
<div class="column_left">
<h2>Column 1</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis in consequat purus. Vivamus vel est nisi. Maecenas pellentesque nibh vitae dui interdum ultrices. Sed massa magna, molestie sit amet turpis ullamcorper, fermentum elementum ante. Aliquam convallis tortor at justo dignissim accumsan. In eu orci ligula. Nam ut neque lectus.</p>
<p>Vestibulum imperdiet magna enim, vel condimentum orci suscipit nec. Mauris aliquam, eros ac auctor dictum, leo tortor venenatis sapien, vel tincidunt mauris nisl at erat. Donec commodo vitae nisi vitae imperdiet. Nullam cursus, neque nec tincidunt dictum, massa ipsum congue augue, non molestie sem magna fringilla libero. Phasellus scelerisque vehicula leo, mattis scelerisque ligula accumsan non. Aliquam et sapien tortor. Mauris et maximus risus. Mauris eleifend quis est ac mollis. Pellentesque malesuada ultrices nulla non ullamcorper. Sed vitae malesuada mauris.</p>
<p>In ac gravida justo. Curabitur pulvinar, nisi ut vestibulum accumsan, neque erat rhoncus metus, eget mollis augue libero et metus. Quisque facilisis libero at dolor ultrices, in ornare quam faucibus. Integer congue mauris a accumsan viverra. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin suscipit nulla vitae lorem vestibulum tristique. Nulla vitae felis condimentum, pulvinar sem a, hendrerit diam. Mauris sodales vulputate diam, dictum fermentum leo vehicula id.</p>
</div>
<div class="column_right">
<h2>Column 2</h2>
<p>In ac gravida justo. Curabitur pulvinar, nisi ut vestibulum accumsan, neque erat rhoncus metus, eget mollis augue libero et metus.</p>
<ul>
<li><a href="https://google.com/">Link 1</a></li>
<li><a href="https://google.com/">Link 2</a></li>
<li><a href="https://google.com/">Link 3</a></li>
<li><a href="https://google.com/">Link 4</a></li>
<li><a href="https://google.com/">Link 5</a></li>
<li><a href="https://google.com/">Link 6</a></li>
<li><a href="https://google.com/">Link 7</a></li>
<li><a href="https://google.com/">Link 8</a></li>
<li><a href="https://google.com/">Link 9</a></li>
<li><a href="https://google.com/">Link 10</a></li>
<li><a href="https://google.com/">Link 11</a></li>
<li><a href="https://google.com/">Link 12</a></li>
<li><a href="https://google.com/">Link 13</a></li>
<li><a href="https://google.com/">Link 14</a></li>
<li><a href="https://google.com/">Link 15</a></li>
</ul>
</div>
</div>
</body>
</html>