/
index.html
107 lines (107 loc) · 6.23 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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/css/style.css" />
<title>3 Columns Dark | Welcome</title>
</head>
<body>
<main class="columns">
<section class="column column-1">
<div class="flex">
<div class="bk-round"></div>
<img src="/images/icon-sedan.png" alt="" />
</div>
<h2>Sedans</h2>
<p>
Lorem ipsum dolor sit amet consectetur. Eu diam cursus adipiscing erat. Ut arcu sed et a sit at egestas
molestie. Fusce hendrerit erat eros fermentum nibh condimentum quam. Turpis sagittis quam sollicitudin id
erat. Fermentum pulvinar velit tellus varius varius. Fermentum elementum adipiscing ornare morbi et. Tristique
amet ipsum ut suscipit odio pulvinar. Purus aenean lectus sed tempor ultrices dapibus sed erat aliquam. Eu
diam tempus sed malesuada sollicitudin et sit ullamcorper. Elit ornare et tellus ut amet purus erat. Amet
tristique nunc lorem commodo dictum accumsan vestibulum tortor.
</p>
<p>
Morbi diam elementum varius nullam id imperdiet tristique eu auctor. Nisl fusce lacinia interdum dignissim
porttitor nisi risus augue. Accumsan neque blandit sit et. Posuere faucibus vel blandit habitant sed interdum.
Interdum quis hac morbi suspendisse scelerisque dolor molestie donec pellentesque. Adipiscing purus augue eget
sed ultrices nunc convallis viverra. Vitae proin vitae maecenas mi in dui augue. Nisl turpis ut eu dui et.
Convallis congue condimentum sed lobortis nulla nunc condimentum sollicitudin ultrices. Cum nunc ut consequat
placerat.
</p>
<p>
Duis consequat pharetra ultrices vulputate proin libero vitae. Euismod mattis gravida vitae commodo molestie
dictumst fringilla consectetur. Metus ornare nec ornare mauris hac metus consequat in sit. Nunc id
sollicitudin vestibulum vitae sit lorem dolor ac sollicitudin. Elit aliquam est tortor at mauris at
adipiscing. Ut magna sed id tellus volutpat turpis tristique duis. Vel arcu tellus sollicitudin amet libero
tellus. Blandit posuere donec ac risus ac senectus feugiat dignissim.
</p>
<a href="#" class="btn">Learn More</a>
</section>
<section class="column column-2">
<div class="flex">
<div class="bk-round"></div>
<img src="/images/icon-suv.png" alt="" />
</div>
<h2>Suvs</h2>
<p>
Lorem ipsum dolor sit amet consectetur. Eu diam cursus adipiscing erat. Ut arcu sed et a sit at egestas
molestie. Fusce hendrerit erat eros fermentum nibh condimentum quam. Turpis sagittis quam sollicitudin id
erat. Fermentum pulvinar velit tellus varius varius. Fermentum elementum adipiscing ornare morbi et. Tristique
amet ipsum ut suscipit odio pulvinar. Purus aenean lectus sed tempor ultrices dapibus sed erat aliquam. Eu
diam tempus sed malesuada sollicitudin et sit ullamcorper. Elit ornare et tellus ut amet purus erat. Amet
tristique nunc lorem commodo dictum accumsan vestibulum tortor.
</p>
<p>
Morbi diam elementum varius nullam id imperdiet tristique eu auctor. Nisl fusce lacinia interdum dignissim
porttitor nisi risus augue. Accumsan neque blandit sit et. Posuere faucibus vel blandit habitant sed interdum.
Interdum quis hac morbi suspendisse scelerisque dolor molestie donec pellentesque. Adipiscing purus augue eget
sed ultrices nunc convallis viverra. Vitae proin vitae maecenas mi in dui augue. Nisl turpis ut eu dui et.
Convallis congue condimentum sed lobortis nulla nunc condimentum sollicitudin ultrices. Cum nunc ut consequat
placerat.
</p>
<p>
Duis consequat pharetra ultrices vulputate proin libero vitae. Euismod mattis gravida vitae commodo molestie
dictumst fringilla consectetur. Metus ornare nec ornare mauris hac metus consequat in sit. Nunc id
sollicitudin vestibulum vitae sit lorem dolor ac sollicitudin. Elit aliquam est tortor at mauris at
adipiscing. Ut magna sed id tellus volutpat turpis tristique duis. Vel arcu tellus sollicitudin amet libero
tellus. Blandit posuere donec ac risus ac senectus feugiat dignissim.
</p>
<a href="#" class="btn">Learn More</a>
</section>
<section class="column column-3">
<div class="flex">
<div class="bk-round"></div>
<img src="/images/icon-luxury.png" alt="" />
</div>
<h2>Luxury</h2>
<p>
Lorem ipsum dolor sit amet consectetur. Eu diam cursus adipiscing erat. Ut arcu sed et a sit at egestas
molestie. Fusce hendrerit erat eros fermentum nibh condimentum quam. Turpis sagittis quam sollicitudin id
erat. Fermentum pulvinar velit tellus varius varius. Fermentum elementum adipiscing ornare morbi et. Tristique
amet ipsum ut suscipit odio pulvinar. Purus aenean lectus sed tempor ultrices dapibus sed erat aliquam. Eu
diam tempus sed malesuada sollicitudin et sit ullamcorper. Elit ornare et tellus ut amet purus erat. Amet
tristique nunc lorem commodo dictum accumsan vestibulum tortor.
</p>
<p>
Morbi diam elementum varius nullam id imperdiet tristique eu auctor. Nisl fusce lacinia interdum dignissim
porttitor nisi risus augue. Accumsan neque blandit sit et. Posuere faucibus vel blandit habitant sed interdum.
Interdum quis hac morbi suspendisse scelerisque dolor molestie donec pellentesque. Adipiscing purus augue eget
sed ultrices nunc convallis viverra. Vitae proin vitae maecenas mi in dui augue. Nisl turpis ut eu dui et.
Convallis congue condimentum sed lobortis nulla nunc condimentum sollicitudin ultrices. Cum nunc ut consequat
placerat.
</p>
<p>
Duis consequat pharetra ultrices vulputate proin libero vitae. Euismod mattis gravida vitae commodo molestie
dictumst fringilla consectetur. Metus ornare nec ornare mauris hac metus consequat in sit. Nunc id
sollicitudin vestibulum vitae sit lorem dolor ac sollicitudin. Elit aliquam est tortor at mauris at
adipiscing. Ut magna sed id tellus volutpat turpis tristique duis. Vel arcu tellus sollicitudin amet libero
tellus. Blandit posuere donec ac risus ac senectus feugiat dignissim.
</p>
<a href="#" class="btn">Learn More</a>
</section>
</main>
</body>
</html>