dand-e.github.io/index.html at main · dand-e/dand-e.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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="pt-br">
  <head>
    <meta charset="UTF-8">
    <meta name="keyword" content="Danile Vitorino, Develop, Full Stack, CV">
    <meta name="description" content="Currículo de Danile Vitorino">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" data-auto-replace-svg="nest"></script>
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300;1,400;1,700&display=swap" rel="stylesheet">
    <title>
      Dan Vi CV
    </title>
  </head>
  <body>
    <main class="resume-contents">
      <section class="left-section">
        <section class="left-section-content">
          <div class="profile">
            <img src="./img/unicorn.jpg" alt="unicórnio preto em um fundo colorido" class="profile-image"/>
            <p class="name">Dan Vi</p>
            <p class="profession">Full Stack Developer</p>
          </div>
          <div class="contact-info">
            <p class="left-title">Contato</p>
            <ul>
              <li>
                <span class="fab fa-brands fa-whatsapp"></span>
                +55 11 987-654-321
              </li>
              <li>
                <span class="fas fa-thin fa-envelope"></span>
                email@gmail.com
              </li>
              <li>
                <span class="fab fa-brands fa-linkedin"></span>
                Linkedin
              </li>
              <li>
                <span class="fab fa-brands fa-github"></span>
                GitHub
              </li>
            </ul>
          </div>
          <div class="skills">
            <p class="left-title">Skills</p>
            <ul>
              <li>HTML, CSS e JS</li>
              <li>Git e GitHub</li>
              <li>Bootstrap</li>
              <li>React, Angular, Vue</li>
            </ul>
          </div>
        </section>
      </section>
        <section class="right-section">
          <div class="right-section-contents">
            <section class="about gap">
              <div class="right-title">Sobre Mim</div>
              <p class="about-me-contents">
                Olá mundo!<br>
                <br>Um pouco mais sobre o que faço
                <br> Quais são minhas competências
              </p>
            </section>
            <section class="experience gap">
              <div class="right-title"> Experiência</div>
              <div class="experience-contents">
                <div class="exp-left">
                  <p class="exp-company-name">Empresa 01</p>
                  <p class="exp-time-period">20..</p>
                </div>
                <div class="exp-right">
                  <p class="exp-position">Developer</p>
                  <p class="exp-desc">Experiencia</p>
                </div>
                <div class="exp-left">
                  <p class="exp-company-name">Empresa 01</p>
                  <p class="exp-time-period">20..</p>
                </div>
                <div class="exp-right">
                  <p class="exp-position">Developer</p>
                  <p class="exp-desc">Experiencia</p>
                </div>
              </div>
            </section>
            <section class="education gap">
              <div class="right-title">Formação Academica</div>
              <div class="education-contents">
                <div class="education-left">
                  <p class="education-school-name">Nome</p>
                  <p class="education-time-period">Tempo</p>
                </div>
                <div class="education-right">
                  <p class="education-subject">Engenharia</p>
                  <p class="education-desc">Pós</p>
                </div>
                <div class="education-left">
                  <p class="education-school-name">Nome</p>
                  <p class="education-time-period">Tempo</p>
                </div>
                <div class="education-right">
                  <p class="education-subject">Engenharia</p>
                  <p class="education-desc">Pós</p>
                </div>
              </div>
            </section>
            <section class="awards gap">
              <div class="right-title">Cursos</div>
              <div class="awards-contents">
                <div class="awards-left">
                  <p class="awards-company-name">Nome instituição</p>
                  <p class="awards-time-period">2018</p>
                </div>
                <div class="awards-right">
                  <p class="awards-name">Nome curso</p>
                  <p class="awards-desc">2018</p>
                </div>
                <div class="awards-left">
                  <p class="awards-company-name">Nome instituição</p>
                  <p class="awards-time-period">2018</p>
                </div>
                <div class="awards-right">
                  <p class="awards-name">Nome curso</p>
                  <p class="awards-desc">2018</p>
                </div>
              </div>
            </section>
          </div>
        </section>
    </main>
  </body>
</html>