HTML-CSS/curriculo.html at main · fariasraphael/HTML-CSS · 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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap.css">
    <script src="js/bootstrap.js"></script>
    <title>Curriculo</title>
</head>
<style>
    * {
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        color: rgb(70, 70, 70);
    }

    a {
        text-decoration: none;
        color: inherit;
    }

    .fs-6 {
        font-size: calc(0.7rem + 0.5vw) !important;
    }

    h2,
    .h2 {
        font-size: calc(1.325rem + 0.7vw);
    }

    [name="first-social-media"] {
        border-radius: 20px 20px 0 0;
    }

    @media (max-width: 768px) {
        [name="first-social-media"] {
            border-radius: 20px 0 0 20px;
        }

        [name="last-social-media"]:last-child {
            border-radius: 0 20px 20px 0;
        }
    }
</style>

<body>
    <header class="container">

        <div class="row">
            <div class="col-3 col-md-3" style="padding-right: 0px;">
                <img src="https://thumbs2.imgbox.com/4d/55/NPifye9G_t.jpg"
                    class="img-fluid w-75 z-1 float-end  rounded-circle border border-5 border-info z-1" alt="foto"
                    style="min-width: 85px;">
                <div class="py-4 bg-info border-bottom rounded-end-5" style="margin-top: -25px; margin-left: -15px;">
                </div>
            </div>
            <div class="col-9 col-md-6 d-flex  ">
                <div class="row ">
                    <div class="col-12">
                        <h2>Raphael da Silva Farias</h2>
                        <h5>Quality Assurance Tester</h5>
                    </div>
                    <div class="row row-cols-auto px-0 m-0 mt-2 d-flex align-items-center" style="margin-left: 0;">
                        <div class="col-1 col-md-1 text-center bg-info rounded-circle p-0"
                            style="height: calc(1.3rem + 0.5vw); width: calc(1.3rem + 0.5vw); font-size: calc(0.7rem + 0.7vw) ">
                            ☎</div>
                        <div class="col-11 col-md-4 text-truncate p-1">
                            <h6 class="fw-lighter mt-1">
                                <a href="tel:+5521996965765" style="font-size:1rem">(21) 996-965-765</a>
                            </h6>
                        </div>
                        <div class="col-1 col-md-1 text-center bg-info rounded-circle p-0"
                            style="height: (1.3rem + 0.5vw); width: calc(1.3rem + 0.5vw); font-size: calc(0.7rem + 0.7vw)">
                            ✉</div>
                        <div class="col-11 col-md-6 text-truncate p-1">
                            <h6 class="fw-lighter m-0">
                                <a href="mailto:farias.raphael@gmail.com"
                                    style="font-size: 1rem">farias.raphael@gmail.com</a>
                            </h6>
                        </div>
                    </div>
                </div>
            </div>
            <div
                class="col-12 col-md-2 pt-2 d-flex flex-row justify-content-center flex-md-column justify-content-md-end">
                <a href="https://api.whatsapp.com/send/?phone=21996965765&text&type=phone_number&app_absent=0">

                    <img src="https://images2.imgbox.com/b4/6f/XeirVlCO_o.png" alt="whatsapp"
                        class="bg-info border-info p-1" style="width: 40px" name="first-social-media">
                </a>

                <a href="https://github.com/fariasraphael">
                    <img src="https://images2.imgbox.com/00/58/J3pBhZ05_o.png" alt="gitHub"
                        class="bg-info border-info p-1" style="width: 40px" name="">
                </a>

                <a href="https://www.linkedin.com/in/fariasraphael/">
                    <img src="https://images2.imgbox.com/27/bd/8bl1XuKw_o.png" alt="linkedin"
                        class="bg-info border-info p-1" style="width: 40px" name="last-social-media">
                </a>

            </div>
            <div class=" mx-1 border rounded-5 border-info bg-info" style="padding-bottom:1px"></div>
        </div>
    </header>

    <section class="container mt-3 ">
        <div class="row gx-5 m-1">
            <div class="col-12 col-md-7 ">

                <h1>Sobre Mim</h1>
                <div class="w-75 border rounded-top-5"></div>
                <p>
                    Atualmente em transição de carreira vi nos algoritmos algo que me prendeu a atenção, no momento
                    estou desenvolvendo minhas habilidades de programação através do curso disponibilizado pela ADA para
                    formação em Testes automatizados de software, o que me pareceu muito pertinente pois naturalmente
                    aprendemos através dos erros, e no caso desta formação buscamos possíveis falhas que não foram
                    identificadas no desenvolvimento do produto.
                </p>
                <p>
                    Minha formação inicial é de Farmacêutico, mais especificamente em farmácia hospitalar e atualmente
                    atuo em uma unidade básica de saúde do município do rio de janeiro, mas como dito anteriormente
                    estou em busca de mudança de carreira e me sentindo muito motivado a cada novo aprendizado neste
                    amplo campo de tecnologia
                </p>
                <p>
                    QA | Analista de Teste | Software Developer Tester | Testes Automatizados
                </p>
                <h1>Experiência Profissional</h1>
                <div class="w-75 border rounded-top-5"></div>
                <p>
                    Mussum Ipsum, cacilds vidis litro abertis. Cevadis im ampola pa arma uma pindureta.Aenean
                    aliquam molestie leo, vitae iaculis nisl.Todo mundo vê os porris que eu tomo, mas ninguém vê os
                    tombis que eu levo! Manduma pindureta quium dia nois paga.
                </p>
                <p>
                    A ordem dos tratores não altera o pão duris.Mais vale um bebadis conhecidiss, que um alcoolatra
                    anonimis. Suco de cevadiss, é um leite divinis, qui tem lupuliz, matis, aguis e fermentis.Mé faiz
                    elementum girarzis, nisi eros vermeio.
                </p>
            </div>

            <div class="col-12 col-md-5 ">

                <h1>Educação</h1>
                <div class="w-75 border rounded-top-5"></div>
                <ul>
                    <li>Residência em Farmácia Hospitalar
                        <br> Universidade Federal Fluminense
                        <br> 2012 - 2014
                    </li>
                </ul>
                <ul>
                    <li>Farmácia
                        <br> Estácio
                        <br>2004 - 2008
                    </li>
                </ul>

                <h1>Skils</h1>
                <div class="w-75 border rounded-top-5"></div>
                <ul>
                    <li>Java</li>
                    <li>Selenium</li>
                    <li>html</li>
                    <li>CSS</li>
                </ul>

                <h1>Linguas</h1>
                <div class="w-75 border rounded-top-5"></div>
                <ul>
                    <li>Inglês</li>
                    <li>Espanhol</li>
                    <li>Portugues</li>
                </ul>

                <h1>Hobbies</h1>
                <div class="w-75 border rounded-top-5"></div>
                <ul>
                    <li>Musica</li>
                    <li>Jogos</li>
                    <li>Política</li>
                    <li>Podcast</li>
                </ul>

            </div>
        </div>
    </section>

</body>

</html>