Skip to content

Commit 28591de

Browse files
felipe-seabrafelipe-seabra
authored
Merge pull request #29 from felipe-seabra/updateTemplate
Update template
2 parents 0d0c90f + 6a2992c commit 28591de

File tree

6 files changed

+201
-154
lines changed

6 files changed

+201
-154
lines changed

‎bootstrap.css‎

Lines changed: 7 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎images/favicon.ico‎

15 KB
Binary file not shown.

‎index.html‎

Lines changed: 85 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,61 @@
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
10+
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"
11+
rel="stylesheet"
12+
/>
13+
<link
14+
rel="stylesheet"
15+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
16+
integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
17+
crossorigin="anonymous"
18+
referrerpolicy="no-referrer"
19+
/>
20+
<title>Portfólio - Felipe Seabra</title>
21+
</head>
22+
<body>
23+
<!---Cabeçalho-Main-->
24+
<header>
25+
<div class="background">
26+
<nav class="navbar navbar-expand-md container-fluid">
27+
<h2 class="logo navbar-brand">Portfó<span>lio</span></h2>
28+
<button
29+
class="navbar-toggler"
30+
type="button"
31+
data-toggle="collapse"
32+
data-target="#nav-felipe"
33+
aria-controls="nav-felipe"
34+
aria-expanded="false"
35+
aria-label="Alterna navegação"
36+
>
37+
<span class="navbar-toggler-icon"></span>
38+
</button>
39+
<!--Logo-->
40+
<div class="collapse navbar-collapse justify-content-center" id="nav-felipe">
41+
<ul class="cabeçalho-link navbar-nav">
42+
<li class="nav-item active">
43+
<a class="nav-link" href="#">Home<span class="sr-only">(Página atual)</span></a>
44+
</li>
45+
<li class="nav-item">
46+
<a class="nav-link" href="#about">Sobre</a>
47+
</li>
48+
<li class="nav-item">
49+
<a class="nav-link" href="#projects">Projetos</a>
50+
</li>
51+
<li class="nav-item">
52+
<a class="nav-link" href="#contact">Contato</a>
53+
</li>
54+
</ul>
55+
<!--cabeçalho-link-->
56+
</div>
57+
<a target="_blank" class="btn d-none d-lg-block link-linkedin">Linkedin</a>
58+
</nav>
359

460
<head>
561
<meta charset="UTF-8" />
@@ -102,25 +158,30 @@ <h2>Sobre Mim</h2>
102158

103159
<!--Começo-da-seção-nossos-serviços-->
104160

105-
<div class="Container-serviços container-fluid" id="projects">
106-
<div class="title">
107-
<h2>Meus Projetos</h2>
108-
</div>
109-
<!--title-->
110161

111-
<div class="Caixa">
112-
<!--Card-->
113-
<div class="Card">
162+
<div class="services-container container-fluid" id="projects">
163+
<div class="title">
164+
<h2>Meus Projetos</h2>
165+
</div>
166+
<!--title-->
167+
168+
<div class="card-box">
169+
<!--Card-->
114170
<div class="card">
115-
<img class="card-img-top" src="projects/pixels-art/images/background-pixels-art.png"
116-
alt="Imagem de Pixels Art" />
117-
<div class="card-body">
118-
<h5 class="card-title">Projeto Pixels Art</h5>
119-
<p class="card-text">
120-
Projeto desenvolvido após as aulas de JavaScript, onde aprendemos a trabalhar com elementos, eventos e
121-
web storage.
122-
</p>
123-
<a href="projects/pixels-art/index.html" class="btn" target="_blank">Visitar</a>
171+
<div class="card-bg">
172+
<img
173+
class="card-img-top"
174+
src="projects/pixels-art/images/background-pixels-art.png"
175+
alt="Imagem de Pixels Art"
176+
/>
177+
<div class="card-body">
178+
<h5 class="card-title">Projeto Pixels Art</h5>
179+
<p class="card-text">
180+
Projeto desenvolvido após as aulas de JavaScript, onde aprendemos a trabalhar com elementos, eventos e
181+
web storage.
182+
</p>
183+
<a href="projects/pixels-art/index.html" class="btn" target="_blank">Visitar</a>
184+
</div>
124185
</div>
125186
</div>
126187
</div>
@@ -139,6 +200,13 @@ <h5 class="card-title">Página Colégio Criarte</h5>
139200
<a href="projects/criarte-profissionalizante/index.html" class="btn" target="_blank">Visitar</a>
140201
</div>
141202
</div>
203+
204+
<div class="card">
205+
<div>
206+
<i class="fas fa-bell"></i>
207+
<h5>Em Construção</h5>
208+
</div>
209+
</div>
142210
</div>
143211

