pedrohenri.github.io/index.html at main · pedrohenri/pedrohenri.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
<!DOCTYPE html>
  <head>
    <meta charset="utf-8">
    <title>Pedro Beserra</title>
    <link rel="stylesheet" href="/assets/css/styles.css">
  </head>
  <body>
    <div class="main">
        <header>
            <a href="/">
                <h1 class="logo">
                    <svg width="107" height="56" viewBox="0 0 107 56" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect width="107" height="43" fill="#EA9F62"/>
                        <path d="M86.4805 14.0809C85.6188 7.75116 80.5108 3.84533 71.8304 3.86113C63.0382 3.87714 57.2512 7.95941 57.2857 14.5815C57.2727 19.7272 60.5227 23.0547 67.2368 24.3848L73.1899 25.5597C76.1889 26.1583 77.5556 27.252 77.6035 28.9746C77.5624 31.0105 75.3502 32.4688 72.0168 32.4748C68.6162 32.481 66.354 31.0309 65.7672 28.2355L56.3942 28.7447C57.301 35.3205 62.9014 39.3597 72.0069 39.3431C80.911 39.3269 87.2788 34.7738 87.2888 27.995C87.2574 23.0284 84.008 20.0588 77.3387 18.7062L71.1169 17.4647C67.9165 16.777 66.7287 15.6829 66.7481 14.0274C66.722 11.9692 69.0462 10.6226 71.9994 10.6172C75.3104 10.6112 77.2825 12.4198 77.7563 14.6337L86.4805 14.0809Z" fill="#485152"/>
                        <path d="M16.7367 55.7091L27.8077 55.6889L27.7768 38.7117L37.0836 38.6948C49.1262 38.6728 56.1188 31.4754 56.0997 21.0181C56.0808 10.6118 49.1896 3.2863 37.3004 3.30794L16.6414 3.34555L16.7367 55.7091ZM27.7606 29.8396L27.7288 12.3765L35.1947 12.3629C41.5868 12.3513 44.6868 15.8229 44.6963 21.0388C44.7058 26.2292 41.6186 29.8143 35.2777 29.8259L27.7606 29.8396Z" fill="#485152"/>
                    </svg>
                    <span>Pedro Santos</span>
                </h1>
            </a>
        </header>
        <section class="intro">
  <p><strong>Oi! Eu me chamo</strong> <span class="nome">Pedro Santos.</span></p>
  <div class="intro__info">
      <p>Aqui eu escrevo sobre o que estou aprendendo, compartilho alguns pensamentos, projetos, listas e experimentos.</p>
      <p>O conteúdo desse site <strong>está sempre em transformação,</strong> então não encare o que eu escrevo como verdades absolutas ou palavras de um especialista.</p>
      <p>O que você está vendo aqui é embrionário. Eu estou só começando. Como eu ainda tenho pouco conteúdo, você pode acessar todos eles nos links abaixo. Espero que goste!</p>
  </div>
</section>
<section class="conteudo">
  <h2>Artigos</h2>
  <div class="posts">
      <div class="post">
          <h3><a href="spider-man.html">The Amazing Spider-Man, de 0 a 100</a></h3>
          <h4>Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi similique iusto ea tenetur, minus recusandae!</h4>
      </div>
      <div class="post">
          <h3><a href="aprender-de-verdade.html">Como eu estudo para aprender de verdade</a></h3>
          <h4>Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi similique iusto ea tenetur, minus recusandae!</h4>
      </div>
      <div class="post">
          <h3><a href="notas-digitais.html">Como organizo minhas notas digitais</a></h3>
          <h4>Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi similique iusto ea tenetur, minus recusandae!</h4>
      </div>
  </div>
</section>
    </div>

    <script src="/assets/js/bundle.js"></script>
  </body>
</html>