Skip to content

Commit 6a2992c

Browse files
felipe-seabrafelipe-seabra
authored
Merge branch 'main' into updateTemplate
2 parents 83a3b32 + 0d0c90f commit 6a2992c

File tree

2 files changed

+189
-140
lines changed

2 files changed

+189
-140
lines changed

‎index.html‎

Lines changed: 146 additions & 95 deletions
Original file line numberDiff line numberDiff line change
@@ -57,55 +57,107 @@ <h2 class="logo navbar-brand">Portfó<span>lio</span></h2>
5757
<a target="_blank" class="btn d-none d-lg-block link-linkedin">Linkedin</a>
5858
</nav>
5959

60-
<div class="Main">
61-
<h4>Olá, meu nome é</h4>
62-
<h1>Felipe <span>Seabra</span><span id="animate-flicker">|</span></h1>
63-
<h3>Sou estudante de desenvolvimento web na <strong> <a class="trybe" href="https://www.betrybe.com/" target="_blank">Trybe</a> </strong>.</h3>
60+
<head>
61+
<meta charset="UTF-8" />
62+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
63+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
64+
<!-- Bootstrap -->
65+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
66+
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
67+
<!-- Bootstrap -->
68+
<link rel="stylesheet" href="style.css" />
69+
<link
70+
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"
71+
rel="stylesheet" />
72+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
73+
integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
74+
crossorigin="anonymous" referrerpolicy="no-referrer" />
75+
<title>Portfólio - Felipe Seabra</title>
76+
</head>
6477

