Skip to content

Commit 1926db9

Browse files
brregisfbrregisf
committed
1.00.01
1 parent 49b15bc commit 1926db9

File tree

6 files changed

+407
-358
lines changed

6 files changed

+407
-358
lines changed

‎aulas.css‎

Lines changed: 137 additions & 135 deletions
Original file line numberDiff line numberDiff line change
@@ -1,219 +1,221 @@
11
header {
2-
background: #016b06;
3-
padding: 10px 0;
4-
border-bottom: solid 4px;
5-
border-color: #ebc000;
2+
background: #016b06;
3+
padding: 10px 0;
4+
border-bottom: solid 4px;
5+
border-color: #ebc000;
66
}
77

88
.caixa {
9-
position: relative;
10-
width: 85%;
11-
margin: 0 auto;
9+
position: relative;
10+
width: 85%;
11+
margin: 0 auto;
1212
}
1313

1414
nav {
15-
position: absolute;
16-
top: 20px;
17-
right: 0px;
18-
font-family: arial;
15+
position: absolute;
16+
top: 20px;
17+
right: 0px;
18+
font-family: arial;
1919
}
2020

2121
nav ul {
22-
padding: 0;
23-
display: flex;
24-
justify-content: center;
25-
list-style: none;
22+
padding: 0;
23+
display: flex;
24+
justify-content: center;
25+
list-style: none;
2626
}
2727

2828
nav li {
29-
display: inline-block;
30-
margin: 0 0 0 15px;
29+
display: inline-block;
30+
margin: 0 0 0 15px;
3131
}
3232

3333
nav a {
34-
color: #F5F5F5;
35-
text-decoration: none;
36-
font-weight: 500;
37-
font-size: 22px;
38-
position: relative;
34+
color: #f5f5f5;
35+
text-decoration: none;
36+
font-weight: 500;
37+
font-size: 22px;
38+
position: relative;
3939
}
4040

4141
nav a::after {
42-
content: " ";
43-
width: 0%;
44-
height: 3px;
45-
background-color: #ebc000;
46-
position: absolute;
47-
bottom: 0;
48-
left: 0;
49-
transition: 0.5s ease-in-out;
42+
content: " ";
43+
width: 0%;
44+
height: 3px;
45+
background-color: #ebc000;
46+
position: absolute;
47+
bottom: 0;
48+
left: 0;
49+
transition: 0.5s ease-in-out;
5050
}
5151

5252
nav a:hover::after {
53-
width: 100%;
53+
width: 100%;
5454
}
5555

5656
main {
57-
font-family: arial;
58-
margin: 0 8px 0 8px;
57+
font-family: arial;
58+
margin: 0 8px 0 8px;
5959
}
6060

6161
body {
62-
background-color: #494949;
62+
background-color: #494949;
6363
}
6464

6565
.titulo {
66-
font-size: large;
67-
position: relative;
68-
width: 70%;
69-
padding: 10px 0 0;
66+
font-size: large;
67+
position: relative;
68+
width: 70%;
69+
padding: 10px 0 0;
7070
}
7171

7272
.titulo p {
73-
font-size: medium;
74-
margin: 0 auto 0 8px;
73+
font-size: medium;
74+
margin: 0 auto 0 8px;
7575
}
7676

7777
.titulo hr {
78-
border-color: #ebc000;
79-
margin: 0 0 10px;
78+
border-color: #ebc000;
79+
margin: 0 0 10px;
8080
}
8181

8282
h1 {
83-
color: #FFFFFF;
84-
margin: 0 auto 0 8px;
83+
color: #ffffff;
84+
margin: 0 auto 0 8px;
8585
}
8686

8787
.paragrafo {
88-
position: relative;
89-
width: 70%;
90-
margin: 0 8px 0 8px;
88+
position: relative;
89+
width: 70%;
90+
margin: 0 8px 0 8px;
9191
}
9292

9393
.paragrafo hr {
94-
border-color: #ebc000;
95-
margin: 0 0 10px;
94+
border-color: #ebc000;
95+
margin: 0 0 10px;
9696
}
9797

9898
.paragrafo li {
99-
font-weight: 600;
100-
font-size: large;
99+
font-weight: 600;
100+
font-size: large;
101101
}
102102

103103
.paragrafo p {
104-
content: " ";
104+
content: " ";
105105
}
106106

107107
p {
108-
color: #FFFFFF;
108+
color: #ffffff;
109109
}
110110

111111
ul {
112-
display: inline;
112+
display: inline;
113113
}
114114

115115
li {
116-
margin: 10px auto 0 8px;
117-
font-weight: 600;
118-
font-size: large;
119-
color: #FFFFFF;
116+
margin: 10px auto 0 8px;
117+
font-weight: 600;
118+
font-size: large;
119+
color: #ffffff;
120120
}
121121

