-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_diversos.html
102 lines (92 loc) · 4.66 KB
/
index_diversos.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Confira as críticas mais recentes das suas séries e filmes preferidos aqui.">
<meta name="keywords" content="series filmes criticas Antonio Mendanha Kcafe, kcafe">
<link rel="icon" href="/images/icons/logoAzul_600x600.jpg" sizes="32x32">
<title>KCafe - Post diversos</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="styles/nav.css">
<link rel="stylesheet" href="styles/footer.css">
<link rel="stylesheet" href="styles/news.css">
<link rel="stylesheet" href="styles/responsive.css">
<script data-ad-client="ca-pub-2516481700823716" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</head>
<body>
<header>
<nav class="header-menu" id="header-menu">
<h1>Menu principal</h1>
<button id="logo_home"><img src="./images/logo_600x600.png" alt="logotipo Kcafe"></button>
<ul type="none" class="header-menu" id="menu-lista">
<li><a href="./index.html">Home</a></li>
<li><a href="./index_letscode.html">Exercícios</a></li>
<li><a href="./blog_dev.html">Blog-Dev</a></li>
<li><a href="./index_diversos.html">Diversos</a></li>
<li><a href="./aboutus.html">Sobre mim</a></li>
</ul>
</nav>
</header>
<main>
<div id="box">
<article id="list_article">
<header>Críticas de séries e filmes - Vale a pena assitir a série que seu amigo está indicando?</header>
<button
class="news"
type="button"
onclick='window.location.href="./diversos/resumo_historia_do_cafe.html"'
>
<img src="https://images.unsplash.com/photo-1524350876685-274059332603?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1051&q=80" alt="Saca com grãos de café arábica">
<p>[Café] Resumo da história do café </p>
<h6>Escrito por: Antonio Mendanha - 21/07/2020</h6>
</button>
<button
class="news"
type="button"
onclick='window.location.href="./diversos/desencanto_3_motivos_pra_assitir.html"'
>
<img src="https://i0.wp.com/seriesemcena.com.br/wp-content/uploads/2018/08/desencanto-netflix.jpg" alt="Desencanto a serie">
<p>[Séries] Desencanto - Vale a pena assitir? </p>
<h6>Escrito por: Antonio Mendanha - 20/07/2020</h6>
</button>
<button
class="news"
type="button"
onclick='window.location.href="./diversos/critica_snowpiercer_serie_e_bom.html"'
>
<img src="https://occ-0-3746-1123.1.nflxso.net/dnm/api/v6/6AYY37jfdO6hpXcMjf9Yu5cnmO0/AAAABWrf-kj1ylo-XrgGFxLywMyFbiiEGZHG5-1X-wpPBmGe36ecGHlBMUM7tkCc2GyTL4X-7cil95sLFRU4fnNJT7y8yqZW.jpg?r=a4e"" alt="snowpiercer serie netflix">
<p>[Séries] Expresso do amanhã - Snowpiercer: O trem de 1001 vagões que não para nunca. </p>
<h6>Escrito por: Antonio Mendanha - 14/07/2020</h6>
</button>
<button
class="news"
type="button"
onclick='window.location.href="./diversos/cafe_coado.html"'
>
<img src="https://images.unsplash.com/photo-1518832553480-cd0e625ed3e6?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80" alt="Xícara de café">
<p>[Café] Vamos falar sobre café coado </p>
<h6>Escrito por: Antonio Mendanha - 28/06/2020</h6>
</button>
</article>
</div>
</main>
<footer>
<p class="rodape"> Copyright© 2020 - by Antonio Mendanha<br>
<a href="https://www.linkedin.com/in/antoniomendanha/" target="blank">
<img class="badge" src="https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white" alt="Linkedin_badge" target="blank">
</a>
<a href="https://github.com/AntonioMendanha" target="blank">
<img class="badge" src="https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white" alt="Github_badge" target="blank">
</a>
<a href="https://www.youtube.com/c/KCafebr" target="blank">
<img class="badge" src="https://img.shields.io/badge/YouTube-FF0000?style=for-the-badge&logo=youtube&logoColor=white" alt="Youtube_badge" target="blank">
</a>
<a href="https://twitter.com/antoniomendanha" target="blank">
<img class="badge" src="https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white" alt="Twitter_badge" target="blank">
</a>
</p>
</footer>
</body>
</html>