Practicas/Practica1.html at master · fernandaMt/Practicas · 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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <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">

    <title>Práctica B1</title>
</head>

<body>
    <div class="container-fluid">
        <div class="row">
            <div class="col-12 col-md-4 col-sm-6 col-xs-12 pb-2 bg-danger" >
                <strong>Logo empresa </strong>
            </div>
            <div class="col-12 col-md-8 col-sm-6 col-xs-12 pb-2 bg-warning">
                <strong>Nombre de Ale</strong>
            </div>

            <div class="col-12 px-5 py-5 bg-secondary"  >
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam laudantium architecto ab quos rerum. Exercitationem, itaque? Deleniti, sint vel debitis ratione obcaecati assumenda repellat ad eum nisi quo porro, amet vero commodi temporibus ipsum dolor officia quaerat quam velit necessitatibus?</p>
            </div>

            <div class="col-12 col-md-4 col-sm-6 col-xs-12 bg-success" >
                <h1>Titulo 1</h1>
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Hic quisquam dolorem veniam animi doloremque laudantium perspiciatis, aspernatur, ex perferendis reprehenderit facere culpa obcaecati id recusandae? Libero iure minima laborum blanditiis?</p>
            </div>
            <div class="col-12 col-md-4 col-sm-6 col-xs-12 bg-info" >
                <h1>Titulo 2</h1>
                <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dignissimos, omnis, vero rem laborum praesentium harum a ad quibusdam esse deserunt minima illo aut magni dolorem fugiat facilis? Repudiandae, quibusdam eveniet?</p>
            </div>
            <div class="col-12 col-md-4 col-sm-12 col-xs-12 bg-success" >
                <h1>Titulo 3</h1>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias eius odio repudiandae impedit. A adipisci officia obcaecati non voluptates nostrum! Reprehenderit dicta veritatis eligendi ad, nemo impedit corporis pariatur? Ad.</p>
            </div>


    </div>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
        crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
        crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
        crossorigin="anonymous"></script>
</body>

</html>