Skip to content

Commit 83a3b32

Browse files
felipe-seabrafelipe-seabra
committed
Atualizações
1 parent f1965f4 commit 83a3b32

File tree

6 files changed

+51
-99
lines changed

6 files changed

+51
-99
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: 12 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -2,17 +2,10 @@
22
<html lang="pt-br">
33
<head>
44
<meta charset="UTF-8" />
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
65
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<!-- Bootstrap -->
8-
<link
9-
rel="stylesheet"
10-
href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
11-
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
12-
crossorigin="anonymous"
13-
/>
14-
<!-- Bootstrap -->
6+
<link rel="stylesheet" href="bootstrap.css">
157
<link rel="stylesheet" href="style.css" />
8+
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
169
<link
1710
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"
1811
rel="stylesheet"
@@ -50,7 +43,7 @@ <h2 class="logo navbar-brand">Portfó<span>lio</span></h2>
5043
<a class="nav-link" href="#">Home<span class="sr-only">(Página atual)</span></a>
5144
</li>
5245
<li class="nav-item">
53-
<a class="nav-link" href="#about">Sobre mim</a>
46+
<a class="nav-link" href="#about">Sobre</a>
5447
</li>
5548
<li class="nav-item">
5649
<a class="nav-link" href="#projects">Projetos</a>
@@ -114,16 +107,16 @@ <h2>Sobre Mim</h2>
114107

115108
<!--Começo-da-seção-nossos-serviços-->
116109

117-
<div class="Container-serviços container-fluid" id="projects">
110+
<div class="services-container container-fluid" id="projects">
118111
<div class="title">
119112
<h2>Meus Projetos</h2>
120113
</div>
121114
<!--title-->
122115

123-
<div class="Caixa">
116+
<div class="card-box">
124117
<!--Card-->
125-
<div class="Card">
126-
<div class="card">
118+
<div class="card">
119+
<div class="card-bg">
127120
<img
128121
class="card-img-top"
129122
src="projects/pixels-art/images/background-pixels-art.png"
@@ -158,9 +151,11 @@ <h5 class="card-title">Página Colégio Criarte</h5>
158151
</div>
159152
</div>
160153

161-
<div class="Card">
162-
<i class="fas fa-bell"></i>
163-
<h5>Em Construção</h5>
154+
<div class="card">
155+
<div>
156+
<i class="fas fa-bell"></i>
157+
<h5>Em Construção</h5>
158+
</div>
164159
</div>
165160

166161
</div>

‎projects.html‎

Lines changed: 11 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -2,19 +2,11 @@
22
<html lang="pt-br">
33
<head>
44
<meta charset="UTF-8" />
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
65
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<!-- Bootstrap -->
8-
<link
9-
rel="stylesheet"
10-
href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
11-
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
12-
crossorigin="anonymous"
13-
/>
14-
<!-- Bootstrap -->
15-
16-
<!-- Fontes -->
6+
<link rel="stylesheet" href="bootstrap.css">
177
<link rel="stylesheet" href="style.css" />
8+
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
9+
1810
<link
1911
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"
2012
rel="stylesheet"
@@ -26,7 +18,7 @@
2618
crossorigin="anonymous"
2719
referrerpolicy="no-referrer"
2820
/>
29-
<!-- Fontes -->
21+
3022
<title>Projetos - Felipe Seabra</title>
3123
</head>
3224
<body>
@@ -70,10 +62,9 @@
7062

7163
<main>
7264
<section class="background-color-grey">
73-
<div class="Caixa">
65+
<div class="card-box">
7466
<!--Card-->
75-
<div class="Card-2">
76-
<div class="card">
67+
<div class="card-2">
7768
<img
7869
class="card-img-top"
7970
src="projects/pixels-art/images/background-pixels-art.png"
@@ -87,11 +78,9 @@ <h5 class="card-title">Projeto Pixels Art</h5>
8778
</p>
8879
<a href="projects/pixels-art/index.html" class="btn" target="_blank">Visitar</a>
8980
</div>
90-
</div>
9181
</div>
9282

93-
<div class="Card-2">
94-
<div class="card">
83+
<div class="card-2">
9584
<img
9685
class="card-img-top"
9786
src="projects/criarte-profissionalizante/images/background-criarte-profissionalizante.png"
@@ -105,10 +94,9 @@ <h5 class="card-title">Página Colégio Criarte</h5>
10594
</p>
10695
<a href="projects/criarte-profissionalizante/index.html" class="btn" target="_blank">Visitar</a>
10796
</div>
108-
</div>
10997
</div>
11098

111-
<div class="Card-2">
99+
<div class="card-2">
112100
<i class="fas fa-bell"></i>
113101
<h5>Em Construção ...</h5>
114102
</div>
@@ -117,10 +105,10 @@ <h5>Em Construção ...</h5>
117105

