Practica-ProgramacionMovil/index.html at main · Aval0G/Practica-ProgramacionMovil · 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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css"
      integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
      crossorigin="anonymous"
    />
    <title>Práctica B1 - Valdez Aldo</title>
  </head>
  <body>
    <div class="container">
      <div class="row">
        <div class="col-12 col-sm-6 col-md-4 bg-danger font-weight-bold">
          <h5>LogoEmpresa</h5>
        </div>
        <div class="col-12 col-sm-6 col-md-8 bg-warning">
          Menú de navegación
        </div>
      </div>
      <div class="row bg-secondary p-5">
        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dignissimos in
        maxime ipsam suscipit illo? Ullam doloremque iste, inventore veniam in
        autem accusamus. Facilis, sapiente tempore asperiores ratione iste rem
        ad ullam repellat ducimus quod, odio voluptatibus ipsam. Sed illum unde
        veniam voluptas sequi. Nisi nihil deleniti fugit! Repellendus, ducimus
        modi!
      </div>
      <div class="row">
        <div class="col-12 col-sm-6 col-md-4 bg-success">
          <h3>Título 1</h3>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque veniam
          recusandae deserunt saepe ratione! Omnis tempore repudiandae mollitia
          culpa autem modi, voluptas libero id aliquam, sequi molestias
          veritatis, magni ut.
        </div>
        <div class="col-12 col-sm-6 col-md-4 bg-info">
          <h3>Título 1</h3>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque veniam
          recusandae deserunt saepe ratione! Omnis tempore repudiandae mollitia
          culpa autem modi, voluptas libero id aliquam, sequi molestias
          veritatis, magni ut.
        </div>
        <div class="col-12 col-md-4 bg-success">
          <h3>Título 1</h3>
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque veniam
          recusandae deserunt saepe ratione! Omnis tempore repudiandae mollitia
          culpa autem modi, voluptas libero id aliquam, sequi molestias
          veritatis, magni ut.
        </div>
      </div>
    </div>

    <script
      src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
      integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
      crossorigin="anonymous"
    ></script>
    <script
      src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
      integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
      crossorigin="anonymous"
    ></script>
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
      integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
      crossorigin="anonymous"
    ></script>
  </body>
</html>