-
Notifications
You must be signed in to change notification settings - Fork 56
/
index.html
49 lines (47 loc) · 1.97 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My Responsive Layout</title>
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link href='css/style.css' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="container">
<div class="row">
<h1 class="menu-title">Our menu</h1>
<div class="col-lg-4">
<div class="item">
<div class="item-title" id="title-one">
<h3>Chicken</h3>
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa perferendis enim, consequatur obcaecati iusto! Quia aliquam, obcaecati explicabo adipisci non. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa perferendis enim, consequatur obcaecati iusto! Quia aliquam, obcaecati explicabo adipisci non.
</p>
</div>
</div>
<div class="col-lg-4">
<div class="item">
<div class="item-title" id="title-two">
<h3>Beef</h3>
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa perferendis enim, consequatur obcaecati iusto! Quia aliquam, obcaecati explicabo adipisci non. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa perferendis enim, consequatur obcaecati iusto! Quia aliquam, obcaecati explicabo adipisci non.
</p>
</div>
</div>
<div class="col-lg-4 col-lg-tablet">
<div class="item">
<div class="item-title" id="title-three">
<h3>Sushi</h3>
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa perferendis enim, consequatur obcaecati iusto! Quia aliquam, obcaecati explicabo adipisci non. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa perferendis enim, consequatur obcaecati iusto! Quia aliquam, obcaecati explicabo adipisci non.
</p>
</div>
</div>
</div>
</div>
</body>
</html>