144212
<div class="Card">

‎projects.html‎

Lines changed: 88 additions & 78 deletions
Original file line numberDiff line numberDiff line change
@@ -1,44 +1,50 @@
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">
39

4-
<head>
5-
<meta charset="UTF-8" />
6-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
7-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8-
<!-- Bootstrap -->
9-
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
10-
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous" />
11-
<!-- Bootstrap -->
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+
/>
14+
<link
15+
rel="stylesheet"
16+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
17+
integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
18+
crossorigin="anonymous"
19+
referrerpolicy="no-referrer"
20+
/>
1221

13-
<!-- Fontes -->
14-
<link rel="stylesheet" href="style.css" />
15-
<link
16-
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"
17-
rel="stylesheet" />
18-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
19-
integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
20-
crossorigin="anonymous" referrerpolicy="no-referrer" />
21-
<!-- Fontes -->
22-
<title>Projetos - Felipe Seabra</title>
23-
</head>
24-
25-
<body>
26-
<header>
27-
<div class="bg-navbar container-fluid bg-navbar">
28-
<nav class="navbar navbar-expand-md sticky-top">
29-
<a href="/index.html">
30-
<h2 class="logo navbar-brand">Portfo<span>lio</span></h2>
31-
</a>
32-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-felipe"
33-
aria-controls="nav-felipe" aria-expanded="false" aria-label="Alterna navegação">
34-
<span class="navbar-toggler-icon"></span>
35-
</button>
36-
<div class="collapse navbar-collapse justify-content-center" id="nav-felipe">
37-
<ul class="cabeçalho-link navbar-nav">
38-
<li class="nav-item active">
39-
<a class="nav-link" href="/index.html">Home<span class="sr-only">(Página atual)</span></a>
40-
</li>
41-
<!-- <li class="nav-item">
22+
<title>Projetos - Felipe Seabra</title>
23+
</head>
24+
<body>
25+
<header>
26+
<div class="bg-navbar container-fluid bg-navbar">
27+
<nav class="navbar navbar-expand-md sticky-top">
28+
<a href="/index.html"
29+
><h2 class="logo navbar-brand">Portfo<span>lio</span></h2></a
30+
>
31+
<button
32+
class="navbar-toggler"
33+
type="button"
34+
data-toggle="collapse"
35+
data-target="#nav-felipe"
36+
aria-controls="nav-felipe"
37+
aria-expanded="false"
38+
aria-label="Alterna navegação"
39+
>
40+
<span class="navbar-toggler-icon"></span>
41+
</button>
42+
<div class="collapse navbar-collapse justify-content-center" id="nav-felipe">
43+
<ul class="cabeçalho-link navbar-nav">
44+
<li class="nav-item active">
45+
<a class="nav-link" href="/index.html">Home<span class="sr-only">(Página atual)</span></a>
46+
</li>
47+
<!-- <li class="nav-item">
4248
<a class="nav-link" href="/#about">Sobre mim</a>
4349
</li>
4450
<li class="nav-item">
@@ -53,57 +59,61 @@ <h2 class="logo navbar-brand">Portfo<span>lio</span></h2>
5359
</nav>
5460
</div>
5561
</header>
56-
57-
<main>
58-
<section class="background-color-grey">
59-
<div class="Caixa">
60-
<!--Card-->
61-
<div class="Card-2">
62-
<div class="card">
63-
<img class="card-img-top" src="projects/pixels-art/images/background-pixels-art.png"
64-
alt="Imagem de Pixels Art" />
65-
<div class="card2-body">
66-
<h5 class="card-title">Projeto Pixels Art</h5>
67-
<p class="card-text">
68-
Projeto desenvolvido após as aulas de JavaScript, onde aprendemos a trabalhar com elementos, eventos e
69-
web storage.
70-
</p>
71-
<a href="projects/pixels-art/index.html" class="btn" target="_blank">Visitar</a>
72-
</div>
62+
<main>
63+
<section class="background-color-grey">
64+
<div class="card-box">
65+
<!--Card-->
66+
<div class="card-2">
67+
<img
68+
class="card-img-top"
69+
src="projects/pixels-art/images/background-pixels-art.png"
70+
alt="Imagem de Pixels Art"
71+
/>
72+
<div class="card2-body">
73+
<h5 class="card-title">Projeto Pixels Art</h5>
74+
<p class="card-text">
75+
Projeto desenvolvido após as aulas de JavaScript, onde aprendemos a trabalhar com elementos, eventos e
76+
web storage.
77+
</p>
78+
<a href="projects/pixels-art/index.html" class="btn" target="_blank">Visitar</a>
79+
</div>
80+
</div>
81+
82+
<div class="card-2">
83+
<img
84+
class="card-img-top"
85+
src="projects/criarte-profissionalizante/images/background-criarte-profissionalizante.png"
86+
alt="Imagem da página colégio criarte"
87+
/>
88+
<div class="card2-body">
89+
<h5 class="card-title">Página Colégio Criarte</h5>
90+
<p class="card-text">
91+
Projeto desenvolvido para descrição dos cursos profissionalizantes do Colégio Criarte. HTML, CSS e
92+
JavaScript.
93+
</p>
94+
<a href="projects/criarte-profissionalizante/index.html" class="btn" target="_blank">Visitar</a>
95+
</div>
7396
</div>
7497
</div>
7598

