hrangel.github.io/index.html at master · hrangel/hrangel.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
<!DOCTYPE html>
<html lang="en-US">

<head>
  <!-- Default Meta Stuff -->
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="Henrique Rangel, CODER, EMPREENDEDOR, apaixonado por tecnlogia. Sócio da Nucleo e outras iniciativas">
  <meta name="keywords" content="Developer, Empreendedor, Programador, Coder, Nucleo">
  <meta name="robots" content="index,follow">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="theme-color" content="#175f77">
  <title>Henrique Rangel | Empreendedor e Developer</title>

  <!-- Load Fonts and Stylesheets -->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans">
  <link rel="stylesheet" href="style.css" media="screen" sizes="any">
</head>

<body>

  <!-- Profile Card Section -->
  <section class="profile-card">

    <header><!-- Profile Picture and Name -->
      <a href="http://nucleo.house" target="_blank" rel="noopener">
        <img src="img/henrique.jpeg" alt="Picture of Jane Doe">
      </a>
      <h1>Henrique Rangel</h1>
      <h2>Empreendedor e Developer</h2>
    </header>

    <div class="profile-bio"><!-- The Bio or About Section -->
      <p>CODER, EMPREENDEDOR, apaixonado por tecnlogia. Sócio da <a href="http://nucleo.house" target="_blank">Nucleo</a> e outras iniciativas.</p>
    </div>

    <ul class="profile-social-links"><!-- Social Media Links Section -->
      <li>
        <a href="https://github.com/hrangel/" target="_blank" rel="noopener">
          <svg viewBox="0 0 32 32">
            <path fill="#000" d="M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zM25.502 25.502c-1.235 1.235-2.672 2.204-4.272 2.881-0.406 0.172-0.819 0.323-1.238 0.453v-2.398c0-1.26-0.432-2.188-1.297-2.781 0.542-0.052 1.039-0.125 1.492-0.219s0.932-0.229 1.438-0.406 0.958-0.388 1.359-0.633 0.786-0.563 1.156-0.953 0.68-0.833 0.93-1.328 0.448-1.089 0.594-1.781 0.219-1.456 0.219-2.289c0-1.615-0.526-2.99-1.578-4.125 0.479-1.25 0.427-2.609-0.156-4.078l-0.391-0.047c-0.271-0.031-0.758 0.083-1.461 0.344s-1.492 0.688-2.367 1.281c-1.24-0.344-2.526-0.516-3.859-0.516-1.344 0-2.625 0.172-3.844 0.516-0.552-0.375-1.075-0.685-1.57-0.93s-0.891-0.411-1.188-0.5-0.573-0.143-0.828-0.164-0.419-0.026-0.492-0.016-0.125 0.021-0.156 0.031c-0.583 1.479-0.635 2.839-0.156 4.078-1.052 1.135-1.578 2.51-1.578 4.125 0 0.833 0.073 1.596 0.219 2.289s0.344 1.286 0.594 1.781 0.56 0.938 0.93 1.328 0.755 0.708 1.156 0.953 0.854 0.456 1.359 0.633 0.984 0.313 1.438 0.406 0.95 0.167 1.492 0.219c-0.854 0.583-1.281 1.51-1.281 2.781v2.445c-0.472-0.14-0.937-0.306-1.394-0.5-1.6-0.677-3.037-1.646-4.272-2.881s-2.204-2.672-2.881-4.272c-0.7-1.655-1.055-3.414-1.055-5.23s0.355-3.575 1.055-5.23c0.677-1.6 1.646-3.037 2.881-4.272s2.672-2.204 4.272-2.881c1.655-0.7 3.415-1.055 5.23-1.055s3.575 0.355 5.23 1.055c1.6 0.677 3.037 1.646 4.272 2.881s2.204 2.672 2.881 4.272c0.7 1.655 1.055 3.415 1.055 5.23s-0.355 3.575-1.055 5.23c-0.677 1.6-1.646 3.037-2.881 4.272z"></path>
          </svg>
        </a>
      </li>
      <li>
        <a href="http://nucleo.house" target="_blank" rel="noopener">
          <img src="img/nucleo-logo.svg" alt="Nucleo Logo">
        </a>
      </li>
      <li>
        <a href="vcard.vcf" alt="Adicionar Contato">
          <img src="img/add.svg" alt="Adicionar Contato">
        </a>
      </li>
    </ul>

  </section><!-- Profile Card Section End -->

</body>

</html>