-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (107 loc) · 4.24 KB
/
index.html
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width initial-scale=1.0">
<title>Ninja</title>
<link rel="stylesheet" href="./css/styles.css">
</head>
<body>
<!--navbar-->
<header id="navbar">
<img src="img/shuriken.png" alt="Estrela Ninja">
<h2>Felipe Pinheiro</h2>
<nav>
<ul id="navbar-list">
<li><a href="#">Sobre</a></li>
<li><a href="#">Projetos</a></li>
<li><a href="#one">Contatos</a></li>
</ul>
</nav>
</header>
<!-- Fim navbar -->
<main>
<!-- banner início -->
<!-- conteudo mais impostante -->
<div id="main-banner">
<div id="banner-info">
<h1>Olá, eu sou o Felipe Pinheiro</h1>
<img src="img/ninja.png" alt="Perfil Ninja">
<p>O ninja da programação</p>
</div>
</div>
<!-- fim baner início -->
<!-- abaut inicio -->
<section id="about-section">
<h2>Sobre o meu jeito ninja de ser</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam provident facere possimus
tempore dolor odio veritatis fugit nobis recusandae, solut
a vitae laboriosam necessitatibus officia, minima aliquid ipsa, sed perspiciatis eius.</p>
</section>
<!-- about fim -->
</main>
<!-- skills Inicio-->
<section id="skills-section">
<div class="container">
<div class="skills-container">
<img src="img/weapon1.png" alt="weapons">
<h3>Desenvolvimento</h3>
<p>Minha maior paixão é desenvolver Projetos web</p>
<p class="subtitle">Liguagens que utilizo:</p>
<p>HTML CSS PHP</p>
<p class="subtitle">Projetos que posso desenvolver:</p>
<p>E-commercea , Sites Intitucionais, Sistemas de qualquer complexidade</p>
</div>
<div class="skills-container central">
<img src="img/weapon2.png" alt="weapons">
<h3>Criacão</h3>
<p>Atuo também na análise e gerenciamento de projetos</p>
<p class="subtitle">Meus conhecimentos</p>
<p>Análise de softwere e Desenvolvimento</p>
</div>
<div class="skills-container">
<img src="img/weapon3.png" alt="weapons">
<h3>Infraestrutura</h3>
<p>Posso mensurar seus servidores, deixando seu projeto mais perfomatico</p>
<p class="subtitle">Serviços de Cloud:</p>
<p>AWS, Google Cloud, Microsoft Azure</p>
<p class="subtitle">O que posso Fazer:</p>
<p>Clusters, Servidores de CDN, diminuir o tempo de requisição</p>
</div>
</div>
</section>
<!-- skills fim -->
<!-- jobs Inicio -->
<section id="jobs-section">
<h2>Veja meus últimos Trabalhos:</h2>
<p>Aqui estão os mus Trabalhos mais recentes, para ver todos <a href="#">clique aqui.</a></p>
<div class="job-container">
<div class="job-box proji1"></div>
<div class="job-box proji2"></div>
<div class="job-box proji3"></div>
</div>
<div class="job-container">
<div class="job-box proji2"></div>
<div class="job-box proji3"></div>
<div class="job-box proji1"></div>
</div>
</section>
<!-- jobs Fim -->
<!-- footer inicio -->
<footer>
<h2>Me mande uma mensagem</h2>
<p>Caso queira falar de um projeto, me contratar para um serviço, ou falar sobre ninjas...</p>
<img src="img/ninja.png" alt="Perfil Ninja">
<form action="" method="">
<input type="text" nome="name" placeholder="Seu nome">
<input type="email" name="email" placeholder="Seu e-mail">
<textarea name="msg" placeholder="Digite uma Mensagem"></textarea>
<input type="submit" value="Enviar">
</form>
<p>Desenvolvido Por <span class="detail">Felipe Pinheiro</span></p>
<p id="one">Contato: [email protected]</p>
</footer>
<!-- footer fim-->
</body>
</html>