-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaboutus.html
143 lines (131 loc) · 8.1 KB
/
aboutus.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
<!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="Esse site faz parte de um projeto pessoal contendo um blog sobre o aprendizado na área de programação e artigos sobre os interesses pessoais">
<meta name="keywords" content="Antonio Mendanha, Kcafe, kcafe, Html, html5, css, css3, aprender">
<link rel="icon" href="/images/icons/logoAzul_600x600.jpg" sizes="32x32">
<title>Sobre mim!</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/aside.css">
<link rel="stylesheet" href="styles/footer.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">
<aside id="aboutus">
<h1>Antonio Mendanha</h1>
<img src="./images/logo_600x600.png" alt="logotipo Kcafe">
<nav id="aboutus">
<ul type="none">
<li><button> Quem sou eu ? </button></li>
<li><button>Conhecimentos </button></li>
<li><button>Experiências</button></li>
<li><button>Redes Sociais</button></li>
<li><button>Politica de Privacidade</button></li>
</ul>
</nav>
</aside>
-->
<section id="aboutus">
<div id="site">
<h1>KCafé - O site</h1>
<figure class="images">
<img src="./images/logo_600x600.png" alt="Logo KCafe">
</figure>
<p>A idéia de começar esse site é antiga, mas decidi colocar a mão na massa em junho de 2020. Aqui é uma válvula de escape para eu falar sobre algumas de minhas paixões.</p>
<p>O site KCafé foi baseado no conceito de <b>MVP</b> - Minimum Viable Product (Produto Mínimo Viável), conceito criado por startups,
consiste na implementação de um "protótipo" realizado para validar produtos e serviços e garantir que o resultado final atenderá todas as expectativas.
O MVP tem baixo custo e deve ser implementado com foco nos objetivos do cliente e com demandas definidas. O desenvolvimento da arquitetura do site
e o seu resultado final são os objetivos principais do site. Algumas áreas do site têm objetivos definidos como parte do aprendizado visando agregar valor
ao aprendizado do criador.
<h3>Let's Code - Santander</h3>
<p>No segundo semestre de 2021 eu participei de um processo de seleção de bolsa de estudos oferecido pelo Santader em parceria com a Let's Code.
Criei essa seção para facilitar minha comunicação com os professores e entre os demais alunos. Uma forma de compartilhar meu código com maior facilidade.</p>
<p>Nesta seção, estão postados os exercícios propostos durante as aulas e estão apenas em caráter de exibir qual foi a minha solução para apreciação dos professores.</p>
<h3>Blog - Dev</h3>
<p> Visa acompanhar/documentar o meu desenvolvimento pessoal em programação, ou seja uso a função metalinguística da linguagem utilizando a própria
ferramenta para explicar, analisar e refletir sobre a mesma. A tentativa e erro estará presente nos artigos, e principalmente nos códigos
commitados no GitHub (saiba mais no link no rodapé).</p>
<h3>Café</h3>
<p>Contém artigos sobre o fruto, formas de preparo e algumas curiosades sobre a "Bebida dos Deuses" (pelo menos pra mim como todo bom mineiro).</p>
<h3>Filmes e Séries</h3>
<p>Artigos sobre séries que tenho assistido. Posso dizer que é a parte escrita da área do YouTube (link no rodapé) já que as atualizações do canal
por lá estão em baixa.</p>
</div>
<div id="creator">
<h1>Antonio Mendanha</h1>
<figure class="images">
<img src="./images/foto_antonio.JPG" alt="Antonio Mendanha">
</figure>
<p>Nascido na década de 80 em Belo Horizonte - MG, casado com uma nordestina que conheceu no meio da Amazônia. Uma pessoa que viaja pelo Brasil? Talvez, lol.<br>
Ao longo dos anos me escondi em outras profissões enquanto aguardava a oportunidade de perseguir o
sonho de expressar minha criatividade no meio digital, seja ele por meio de programação, criando conteúdos digitais para
YouTube ou através de um blog pessoal.</p>
<!--Conhecimentos-->
<b>Acadêmico</b>
<ul>
<li type="none">Tecnólogo em Processos Gerenciais - UNIASSELVI / 2010 a 2012</li>
<li type="none">Pós-graduado em Admnistração de Pessoas - UNIASSELVI / 2012 a 2013</li>
</ul>
<b>Conhecimento de linguagens programação</b><br>
<ul>
<li type="none">HTML5 e CSS3</li>
<li type="none">JavaScript</li>
<li type="none">Phyton</li>
<li type="none">Criador e editor do canal KCafe.br no YouTube, para a edição utilizo o programa Sony Vegas</li>
<li type="none">Criador do site kacafe.com.br, arquitetura do site: HTML5, CSS3 e JavaScript - 2020</li>
</ul>
<b> Experiências</b>
<span>Quer saber mais sobre minha experiência acadêmica e profissional fora da área digital, visite meu perfil no LinkedIN, link no rodapé da página.</span>
</div>
<div id="youtube">
<h2> Quer dar dicas de conteúdos? Basta entrar em contato pelo Twitter ou pelo YouTube.</h2>
<p>Que tal assistir alguns vídeos do nosso canal do YouTube. Selecionamos 4 vídeos de diferentes momentos do canal.<br>Não se esqueça de se inscrever no canal, curtir o video e compartilhar com seus amigos.</p>
<div class="youtube-grid">
<li><iframe width="560" height="315" src="https://www.youtube.com/embed/sSUg-bM-eXw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></li>
<li><iframe width="560" height="315" src="https://www.youtube.com/embed/COICu6_xXs8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></li>
<li><iframe width="560" height="315" src="https://www.youtube.com/embed/7jAtf88uivs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></li>
<li><iframe width="560" height="315" src="https://www.youtube.com/embed/7B4fvzD-JrI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></li>
</div>
</div>
</section>
<!-- </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>