Skip to content

Commit 0a82cbd

Browse files
felipe-seabrafelipe-seabra
authored
Merge pull request #32 from felipe-seabra/updateTemplate
Atualização descrição
2 parents d6141a8 + cb03e69 commit 0a82cbd

File tree

2 files changed

+241
-263
lines changed

2 files changed

+241
-263
lines changed

‎index.html‎

Lines changed: 141 additions & 155 deletions
Original file line numberDiff line numberDiff line change
@@ -1,178 +1,164 @@
11
<!DOCTYPE html>
22
<html lang="pt-br">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<link rel="stylesheet" href="bootstrap.css" />
7+
<link rel="stylesheet" href="style.css" />
8+
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
9+
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet" />
10+
<link
11+
rel="stylesheet"
12+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
13+
integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
14+
crossorigin="anonymous"
15+
referrerpolicy="no-referrer"
16+
/>
17+
<title>Portfólio - Felipe Seabra</title>
18+
</head>
319

4-
<head>
5-
<meta charset="UTF-8" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<link rel="stylesheet" href="bootstrap.css">
8-
<link rel="stylesheet" href="style.css" />
9-
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
10-
<link
11-
href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap"
12-
rel="stylesheet" />
13-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
14-
integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
15-
crossorigin="anonymous" referrerpolicy="no-referrer" />
16-
<title>Portfólio - Felipe Seabra</title>
17-
</head>
18-
19-
<body>
20-
<!---Cabeçalho-Main-->
21-
<header>
22-
<div class="background">
23-
<nav class="navbar navbar-expand-md container-fluid">
24-
<h2 class="logo navbar-brand">Portfó<span>lio</span></h2>
25-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-felipe"
26-
aria-controls="nav-felipe" aria-expanded="false" aria-label="Alterna navegação">
27-
<span class="navbar-toggler-icon"></span>
28-
</button>
29-
<!--Logo-->
30-
<div class="collapse navbar-collapse justify-content-center" id="nav-felipe">
31-
<ul class="cabeçalho-link navbar-nav">
32-
<li class="nav-item active">
33-
<a class="nav-link" href="#">Home<span class="sr-only">(Página atual)</span></a>
34-
</li>
35-
<li class="nav-item">
36-
<a class="nav-link" href="#about">Sobre</a>
37-
</li>
38-
<li class="nav-item">
39-
<a class="nav-link" href="#projects">Projetos</a>
40-
</li>
41-
<li class="nav-item">
42-
<a class="nav-link" href="#contact">Contato</a>
43-
</li>
44-
</ul>
45-
<!--cabeçalho-link-->
46-
</div>
47-
<a target="_blank" class="btn d-none d-lg-block link-linkedin">Linkedin</a>
48-
</nav>
49-
<div class="Main">
50-
<h4>Olá, meu nome é</h4>
51-
<h1>Felipe <span>Seabra</span><span id="animate-flicker">|</span></h1>
52-
<h3>Sou estudante de desenvolvimento web na <strong> <a class="trybe" href="https://www.betrybe.com/"
53-
target="_blank">Trybe</a> </strong>.</h3>
54-
<!-- <div class="Container-btn">
20+
<body>
21+
<!---Cabeçalho-Main-->
22+
<header>
23+
<div class="background">
24+
<nav class="navbar navbar-expand-md container-fluid">
25+
<h2 class="logo navbar-brand">Portfó<span>lio</span></h2>
26+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-felipe" aria-controls="nav-felipe" aria-expanded="false" aria-label="Alterna navegação">
27+
<span class="navbar-toggler-icon"></span>
28+
</button>
29+
<!--Logo-->
30+
<div class="collapse navbar-collapse justify-content-center" id="nav-felipe">
31+
<ul class="cabeçalho-link navbar-nav">
32+
<li class="nav-item active">
33+
<a class="nav-link" href="#">Home<span class="sr-only">(Página atual)</span></a>
34+
</li>
35+
<li class="nav-item">
36+
<a class="nav-link" href="#about">Sobre</a>
37+
</li>
38+
<li class="nav-item">
39+
<a class="nav-link" href="#projects">Projetos</a>
40+
</li>
41+
<li class="nav-item">
42+
<a class="nav-link" href="#contact">Contato</a>
43+
</li>
44+
</ul>
45+
<!--cabeçalho-link-->
46+
</div>
47+
<a target="_blank" class="btn d-none d-lg-block link-linkedin">Linkedin</a>
48+
</nav>
49+
<div class="Main">
50+
<h4>Olá, meu nome é</h4>
51+
<h1>Felipe <span>Seabra</span><span id="animate-flicker">|</span></h1>
52+
<h3>
53+
Sou estudante de desenvolvimento web na <strong> <a class="trybe" href="https://www.betrybe.com/" target="_blank">Trybe</a> </strong>.
54+
</h3>
55+
<!-- <div class="Container-btn">
5556
<form>
5657
<input type="email" nome="email" id="mail" placeholder="Envie seu Email" />
5758
<input type="submit" name="submit" value="Começar" />
5859
</form>
5960
</div>
6061
Container-btn -->
61-
</div>
62-
<!--Main-->
63-
</div>
64-
</header>
65-
66-
<main id="about">
67-
<section class="background-color-Sobre">
68-
<div class="container">
69-
<div class="main-sobre row">
70-
<img class="picture img-fluid" src="images/felipe-seabra.jpg" alt="Foto Felipe Seabra" />
71-
<div class="Text-sobre mt-3">
72-
<h2>Sobre Mim</h2>
73-
<!-- <h5>Desenvolvedor <span>web</span></h5> -->
74-
<p>
75-
Natural de Presidente Prudente (SP), tenho aproximadamente 10 anos de experiência (como
76-
Analista de Infraestrutura de TI) atuando em diversas áreas de tecnologia em educação.
77-
</p>
78-
<p>
79-
Atualmente, sou estudante de desenvolvimento web full-stack na
80-
<strong> <a class="trybe" href="https://www.betrybe.com/" target="_blank">Trybe</a> </strong>.
81-
<br /><br />
82-
<strong> Minhas paixões são:</strong> aprender coisas novas, <em> codar </em>, jogos digitais, procurar
83-
o que consertar e <em>animais</em>!
84-
</p>
85-
<a target="_blank" class="btn link-linkedin">Vamos conversar</a>
86-
<!--Button-->
87-
</div>
88-
<!--Text-sobre-->
8962
</div>
63+
<!--Main-->
9064
</div>
91-
<!--main-sobre-->
92-
</section>
93-
<!--background-color-Sobre-->
65+
</header>
9466

