JTLiberona.github.io/index.html at main · JTLiberona/JTLiberona.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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">

<!-- HEAD -->
  <head>
    <meta charset="UTF-8" />
    <!--Meta tag de IDIOMA-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!--Meta tag de INDEXACIÓN-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!--Meta tag de DISTRIBUCIÓN-->
    <meta name="distribution" content="global" />
    <!--Meta tag de ROBOTS; "all" "index" "none" "noindex" "follow" "nofollow"-->
    <meta name="robots" content="all" />
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
    <title>Jose Tomas Liberona</title>
  </head>

  <!--BODY-->
  <body>
    <!--HEADER-->
    <section class="navbar">
    <div class="header">
      <!-- SOCIAL MEDIA -->
      <div class="ico">
        <ul class="ico-list">
          <li>
            <a href="https://www.github.com/JTLiberona">
              <img src="/img/logo-github.png" class="github-ico" alt="GitHub-ico" />
            </a>
          </li>
          <li>
            <a href="https://www.linkedin.com/in/jos%C3%A9-tom%C3%A1s-liberona-garcia/">
              <img src="/img/linkedin-logo.jpg" class="linkedin-ico" alt="LinkedIn-ico" />
            </a>
          </li>
          <li>
            <a href="https://www.instagram.com/heylibe/">
              <img src="/img/insta-logo.jpg" class="insta-ico" alt="instagram-ico" />
            </a>
          </li>
        </ul>
      </div>
      <div class="h1-title">
        <h1 class="titlepo">
          Jose Tomas Liberona
        </h1>
      </div>
         <!-- NAV BAR -->
      <div class="decoration">
        <li class="navbar">
          <a href="mailto:jt.liberona.g@gmail.com"><button type="button" class="2-btn">CONTACT</button></a>
        </li>
      </div>
      </div>
    </section>
      <!--MAIN-->
       <!--ABOUT ME-->
        <section class="about-me">
         <div class="container-about flex">
          <div class="about-left">

            <!--AVATAR PIC-->

              <img src="/img/Jt.jpeg" class="avatar-img" alt="avatar-img" />


            <!-- SUMMARY-->
            <div class="about-right">
            <p class="p-about">
              Hello, I'm <b>Jose Tomas</b>, with a background of 10 years in the
              touristic industry, I've always been curious and felt comfortable
              with computers so now decided to start a career in Web development.
              I am looking forward to contribute to my professional working area
              as well to may daily life.
              <br>
              <br>
              I'm currently learning Web Developer <b>(GIT, HTML5, CSS3 and JavaScript)</b> at <b><a href="https://www.hackyourfuture.be">HackYourFuture BELGIUM.</a></b>
              <br>
              <br>
              I would love to contribute to projects related to environmental conservation or ecotourism. However, I'm always open to keep gaining experience and developing new skills in any other interesting and challenging area/project.
              </p>
              <h2 class="title-about">About me</h2>
          </div>
        </section>

        <section class="mid-banner">
          <div class="container-banner">
            <img src="/img/banner2300.png" alt="" class="img-banner">
          </div>
        </section>

        <!--RECENT PROJECTS-->
        <div class="section-projects">
            <h1 class="projects-h2">Recent projects</h1>
            <div class="projects-container">
                    <div class="project-1">
                      <a href="https://www.andesridingchile.com"><img class="project-1-img" src="/img/logo-andes_riding_chile.png" alt="Project-1.png"></a>
                      <h2 class="project-1-h5">Andes Riding Chile Website</h2>
                      <p>Colaborating in the maintenance of the website.</p>
                    </div>
                    <div class="project-2">
                      <a href="https://www.acrosstheandes.cl"><img class="project-2-img" src="/img/LOGOTIPO.png" alt="Project-2.png"></a>
                      <h2 class="project-2-h5">Across The Andes</h2>
                      <p>Tour Operator's website development.</p>
                    </div>
                    <div class="project-3">
                      <a href="https://www.galaxial1b3.tk"><img class="project-3-img" src="/old-website/IMÁGENES/nebulosa.jpg" alt="Project-3.png"></a>
                      <h2 class="project-3-h5">Galaxia L1B3</h2>
                      <p>Personal website.</p>
                    </div>
                </div>
           </div>
        </div>
      </div>
  </body>
</html>