65-
<!-- <div class="Container-btn">
78+
<body>
79+
<!---Cabeçalho-Main-->
80+
<header>
81+
<div class="background">
82+
<nav class="navbar navbar-expand-md container-fluid">
83+
<h2 class="logo navbar-brand">Portfó<span>lio</span></h2>
84+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-felipe"
85+
aria-controls="nav-felipe" aria-expanded="false" aria-label="Alterna navegação">
86+
<span class="navbar-toggler-icon"></span>
87+
</button>
88+
<!--Logo-->
89+
<div class="collapse navbar-collapse justify-content-center" id="nav-felipe">
90+
<ul class="cabeçalho-link navbar-nav">
91+
<li class="nav-item active">
92+
<a class="nav-link" href="#">Home<span class="sr-only">(Página atual)</span></a>
93+
</li>
94+
<li class="nav-item">
95+
<a class="nav-link" href="#about">Sobre mim</a>
96+
</li>
97+
<li class="nav-item">
98+
<a class="nav-link" href="#projects">Projetos</a>
99+
</li>
100+
<li class="nav-item">
101+
<a class="nav-link" href="#contact">Contato</a>
102+
</li>
103+
</ul>
104+
<!--cabeçalho-link-->
105+
</div>
106+
<a target="_blank" class="btn d-none d-lg-block link-linkedin">Linkedin</a>
107+
</nav>
108+
109+
<div class="Main">
110+
<h4>Olá, meu nome é</h4>
111+
<h1>Felipe <span>Seabra</span><span id="animate-flicker">|</span></h1>
112+
<h3>Sou estudante de desenvolvimento web na <strong> <a class="trybe" href="https://www.betrybe.com/"
113+
target="_blank">Trybe</a> </strong>.</h3>
114+
115+
<!-- <div class="Container-btn">
66116
<form>
67117
<input type="email" nome="email" id="mail" placeholder="Envie seu Email" />
68118
<input type="submit" name="submit" value="Começar" />
69119
</form>
70120
</div>
71121
Container-btn -->
72-
</div>
73-
74-
<!--Main-->
75122
</div>
76-
</header>
77-
<!--background-->
78-
79-
<!--Começo-da-seção-sobre-->
80-
<main id="about">
81-
<section class="background-color-Sobre">
82-
<div class="container">
83-
<div class="main-sobre row">
84-
<img class="picture img-fluid" src="images/felipe-seabra.jpg" alt="Foto Felipe Seabra" />
85-
<div class="Text-sobre mt-3">
86-
<h2>Sobre Mim</h2>
87-
<!-- <h5>Desenvolvedor <span>web</span></h5> -->
88-
<p>
89-
Natural de Presidente Prudente (SP), tenho aproximadamente 10 anos de experiência (como
90-
Analista de Infraestrutura de TI) atuando em diversas áreas de tecnologia em educação.
91-
</p>
92-
<p>
93-
Atualmente, sou estudante de desenvolvimento web full-stack na
94-
<strong> <a class="trybe" href="https://www.betrybe.com/" target="_blank">Trybe</a> </strong>. <br /><br />
95-
<strong> Minhas paixões são:</strong> aprender coisas novas, <em> codar </em>, jogos digitais, procurar
96-
o que consertar e <em>animais</em>!
97-
</p>
98-
<a target="_blank" class="btn link-linkedin">Vamos conversar</a
99-
><!--Button-->
100-
</div>
101-
<!--Text-sobre-->
123+
124+
<!--Main-->
125+
</div>
126+
</header>
127+
<!--background-->
128+
129+
<!--Começo-da-seção-sobre-->
130+
<main id="about">
131+
<section class="background-color-Sobre">
132+
<div class="container">
133+
<div class="main-sobre row">
134+
<img class="picture img-fluid" src="images/felipe-seabra.jpg" alt="Foto Felipe Seabra" />
135+
<div class="Text-sobre mt-3">
136+
<h2>Sobre Mim</h2>
137+
<!-- <h5>Desenvolvedor <span>web</span></h5> -->
138+
<p>
139+
Natural de Presidente Prudente (SP), tenho aproximadamente 10 anos de experiência (como
140+
Analista de Infraestrutura de TI) atuando em diversas áreas de tecnologia em educação.
141+
</p>
142+
<p>
143+
Atualmente, sou estudante de desenvolvimento web full-stack na
144+
<strong> <a class="trybe" href="https://www.betrybe.com/" target="_blank">Trybe</a> </strong>.
145+
<br /><br />
146+
<strong> Minhas paixões são:</strong> aprender coisas novas, <em> codar </em>, jogos digitais, procurar
147+
o que consertar e <em>animais</em>!
148+
</p>
149+
<a target="_blank" class="btn link-linkedin">Vamos conversar</a>
150+
<!--Button-->
102151
</div>
152+
<!--Text-sobre-->
103153
</div>
104-
<!--main-sobre-->
105-
</section>
106-
<!--background-color-Sobre-->
154+
</div>
155+
<!--main-sobre-->
156+
</section>
157+
<!--background-color-Sobre-->
158+
159+
<!--Começo-da-seção-nossos-serviços-->
107160

108-
<!--Começo-da-seção-nossos-serviços-->
109161

110162
<div class="services-container container-fluid" id="projects">
111163
<div class="title">
@@ -132,22 +184,20 @@ <h5 class="card-title">Projeto Pixels Art</h5>
132184
</div>
133185
</div>
134186
</div>
187+
</div>
135188

136-
<div class="Card">
137-
<div class="card">
138-
<img
139-
class="card-img-top"
140-
src="projects/criarte-profissionalizante/images/background-criarte-profissionalizante.png"
141-
alt="Imagem de Pixels Art"
142-
/>
143-
<div class="card-body">
144-
<h5 class="card-title">Página Colégio Criarte</h5>
145-
<p class="card-text">
146-
Projeto desenvolvido para descrição dos cursos profissionalizantes do Colégio Criarte. HTML, CSS e
147-
JavaScript.
148-
</p>
149-
<a href="projects/criarte-profissionalizante/index.html" class="btn" target="_blank">Visitar</a>
150-
</div>
189+
<div class="Card">
190+
<div class="card">
191+
<img class="card-img-top"
192+
src="projects/criarte-profissionalizante/images/background-criarte-profissionalizante.png"
193+
alt="Imagem de Pixels Art" />
194+
<div class="card-body">
195+
<h5 class="card-title">Página Colégio Criarte</h5>
196+
<p class="card-text">
197+
Projeto desenvolvido para descrição dos cursos profissionalizantes do Colégio Criarte. HTML, CSS e
198+
JavaScript.
199+
</p>
200+
<a href="projects/criarte-profissionalizante/index.html" class="btn" target="_blank">Visitar</a>
151201
</div>
152202
</div>
153203