118106
<!-- --- -->
119107

120-
<div class="Container-serviços container-fluid" id="projects">
108+
<div class="services-container container-fluid" id="projects">
121109
<div class="title">
122-
<div class="Caixa">
123-
<div class="Card">
110+
<div class="card-box">
111+
<div class="card">
124112
<i class="fas fa-bell"></i>
125113
<h5>Em Construção</h5>
126114
</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);

‎style.css‎

Lines changed: 13 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -17,15 +17,6 @@
1717
text-align: right;
1818
}
1919

20-
/* nav {
21-
display: flex;
22-
align-items: center;
23-
justify-content: space-between;
24-
padding: 45px;
25-
padding-left: 8%;
26-
padding-right: 8%;
27-
} */
28-
2920
.logo {
3021
color: #fff;
3122
font-size: 35px;
@@ -79,12 +70,12 @@ nav ul li a:hover {
7970
border: 2px solid transparent;
8071
font-weight: bold;
8172
padding: 10px 25px;
82-
border-radius: 30px;
73+
border-radius: 25px;
8374
transition: transform 0.4s;
8475
}
8576

8677
.btn:hover {
87-
transform: scale(1.2);
78+
transform: scale(1.1);
8879
}
8980

9081
.background-color-Sobre {
@@ -139,29 +130,6 @@ h3 {
139130
position: relative;
140131
}
141132

142-
.Container-btn form input:first-child {
143-
display: inline-block;
144-
width: 100%;
145-
padding: 14px 130px 14px 15px;
146-
border: 2px solid #dc143c;
147-
border-radius: 30px;
148-
outline: none;
149-
}
150-
151-
.Container-btn form input:last-child {
152-
position: absolute;
153-
display: inline-block;
154-
outline: none;
155-
border: none;
156-
padding: 10px 30px;
157-
border-radius: 30px;
158-
background-color: #dc143c;
159-
color: #fff;
160-
box-shadow: 0px 0px 5px #000, 0px 0px 15px #858585;
161-
right: 6px;
162-
top: 6px;
163-
}
164-
165133
.background-color-Sobre img {
166134
width: 100%;
167135
height: auto;
@@ -207,24 +175,13 @@ h3 {
207175
margin-bottom: 45px;
208176
}
209177

210-
button {
211-
background-color: #dc143c;
212-
color: #fff;
213-
text-transform: none;
214-
border: 2px solid transparent;
215-
font-weight: bold;
216-
padding: 13px 20px;
217-
border-radius: 30px;
218-
transition: 0.4s;
219-
}
220-
221178
button:hover {
222179
background-color: transparent;
223180
border: 2px solid #dc143c;
224181
cursor: pointer;
225182
}
226183

227-
.Container-serviços {
184+
.services-container {
228185
background-color: #101010;
229186
width: 100%;
230187
padding: 100px 0px;
@@ -237,19 +194,19 @@ button:hover {
237194
text-align: center;
238195
}
239196

240-
.Caixa {
197+
.card-box {
241198
display: flex;
242199
justify-content: center;
243200
align-items: center;
244201
min-height: 400px;
245202
flex-wrap: wrap;
246203
}
247204

248-
.card {
205+
.card-bg {
249206
background-color: #101010;
250207
}
251208

252-
.Card {
209+
.card {
253210
background: #191919;
254211
height: 365px;
255212
width: 335px;
@@ -260,7 +217,7 @@ button:hover {
260217
text-align: center;
261218
}
262219

263-
.Card-2 {
220+
.card-2 {
264221
background: #101010;
265222
height: 365px;
266223
width: 335px;
@@ -271,15 +228,15 @@ button:hover {
271228
text-align: center;
272229
}
273230

274-
.Card-2 i {
231+
.card-2 i {
275232
font-size: 50px;
276233
display: block;
277234
text-align: center;
278235
margin: 25px 0px;
279236
color: #dc143c;
280237
}
281238

282-
.Card i {
239+
.card i {
283240
font-size: 50px;
284241
display: block;
285242
text-align: center;
@@ -318,16 +275,16 @@ h5 {
318275
width: 105%;
319276
}
320277

321-
.Paragrafo-button {
278+
/* .Paragrafo-button {
322279
color: #fff;
323280
font-size: 16px;
324281
line-height: 27px;
325282
margin-bottom: 25px;
326-
}
283+
} */
327284

328-
.Paragrafo-button button {
285+
/* .Paragrafo-button button {
329286
margin-top: 25px;
330-
}
287+
} */
331288

332289
.me-contate {
333290
width: 100%;

0 commit comments

Comments
 (0)