portfolioJs/index.html at main · devfelipenunes/portfolioJs · 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
<!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="style.css">
        <title>Portfolio</title>
    </head>
    <body >
        <!--MENU-->
        <header>
            <div class="navigation">
                <div class="userBx">
                    <div class="imgBx">
                        <img src="./src/img/Perfil.png" alt="" srcset="">
                    </div>
                    <p class="username">Felipe Nunes</p>
                </div>
                <div class="menuToggle"></div>
                <ul class="menu">
                    <li><a href="#inicio">Inicio</a></li>
                    <li><a href="#sobreMim">Sobre Mim</a></li>
                    <li><a href="#projetos">Projetos</a></li>
                    <li><a href="#contato">Contato</a></li>
                </ul>
            </div>
        </header>
        <!--Home-->
        <section class="home" id="inicio">
            <div class="container">
                <div class="home-container">
                    <h2>
                        Apaixonado por Tecnologia
                    </h2>
                    <img class="perfil" src="./src/img/Perfil.png" alt="">
                </div>
            </div>
        </section>
        <section class="apresentacao" >
            <div class="container">
                <div class="ola" id="sobreMim">
                    <h2>Olá, me chamo Felipe!</h2>
                    <p>Tenho me fascinado cada vez mais que aprendo alguma nova tecnologia, isso me da mais fome de aprender!</p>
                </div>
                <div class="box-container">
                            <div class="column">
                                <div class="column-left">
                                    <figure></figure>
                                    <h3>Front-End</h3>
                                    <p>Design responsivo</p>
                                    <span>Tecnologias</span>
                                    <p>HTML, CSS, Javascript</p>
                                </div>
                                <div class="column-right">
                                    <p>
                                        Meus estudos de front-end se resumem a 1200 exercicios feitos na plataforma DevMedia e muito Google, onde consegui adquirir conhecimentos solidos.
                                    </p>
                                </div>
                            </div>
                            <div class="column">
                                <div class="column-left">
                                    <figure></figure>
                                    <h3>Back-End</h3>
                                    <p>Consumindo Api</p>
                                    <span>Tecnologias</span>
                                    <p>NodeJS | DotNet</p>
                                </div>
                                <div class="column-right">
                                    <p>
                                        O primeiro contato com a programação, pelo SENAI-SP fiz 450hrs, aprendendo o usar o ambiente de desenvolvimento da Microsoft, Dotnet Core & SQLServer.
                                    </p>
                                </div>
                        </div>
                </div>
            </div>
        </section>
        <section class="projetos" id="projetos">
            <div class="container">
                <div class="container-projetos">
                    <div class="apresentacao-projetos">
                        <h2>Meus Projetos</h2>
                        <p>Descobrir novas formas de fazer a mesma coisa ou até mesmo a mesma coisa fazer de formas novas</p>
                    </div>
                    <div class="card-projetos">
                        <div class="card">
                            <a href="https://devfelipenunes.github.io/advocacia-html-css/" target="_blank"><img class="card-img" src="./src/img/advogado.png" alt=""></a>
                            <div class="card-sobre">
                                <h3>Site Estático</h3>
                                <p>Um site simples, onde conseguir adquirir conhecimentos flex-box</p>
                            </div>
                        </div>
                        <div class="card">
                            <a href="https://devfelipenunes.github.io/Urna/" target="_blank"><img class="card-img" src="./src/img/Urna.png" alt=""></a>
                            <div class="card-sobre">
                                <h3>Urna Eletrônica</h3>
                                <p>Neste projeto de urna eletronica, manipulo uma array interna no proprio sistema e assim recebo o retorno do mesmo</p>
                            </div>
                        </div>
                        <div class="card">
                            <a href="https://devfelipenunes.github.io/ApiPokemon/" target="_blank"><img class="card-img" src="./src/img/pokemonApi.png" alt=""></a>
                            <div class="card-sobre">
                                <h3>PokeApi</h3>
                                <p>Já neste projeto, consumo uma array famosa do pokemon e assim retorno dos pokemons</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="contato" id="contato">
                    <h2>Gostou dos meus projetos?</h2>
                    <p>Estou em busca de conhecimento e novas experiencias!</p>
                    <a class="button" href="mailto:devfelipenunes@gmail.com"><button>Entre em contato</button></a>
                </div>
            </div>
        </section>
        <footer>
            <div class="container">
                <figure></figure>
                <p>Vivendo, prendendo e se atualizando!</p>
            </div>
            <div class="icons">
                <a href="https://www.linkedin.com/in/devfelipenunes/" target="_blank"><svg href="https://www.linkedin.com/in/devfelipenunes/" xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
                    <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
                </svg></a>
                <a href="https://github.com/devfelipenunes" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
                    <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
                </svg></a>
            </div>
            <p>Feito por Dev Felipe Nunes</p>
        </footer>
    </body>
    <script src="script.js"></script>
</body>
</html>