Skip to content

Commit 285e64d

Browse files
iarleicruziarleicruz
committed
subindo projeto
1 parent 5cf99c9 commit 285e64d

File tree

14 files changed

+380
-0
lines changed

14 files changed

+380
-0
lines changed

‎.editorconfig‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
[*]
2+
indent_size = 2
3+
indent_style = space

‎LICENSE‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2021 Iarlei Souza
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎README.md‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
# Template Blog
2+
3+
Projeto desenvolvido durante o Webinar de introdução ao desenvolvimento front-end na EBAC, realizado nos dias 10 à 12/08/2021.

‎css/footer.css‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
footer {
2+
display: flex;
3+
flex-direction: column;
4+
}
5+
6+
footer p {
7+
text-align: center;
8+
}
9+
10+
footer section {
11+
background-color: #353535;
12+
border-radius: 10px;
13+
padding: 30px 15px;
14+
margin-bottom: 30px;
15+
}
16+
17+
footer .container {
18+
max-width: 820px;
19+
width: 100%;
20+
margin: 0 auto;
21+
display: grid;
22+
grid-template-columns: repeat(2, 1fr);
23+
}
24+
25+
footer ul {
26+
margin: 0;
27+
padding: 0;
28+
list-style-type: none;
29+
30+
display: grid;
31+
}
32+
33+
footer .categories ul {
34+
grid-template-columns: repeat(2, 1fr);
35+
}
36+
37+
footer a {
38+
color: #fff;
39+
line-height: 32px;
40+
text-decoration: none;
41+
}
42+
43+
footer h4 {
44+
font-size: 24px;
45+
line-height: 32px;
46+
margin-bottom: 30px;
47+
}

‎css/header.css‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
header {
2+
background-color: hsl(0, 0%, 14%);
3+
min-height: 180px;
4+
display: flex;
5+
align-items: center;
6+
}
7+
8+
header section {
9+
display: flex;
10+
justify-content: space-between;
11+
}
12+
13+
.brand {
14+
display: flex;
15+
align-items: center;
16+
}
17+
18+
.brand img {
19+
max-width: 76px;
20+
border-radius: 100px;
21+
border: solid 4px #fff;
22+
margin-right: 30px;
23+
}
24+
25+
.brand div {
26+
font-size: 32px;
27+
font-family: "Roboto Condensed", sans-serif;
28+
font-weight: 700;
29+
justify-content: center;
30+
}
31+
32+
.brand span {
33+
display: block;
34+
font-size: 16px;
35+
color: #939393;
36+
font-family: "Roboto", sans-serif;
37+
font-weight: 400;
38+
}
39+
40+
nav a {
41+
color: #fff;
42+
font-size: 18px;
43+
font-weight: 500;
44+
text-decoration: none;
45+
padding: 15px;
46+
display: inline-block;
47+
}

‎css/layout.css‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
html {
2+
font-size: 16px;
3+
box-sizing: border-box;
4+
}
5+
6+
body {
7+
background-color: #141414;
8+
color: #fff;
9+
margin: 0px;
10+
font-family: "Roboto", sans-serif;
11+
font-weight: 400;
12+
}
13+
14+
h1,
15+
h2,
16+
h3,
17+
h4 {
18+
margin: 0;
19+
font-family: "Roboto Condensed", sans-serif;
20+
font-weight: 700;
21+
}
22+
23+
h1 {
24+
font-size: 36px;
25+
font-weight: bold;
26+
}
27+
28+
p {
29+
font-size: 18px;
30+
line-height: 32px;
31+
color: #e9e9e9;
32+
margin: 0;
33+
margin-bottom: 30px;
34+
}
35+
36+
section {
37+
max-width: 1200px;
38+
width: 100%;
39+
margin: 0 auto;
40+
display: flex;
41+
align-items: center;
42+
justify-content: center;
43+
}
44+
45+
pre {
46+
background-color: #2d2d2d;
47+
height: auto;
48+
width: 100%;
49+
padding: 30px;
50+
border-radius: 10px;
51+
}
52+
53+
main {
54+
display: flex;
55+
}

‎css/post.css‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
article {
2+
margin: 80px 0;
3+
max-width: 1000px;
4+
width: 100%;
5+
}
6+
7+
article h1 {
8+
margin-bottom: 30px;
9+
}
10+
11+
article h2 {
12+
margin-bottom: 40px;
13+
color: #d8d8d8;
14+
font-size: 18px;
15+
font-weight: 400;
16+
font-family: "Roboto", sans-serif;
17+
}
18+
19+
article h1,
20+
article h2 {
21+
text-align: center;
22+
}
23+
24+
article section {
25+
max-width: 820px;
26+
flex-direction: column;
27+
}
28+
29+
article h3 {
30+
width: 100%;
31+
font-size: 30px;
32+
margin-bottom: 30px;
33+
}
34+
35+
picture {
36+
margin-bottom: 70px;
37+
display: flex;
38+
border-radius: 10px;
39+
overflow: hidden;
40+
}
41+
42+
picture img {
43+
width: auto;
44+
max-width: 100%;
45+
}

‎img/banner-post-mobile.jpg‎

46.7 KB
Loading

‎img/banner-post.jpg‎

50.4 KB
Loading

‎img/iarlei.jfif‎

16.8 KB
Binary file not shown.

0 commit comments

Comments
 (0)