122122
.list {
123-
position: relative;
124-
width: 65%;
123+
position: relative;
124+
width: 65%;
125125
}
126126

127127
.list hr {
128-
border-color: #ebc000;
129-
margin: 0 0 8px;
128+
border-color: #ebc000;
129+
margin: 0 0 8px;
130130
}
131131

132132
.boxvid {
133-
position: relative;
134-
width: 320px;
135-
font-size: 14px;
136-
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
137-
margin: 0 auto 10px 0;
133+
position: relative;
134+
width: 320px;
135+
font-size: 14px;
136+
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
137+
Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
138+
margin: 0 auto 10px 0;
138139
}
139140

140141
footer {
141-
text-align: center;
142-
background-color: #016b06;
143-
padding: 20px 0;
142+
text-align: center;
143+
background-color: #016b06;
144+
padding: 20px 0;
144145
}
145146

146147
.copyr {
147-
margin: 20px 0 0;
148-
font-size: 13px;
149-
font-family: Arial;
148+
margin: 20px 0 0;
149+
font-size: 13px;
150+
font-family: Arial;
150151
}
151152

152-
153153
/* Media query para telas de smartphones */
154154
@media screen and (max-width: 480px) {
155-
@media screen and (max-width: 480px) {
156-
.caixa {
157-
width: 95%;
158-
}
159-
160-
nav {
161-
position: static;
162-
text-align: center;
163-
margin-top: 10px;
164-
}
165-
166-
nav a {
167-
font-size: 18px;
168-
display: block;
169-
padding: 10px;
170-
}
171-
172-
header {
173-
padding: 20px 0;
174-
}
175-
176-
.titulo, .paragrafo, .imgcont {
177-
width: 90%;
178-
margin: 10px auto;
179-
}
180-
181-
h1 {
182-
margin: 0 auto;
183-
text-align: center;
184-
}
185-
}
155+
.caixa {
156+
width: 95%;
157+
}
158+
159+
nav {
160+
position: static;
161+
text-align: center;
162+
margin-top: 10px;
163+
}
164+
165+
nav a {
166+
font-size: 18px;
167+
display: block;
168+
padding: 10px;
169+
}
170+
171+
header {
172+
padding: 20px 0;
173+
}
174+
175+
.titulo,
176+
.paragrafo,
177+
.imgcont {
178+
width: 90%;
179+
margin: 10px auto;
180+
}
181+
182+
h1 {
183+
margin: 0 auto;
184+
text-align: center;
185+
}
186186
}
187187

188188
/* Media query para telas de tablets */
189189
@media screen and (min-width: 480px) and (max-width: 768px) {
190-
.caixa {
191-
width: 90%;
192-
}
193-
194-
nav {
195-
position: static;
196-
text-align: center;
197-
margin-top: 10px;
198-
}
199-
200-
nav a {
201-
font-size: 20px;
202-
display: block;
203-
padding: 10px;
204-
}
205-
206-
header {
207-
padding: 15px 0;
208-
}
209-
210-
.titulo, .paragrafo, .imgcont {
211-
width: 85%;
212-
margin: 10px auto;
213-
}
214-
215-
h1 {
216-
margin: 0 auto;
217-
text-align: center;
218-
}
219-
}
190+
.caixa {
191+
width: 90%;
192+
}
193+
194+
nav {
195+
position: static;
196+
text-align: center;
197+
margin-top: 10px;
198+
}
199+
200+
nav a {
201+
font-size: 20px;
202+
display: block;
203+
padding: 10px;
204+
}
205+
206+
header {
207+
padding: 15px 0;
208+
}
209+
210+
.titulo,
211+
.paragrafo,
212+
.imgcont {
213+
width: 85%;
214+
margin: 10px auto;
215+
}
216+
217+
h1 {
218+
margin: 0 auto;
219+
text-align: center;
220+
}
221+
}

‎index.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,10 @@
1010

1111
<body>
1212
<div class="container">
13-
<div class="welcome">
14-
<h1>Bem vindo ao AgroFamily!</h1>
15-
</div>
16-
<a href="inicio.html"><button>Entrar</button></a>
17-
</div>
13+
<div class="welcome">
14+
<h1>Bem vindo ao AgroFamily!</h1>
15+
</div>
16+
<a href="inicio.html"><button>Entrar</button></a>
17+
</div>
1818
</body>
1919
</html>

‎inicio.css‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -140,7 +140,6 @@ footer {
140140

141141
/* Media query para telas de celulares*/
142142
@media screen and (max-width: 480px) {
143-
@media screen and (max-width: 480px) {
144143
.caixa {
145144
width: 95%;
146145
}
@@ -171,7 +170,6 @@ footer {
171170
text-align: center;
172171
}
173172
}
174-
}
175173

176174
/* Media query para telas de tablets*/
177175
@media screen and (min-width: 480px) and (max-width: 768px) {

0 commit comments

Comments
 (0)