-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
36 lines (31 loc) · 2.67 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Responsive Layout</title>
<link rel="stylesheet" href="/Assignment 2/module2-solution/css/module2.css">
</head>
<body>
<h1>Our Menu</h1>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="sec">
<p class="sectitle title1">Chicken</p>
<p class="secbody">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin purus dolor, molestie id felis ac, aliquam cursus lorem. In cursus quam eu auctor efficitur. Morbi placerat maximus mi et pretium. Vestibulum et arcu at metus porta mattis. Sed eu orci quis elit suscipit cursus. Donec sollicitudin nec mauris sed hendrerit. Nunc pulvinar pharetra ipsum, quis facilisis erat cursus sit amet. Vivamus eget ligula quis ex maximus rutrum vitae vitae ante. Suspendisse felis libero, maximus accumsan tellus id, ornare tristique nibh. Pellentesque id leo et nulla lacinia pellentesque. Nam id ultrices odio, quis dictum dolor. Aliquam eu justo neque. Morbi ut massa ac tortor sodales faucibus et et nunc. Nulla non nisi ipsum. Quisque sollicitudin elit id tellus aliquet ultrices.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="sec">
<p class="sectitle title2">Beef</p>
<p class="secbody">Proin in est augue. Cras mauris velit, efficitur et nisl id, feugiat tincidunt neque. Sed dolor purus, imperdiet at diam at, volutpat hendrerit magna. Pellentesque porttitor nisi nulla, ut commodo lorem rutrum at. Cras iaculis cursus leo eu accumsan. Nunc ornare venenatis turpis, sit amet egestas justo gravida et. Fusce in dictum tortor. Duis quis purus justo.
</p>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="sec">
<p class="sectitle title3">Sushi</p>
<p class="secbody">Sed in sapien ultricies, lacinia nisl nec, lobortis arcu. Curabitur sed mauris diam. Vestibulum ut nisi magna. Nunc hendrerit posuere dolor nec dapibus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent egestas, nulla eget volutpat sagittis, erat libero dictum odio, non tempus ante purus vitae urna. Vivamus scelerisque augue et metus malesuada, ac hendrerit risus scelerisque. Duis pharetra magna leo, eget efficitur massa tempor vitae. Cras ullamcorper tellus non urna porttitor, at posuere nibh laoreet. Nulla facilisis quis purus vel faucibus. Ut pharetra eleifend sem at mollis. Fusce dolor sapien, pharetra ut facilisis et, vulputate commodo nibh. Nulla dignissim faucibus accumsan. Ut iaculis placerat consequat. Nullam pulvinar finibus ex et blandit.</p>
</div>
</div>
</body>
</html>