-
Notifications
You must be signed in to change notification settings - Fork 4
/
blog.html
169 lines (147 loc) · 7.65 KB
/
blog.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!doctype html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="assets/images/blog-icon.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/swiper@7/swiper-bundle.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="css/style.css">
<title>Chance | Blog</title>
</head>
<body>
<header class="header">
<a href="index.html" class="logo"> <img src="image/logo.png" alt=""> </a>
<nav class="navbar">
<a href="index.html">Home</a>
<a href="sobre copy.html">Sobre</a>
<a href="categorias.html">Categorias</a>
<a href="servicos.html">Serviços</a>
<a href="blog.html">Blog</a>
<a href="contato.html">Contato</a>
</nav>
<div class="icons">
<div class="fas fa-bars" id="menu-btn"></div>
<div class="fas fa-search" id="search-btn"></div>
<a href="login.php">
<div class="fas fa-user" id="login-btn"></div>
</a>
</div>
<form action="" class="search-form">
<input type="search" id="search-box" placeholder="Pesquise aqui...">
<label for="search-box" class="fas fa-search"></label>
</form>
</header>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<span style="font-size: 40px; margin-left: 470px;" class="badge rounded-pill bg-warning text-white">BLOG - CHANCE
</span>
<br>
<br>
<br>
<br>
<center>
<div class="row row-cols-1 row-cols-md-3 g-4" style="margin-left: 05px;">
<div class="col">
<div class="card h-100">
<img src="img1/03.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Trabalho autônomo: 05 fatos que você precisa saber antes d se torna um</h5>
<p class="card-text">A cada quatro pessoas ocupadas no Brasil, uma trabalha por conta própria. Entenda o que isso realmente significa e saiba se é uma boa opção para você...</p>
</div>
<div class="card-footer">
<a href="5fatos.html"><button type="button" class="btn btn-primary btn-sm" >Saiba Mais</button> </a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="img1/02.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Diferença entre profissional liberal e autônomo</h5>
<p class="card-text"> Qual a diferença entre autônomo e profissional liberal? · o profissional liberal precisa ter uma formação técnica ou acadêmica, já o autônomo não ...</p>
</div>
<div class="card-footer">
<a href="profissionalLiberal.html"><button type="button" class="btn btn-primary btn-sm">Saiba Mais</button> </a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img src="img1/01.jpg" class="card-img-top" alt="..." height="250">
<div class="card-body">
<h5 class="card-title">As 04 melhores opções de investimento para autônomo</h5>
<p class="card-text">Quais são as melhores opções de investimento para autônomo? A pergunta é especialmente oportuna no momento em que o fenômeno da globalização, a queda das fronteiras por meio da internet...</p>
</div>
<div class="card-footer">
<a href="4opcoes.html"><button type="button" class="btn btn-primary btn-sm">Saiba Mais</button> </a>
</div>
</div>
</div>
</div>
<br>
<div class="row row-cols-1 row-cols-md-3 g-4" style="margin-left: 05px;">
<div class="col">
<div class="card h-100">
<img src="img1/04.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">07 Trabalhos Autônomos Que Dão Dinheiro Em 2021</h5>
<p class="card-text">Muitas pessoas estão em busca de trabalhos autônomos que dão dinheiro, Pois o país conta atualmente com cerca de 14 milhões de desempregados. Principalmente depois do início da pandemia, milhares de pessoas perderam o emprego.</p>
</div>
<div class="card-footer">
<a href="07Trabalhos.html"><button type="button" class="btn btn-primary btn-sm">Saiba Mais</button> </a>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<br>
</center>
<body>
<section class="footer ">
<div class="box-container ">
<div class="box ">
<h3>
<a href="# " class="logo "> <img src="img1/1.jpg " alt=" "> </a>
</h3>
<p>Acompanhe nossas redes sociais</p>
<div class="share ">
<a href="# " class="fab fa-facebook-f "></a>
<a href="# " class="fab fa-twitter "></a>
<a href="# " class="fab fa-instagram "></a>
</div>
</div>
<div class="box ">
<h3>links</h3>
<a href="# " class="links "> <i class="fas fa-arrow-right "></i>home</a>
<a href="contato.html" class="links "> <i class="fas fa-arrow-right "></i>Contato</a>
<a href="condições.html" class="links "> <i class="fas fa-arrow-right "></i>Termos e condições</a>
</div>
<div class="box ">
<h3>Novidades</h3>
<p>Se inscreva para receber novidades</p>
<input type="email " placeholder="email " class="email ">
<input type="submit " value="Quero receber novidades" class="btn ">
</div>
</div>
<div class="credit "> © | <span>GRUPO 7 - PROA </span> | Todos os direitos reservados. </div>
</section>
<script src="https://unpkg.com/swiper@7/swiper-bundle.min.js "></script>
<script src="js/script.js "></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js " integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p " crossorigin="anonymous "></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js " integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB " crossorigin="anonymous "></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js " integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13 " crossorigin="anonymous "></script>
</body>
</html>