02-262000
101
7109
1966
36
880
11.03
1954
03
6.08
241
309
7.08
1935
12.20
53
1961
2.16
102
8102
1987
044
0051
1968
704
10.31
1984
1954
764
1940
9.9
1972
815
4.12
2023
103
714
1993
0222
4.4
1969
2450
91
56
21
716
801
417
602
5618
238
1443
104
6104
1995
3.22
1931
0.0
0000
1701
1984
218
908
10
85
1888
27
2879
213
105
08
2001
713
079
1977
LV
426
105
10
1642
1979
402
795
361
0852
984
106
31
2017
429
65
871
24
541
656
M
113
12.6
27
05
85
12.25
7884
107
5
2022
784
3304
42
733
1224
5801
23
1015
84
36
029
24
318
12.24
108
23
174
91
947
28
527
04
0469
2200
88
1985
540
3121
308
9571
404
03-111968
04-041969
05-1701D
06-071984
07-081940
08-47148
09-081966
10-31

2 Column Layout with Flex

Creating a 2 column layout to divide your content on a page is easy with the flex property already baked into the template's CSS. Here is the HTML followed by the output:

<div class="flexbox">
    <div class="col">
      <h2>Column 1</h2>
      <p>Lorem ipsum...</p>
    </div>
    <div class="col">
      <h2>Column 2</h2>
      <p>Lorem ipsum...</p>
    </div>
</div>

Column 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Column 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

And since this is a flex layout, the columns will wrap on smaller device screens. Column 2 will wrap underneath Column 1.