cards.github.io/index.html at main · babiloniaMiguel/cards.github.io · 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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>chaman</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
  </head>

  <style>
    .card {
      box-sizing: border-box;
      margin: 10px;
      padding: 30px;
      display: grid;
      position: relative;
      width: 1024px;
      margin-left: 33%;
      color: rgb(27, 23, 23);
      forced-color-adjust:rgb(2, 90, 13);
      background-color: rgb(84, 118, 88);

    }

  </style>

  <body style="background-color: rgb(39, 43, 40)">
    <div class="card" style="width: 30rem"; >
        <img src="img/img1.jpeg" class="card-img-top" alt="..." >
        <div class="card-body">
          <h5 class="card-title">CHAMAN BIKE</h5>
          <p class="card-text">somos un taller especializado en la reparacción y mantenimiento de bicicletas ,esta es una pagina que te brindara un servicio mas eficiente y sistematizado .</p>
          <a href="#" class="btn btn-primary">bienvenidos</a>

        </div>
      </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
  </body>
</html>