76-
<div class="Card-2">
77-
<div class="card">
78-
<img class="card-img-top"
79-
src="projects/criarte-profissionalizante/images/background-criarte-profissionalizante.png"
80-
alt="Imagem da página colégio criarte" />
81-
<div class="card2-body">
82-
<h5 class="card-title">Página Colégio Criarte</h5>
83-
<p class="card-text">
84-
Projeto desenvolvido para descrição dos cursos profissionalizantes do Colégio Criarte. HTML, CSS e
85-
JavaScript.
86-
</p>
87-
<a href="projects/criarte-profissionalizante/index.html" class="btn" target="_blank">Visitar</a>
88-
</div>
99+
100+
<div class="card-2">
101+
<i class="fas fa-bell"></i>
102+
<h5>Em Construção ...</h5>
89103
</div>
90-
</div>
91104

92-
<div class="Card-2">
93-
<i class="fas fa-bell"></i>
94-
<h5>Em Construção ...</h5>
95105
</div>
96106
</div>
97107
</section>
98108

99109
<!-- --- -->
100-
101-
<div class="Container-serviços container-fluid" id="projects">
102-
<div class="title">
103-
<div class="Caixa">
104-
<div class="Card">
105-
<i class="fas fa-bell"></i>
106-
<h5>Em Construção</h5>
110+
<div class="services-container container-fluid" id="projects">
111+
<div class="title">
112+
<div class="card-box">
113+
<div class="card">
114+
<i class="fas fa-bell"></i>
115+
<h5>Em Construção</h5>
116+
</div>
107117
</div>
108118
</div>
109119
</div>

‎scriptButtons.js‎

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,16 @@
11

22
const addLinkButton = (classe, link) => {
33
const buttons = document.getElementsByClassName(classe);
4+
// buttons.map((button) => button.href = link)
45
for (let button of buttons) {
56
button.href = link;
67
}
78
}
89

9-
addLinkButton('link-instagram', 'https://www.instagram.com/felipeseabra_');
10-
addLinkButton('link-linkedin', 'https://www.linkedin.com/in/felipe-seabra');
11-
addLinkButton('link-github', 'https://github.com/felipe-seabra');
10+
const instagram = 'https://www.instagram.com/felipeseabra_'
11+
const linkedin = 'https://www.linkedin.com/in/felipe-seabra'
12+
const github = 'https://github.com/felipe-seabra'
13+
14+
addLinkButton('link-instagram', instagram);
15+
addLinkButton('link-linkedin', linkedin);
16+
addLinkButton('link-github', github);

0 commit comments

Comments
 (0)