traintain.github.io/hobbies.html at main · Traintain/traintain.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
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
77
78
79
<!DOCTYPE html>
<!--Autor:Juan Manuel Rivera jm.rivera@uniandes.edu.co-->
<html lang="en">

<head>
  <meta charset='utf-8'>
  <meta http-equiv='X-UA-Compatible' content='IE=edge'>
  <title>Juanma 👌</title>
  <meta name='viewport' content='width=device-width, initial-scale=1'>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
  <script src='main.js'></script>
</head>

<body>
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container-fluid">
      <a class="navbar-brand" href="CV English.pdf">Download my CV</a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup"
        aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
        <div class="navbar-nav">
          <a class="nav-link" href="index.html">About me</a>
          <a class="nav-link" href="my-projects.html">Projects</a>
          <a class="nav-link active" aria-current="page" href="hobbies.html">Hobbies</a>
          <a class="nav-link" href="education-and-xp.html">Education and experience</a>
        </div>
      </div>
    </div>
  </nav>

  <div class="container-fluid">

    <div class="text-center">
      <h1 class="display-2">Hobbies</h1>
    </div>

    <div class="row py-5 ">

      <div class="col-6 col-md-3 mt-4 card mx-auto" style="width: 18rem;">
        <img class="card-img-top" src="Go board.png" alt="Go board with stones">
        <div class="card-body">
          <h5 class="card-title">Go</h5>
          <p class="card-text">I'm a 10 kyu go player. I'm also a memeber of the Colombian Go Association</p>
          <a href="https://online-go.com/player/816487/" class="btn btn-primary">OGS</a>
        </div>
      </div>

      <div class="col-6 col-md-3 mt-4 card mx-auto" style="width: 18rem;">
        <img class="card-img-top" src="gyoza.png" alt="Gyozas on a red plate">
        <div class="card-body">
          <h5 class="card-title">Cooking</h5>
          <p class="card-text">I like to try new recipes on my free time</p>
        </div>
      </div>
    </div>

    <div class="row static-bottom">
      <div class="col-12 text-center">
        <hr class="my-2">
        <a href="www.linkedin.com/in/juanma-rivera/"><img src="LI-In-Bug.png" alt="linkedin logo"
            style="width:38px;height:32px;"></a>
        <a href="https://github.com/Traintain"><img src="GitHub-Mark-32px.png" alt="github logo"></a>
        <address>
          <a href="mailto:jm.rivera@uniandes.edu.co">jm.rivera@uniandes.edu.co</a>
          <p>© 2022 Juan Manuel Rivera López - Bogotá, Colombia</p>
        </address>
      </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
    </script>
</body>

</html>