html5-training/bootstrap.html at master · jeromba6/html5-training · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Bootstrap</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-sm">
            <h2>One of three columns</h2>
            <img src="img/puppy.jpg" class="img-fluid"/>
            <div class="text-center">
                <a class="btn btn-primary text-center" href="formulieren.html">Formulieren</a>
            </div>
        </div>
        <div class="col-sm">
            <h2>One of three columns</h2>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. At beatae corporis distinctio eaque enim eos
                eum impedit, libero magnam magni minima officiis, pariatur perferendis quam quisquam saepe sit, tempora
                temporibus.
            </p>
        </div>
        <div class="col-sm">
            <h2>Koptekst voor alinea 2</h2>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic iure libero perspiciatis quisquam repellendus?
            Ad
            aliquid architecto blanditiis, commodi dicta explicabo illo iusto natus nesciunt odio quae, quam quas sunt!
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic iure libero perspiciatis quisquam repellendus?
            Ad
            aliquid architecto blanditiis, commodi dicta explicabo illo iusto natus nesciunt odio quae, quam quas sunt!
            Lo
        </div>
    </div>
</div>
</body>
</html>