@@ -157,51 +207,52 @@ <h5 class="card-title">Página Colégio Criarte</h5>
157207
<h5>Em Construção</h5>
158208
</div>
159209
</div>
160-
161210
</div>
162211

163-
<div class="container text-center mt-5">
164-
<a href="/projects.html" class="btn">Todos os Projetos</a>
212+
<div class="Card">
213+
<i class="fas fa-bell"></i>
214+
<h5>Em Construção</h5>
165215
</div>
166-
<!--Caixa-->
167-
</div>
168-
<!--Conatiner-serviços-->
169216

170-
<!--Contatos-->
171-
<div class="me-contate container-fluid text-center" id="contact">
172-
<p>Contate para saber mais</p>
173-
<a target="_blank" class="btn link-linkedin">Enviar mensagem</a
174-
><!--button-->
175217
</div>
176-
<!--me-contate-->
177-
</main>
178-
<!--Rodapé--->
179-
<footer>
180-
<h6>Felipe Seabra</h6>
181-
<p>Para mais informações - clique nos links abaixo</p>
182-
<div class="Redes-sociais">
183-
<a class="link-github" target="_blank"><i class="fab fa-github"></i></a>
184-
<a class="link-linkedin" target="_blank"><i class="fab fa-linkedin"></i></a>
185-
<a class="link-instagram" target="_blank"><i class="fab fa-instagram"></i></a>
218+
219+
<div class="container text-center mt-5">
220+
<a href="/projects.html" class="btn">Todos os Projetos</a>
186221
</div>
187-
<!--Redes-sociais-->
188-
<p class="end">Felipe S. - &copy; 2022</p>
189-
</footer>
190-
<script
191-
src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
192-
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
193-
crossorigin="anonymous"
194-
></script>
195-
<script
196-
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
197-
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
198-
crossorigin="anonymous"
199-
></script>
200-
<script
201-
src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
202-
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
203-
crossorigin="anonymous"
204-
></script>
205-
<script src="scriptButtons.js"></script>
206-
</body>
207-
</html>
222+
<!--Caixa-->
223+
</div>
224+
<!--Conatiner-serviços-->
225+
226+
<!--Contatos-->
227+
<div class="me-contate container-fluid text-center" id="contact">
228+
<p>Contate para saber mais</p>
229+
<a target="_blank" class="btn link-linkedin">Enviar mensagem</a>
230+
<!--button-->
231+
</div>
232+
<!--me-contate-->
233+
</main>
234+
<!--Rodapé--->
235+
<footer>
236+
<h6>Felipe Seabra</h6>
237+
<p>Para mais informações - clique nos links abaixo</p>
238+
<div class="Redes-sociais">
239+
<a class="link-github" target="_blank"><i class="fab fa-github"></i></a>
240+
<a class="link-linkedin" target="_blank"><i class="fab fa-linkedin"></i></a>
241+
<a class="link-instagram" target="_blank"><i class="fab fa-instagram"></i></a>
242+
</div>
243+
<!--Redes-sociais-->
244+
<p class="end">Felipe S. - &copy; 2022</p>
245+
</footer>
246+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
247+
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
248+
crossorigin="anonymous"></script>
249+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
250+
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
251+
crossorigin="anonymous"></script>
252+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
253+
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
254+
crossorigin="anonymous"></script>
255+
<script src="scriptButtons.js"></script>
256+
</body>
257+
258+
</html>