95-
<!--Começo-da-seção-nossos-serviços-->
96-
<div class="services-container container-fluid" id="projects">
97-
<div class="title">
98-
<h2>Meus Projetos</h2>
99-
</div>
100-
<!--title-->
101-
<div class="card-box">
102-
<!--Card-->
103-
<div class="card">
104-
<div class="card-bg">
105-
<img class="card-img-top" src="projects/pixels-art/images/background-pixels-art.png"
106-
alt="Imagem de Pixels Art" />
107-
<div class="card-body">
108-
<h5 class="card-title">Projeto Pixels Art</h5>
109-
<p class="card-text">
110-
Projeto desenvolvido após as aulas de JavaScript, onde aprendemos a trabalhar com elementos, eventos e
111-
web storage.
67+
<main id="about">
68+
<section class="background-color-Sobre">
69+
<div class="container">
70+
<div class="main-sobre row">
71+
<img class="picture img-fluid" src="images/felipe-seabra.jpg" alt="Foto Felipe Seabra" />
72+
<div class="Text-sobre mt-3">
73+
<h2>Sobre Mim</h2>
74+
<!-- <h5>Desenvolvedor <span>web</span></h5> -->
75+
<p>Natural de Presidente Prudente (SP), tenho aproximadamente 10 anos de experiência atuando em diversas áreas de tecnologia em educação.</p>
76+
<p>
77+
<br /><br />
78+
Apesar de hoje me identificar mais com o <strong>Front-end</strong>, vejo que não há nada que eu não consiga <em>fazer/aprender</em>.
11279
</p>
113-
<a href="projects/pixels-art/index.html" class="btn" target="_blank">Visitar</a>
80+
<a target="_blank" class="btn link-linkedin">Vamos conversar</a>
81+
<!--Button-->
11482
</div>
83+
<!--Text-sobre-->
11584
</div>
11685
</div>
117-
<div class="Card">
86+
<!--main-sobre-->
87+
</section>
88+
<!--background-color-Sobre-->
89+
90+
<!--Começo-da-seção-nossos-serviços-->
91+
<div class="services-container container-fluid" id="projects">
92+
<div class="title">
93+
<h2>Meus Projetos</h2>
94+
</div>
95+
<!--title-->
96+
<div class="card-box">
97+
<!--Card-->
11898
<div class="card">
119-
<img class="card-img-top"
120-
src="projects/criarte-profissionalizante/images/background-criarte-profissionalizante.png"
121-
alt="Imagem de Pixels Art" />
122-
<div class="card-body">
123-
<h5 class="card-title">Página Colégio Criarte</h5>
124-
<p class="card-text">
125-
Projeto desenvolvido para descrição dos cursos profissionalizantes do Colégio Criarte. HTML, CSS e
126-
JavaScript.
127-
</p>
128-
<a href="projects/criarte-profissionalizante/index.html" class="btn" target="_blank">Visitar</a>
99+
<div class="card-bg">
100+
<img class="card-img-top" src="projects/pixels-art/images/background-pixels-art.png" alt="Imagem de Pixels Art" />
101+
<div class="card-body">
102+
<h5 class="card-title">Projeto Pixels Art</h5>
103+
<p class="card-text">Projeto desenvolvido após as aulas de JavaScript, onde aprendemos a trabalhar com elementos, eventos e web storage.</p>
104+
<a href="projects/pixels-art/index.html" class="btn" target="_blank">Visitar</a>
105+
</div>
129106
</div>
130107
</div>
131-
</div>
132-
<div class="card">
133-
<div>
134-
<i class="fas fa-bell"></i>
135-
<h5>Em Construção</h5>
108+
<div class="Card">
109+
<div class="card">
110+
<img class="card-img-top" src="projects/criarte-profissionalizante/images/background-criarte-profissionalizante.png" alt="Imagem de Pixels Art" />
111+
<div class="card-body">
112+
<h5 class="card-title">Página Colégio Criarte</h5>
113+
<p class="card-text">Projeto desenvolvido para descrição dos cursos profissionalizantes do Colégio Criarte. HTML, CSS e JavaScript.</p>
114+
<a href="projects/criarte-profissionalizante/index.html" class="btn" target="_blank">Visitar</a>
115+
</div>
116+
</div>
117+
</div>
118+
<div class="card">
119+
<div>
120+
<i class="fas fa-bell"></i>
121+
<h5>Em Construção</h5>
122+
</div>
136123
</div>
137124
</div>
138-
125+
<div class="container text-center mt-5">
126+
<a href="/projects.html" class="btn">Todos os Projetos</a>
127+
</div>
128+
<!--Caixa-->
139129
</div>
140-
<div class="container text-center mt-5">
141-
<a href="/projects.html" class="btn">Todos os Projetos</a>
130+
<!--Conatiner-serviços-->
131+
<!--Contatos-->
132+
<div class="me-contate container-fluid text-center" id="contact">
133+
<p>Contate para saber mais</p>
134+
<a target="_blank" class="btn link-linkedin">Enviar mensagem</a>
135+
<!--button-->
142136
</div>
143-
<!--Caixa-->
144-
</div>
145-
<!--Conatiner-serviços-->
146-
<!--Contatos-->
147-
<div class="me-contate container-fluid text-center" id="contact">
148-
<p>Contate para saber mais</p>
149-
<a target="_blank" class="btn link-linkedin">Enviar mensagem</a>
150-
<!--button-->
151-
</div>
152-
<!--me-contate-->
153-
</main>
154-
<!--Rodapé--->
155-
<footer>
156-
<h6>Felipe Seabra</h6>
157-
<p>Para mais informações - clique nos links abaixo</p>
158-
<div class="Redes-sociais">
159-
<a class="link-github" target="_blank"><i class="fab fa-github"></i></a>
160-
<a class="link-linkedin" target="_blank"><i class="fab fa-linkedin"></i></a>
161-
<a class="link-instagram" target="_blank"><i class="fab fa-instagram"></i></a>
162-
</div>
163-
<!--Redes-sociais-->
164-
<p class="end">Felipe S. - &copy; 2022</p>
165-
</footer>
166-
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
167-
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
168-
crossorigin="anonymous"></script>
169-
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
170-
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
171-
crossorigin="anonymous"></script>
172-
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
173-
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
174-
crossorigin="anonymous"></script>
175-
<script src="scriptButtons.js"></script>
176-
</body>
177-
178-
</html>
137+
<!--me-contate-->
138+
</main>
139+
<!--Rodapé--->
140+
<footer>
141+
<h6>Felipe Seabra</h6>
142+
<p>Para mais informações - clique nos links abaixo</p>
143+
<div class="Redes-sociais">
144+
<a class="link-github" target="_blank"><i class="fab fa-github"></i></a>
145+
<a class="link-linkedin" target="_blank"><i class="fab fa-linkedin"></i></a>
146+
<a class="link-instagram" target="_blank"><i class="fab fa-instagram"></i></a>
147+
</div>
148+
<!--Redes-sociais-->
149+
<p class="end">Felipe S. - &copy; 2022</p>
150+
</footer>
151+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
152+
<script
153+
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
154+
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
155+
crossorigin="anonymous"
156+
></script>
157+
<script
158+
src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
159+
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
160+
crossorigin="anonymous"
161+
></script>
162+
<script src="scriptButtons.js"></script>
163+
</body>
164+
</html>

0 commit comments

Comments
 (0)