‎projects.html‎

Lines changed: 43 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -53,13 +53,12 @@
5353
<li class="nav-item">
5454
<a class="nav-link" href="#contact">Contato</a>
5555
</li> -->
56-
</ul>
57-
</div>
58-
<a target="_blank" class="btn d-none d-lg-block link-linkedin">Linkedin</a>
59-
</nav>
60-
</div>
61-
</header>
62-
56+
</ul>
57+
</div>
58+
<a target="_blank" class="btn d-none d-lg-block link-linkedin">Linkedin</a>
59+
</nav>
60+
</div>
61+
</header>
6362
<main>
6463
<section class="background-color-grey">
6564
<div class="card-box">
@@ -95,16 +94,19 @@ <h5 class="card-title">Página Colégio Criarte</h5>
9594
<a href="projects/criarte-profissionalizante/index.html" class="btn" target="_blank">Visitar</a>
9695
</div>
9796
</div>
97+
</div>
98+
9899

99100
<div class="card-2">
100101
<i class="fas fa-bell"></i>
101102
<h5>Em Construção ...</h5>
102103
</div>
103-
</div>
104-
</section>
105104

106-
<!-- --- -->
105+
</div>
106+
</div>
107+
</section>
107108

109+
<!-- --- -->
108110
<div class="services-container container-fluid" id="projects">
109111
<div class="title">
110112
<div class="card-box">
@@ -115,41 +117,37 @@ <h5>Em Construção</h5>
115117
</div>
116118
</div>
117119
</div>
120+
</div>
118121

119-
<!-- --- -->
120-
<div class="me-contate container-fluid text-center" id="contact">
121-
<p>Em Construção ...</p>
122-
</div>
123-
</main>
124-
<!--Rodapé--->
125-
<footer>
126-
<h6>Felipe Seabra</h6>
127-
<p>Para mais informações - clique nos links abaixo</p>
128-
<div class="Redes-sociais">
129-
<a class="link-github"><i class="fab fa-github"></i></a>
130-
<a class="link-linkedin"><i class="fab fa-linkedin"></i></a>
131-
<a class="link-instagram"><i class="fab fa-instagram"></i></a>
132-
</div>
133-
<p class="end">Felipe S. - &copy; 2022</p>
134-
</footer>
122+
<!-- --- -->
123+
<div class="me-contate container-fluid text-center" id="contact">
124+
<p>Em Construção ...</p>
125+
</div>
126+
</main>
127+
<!--Rodapé--->
128+
<footer>
129+
<h6>Felipe Seabra</h6>
130+
<p>Para mais informações - clique nos links abaixo</p>
131+
<div class="Redes-sociais">
132+
<a class="link-github"><i class="fab fa-github"></i></a>
133+
<a class="link-linkedin"><i class="fab fa-linkedin"></i></a>
134+
<a class="link-instagram"><i class="fab fa-instagram"></i></a>
135+
</div>
136+
<p class="end">Felipe S. - &copy; 2022</p>
137+
</footer>
135138

136-
<!-- Bootstrap -->
137-
<script
138-
src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
139-
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
140-
crossorigin="anonymous"
141-
></script>
142-
<script
143-
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
144-
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
145-
crossorigin="anonymous"
146-
></script>
147-
<script
148-
src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
149-
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
150-
crossorigin="anonymous"
151-
></script>
139+
<!-- Bootstrap -->
140+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
141+
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
142+
crossorigin="anonymous"></script>
143+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
144+
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
145+
crossorigin="anonymous"></script>
146+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
147+
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
148+
crossorigin="anonymous"></script>
149+
150+
<script src="scriptButtons.js"></script>
151+
</body>
152152

153-
<script src="scriptButtons.js"></script>
154-
</body>
155-
</html>
153+
</html>

0 commit comments

Comments
 (0)