-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
78 lines (67 loc) · 4.52 KB
/
index.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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="Um bot que irá deixa sua comunidade assistida de um jeito fácil">
<title>GuiaDevJr Bot - Assistente para sua comunidade do Discord</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
</head>
<body>
<header class="cabecalho">
<img class="cabecalho-imagem" src="assets/img/logo.svg" alt="Logo da Comunidade LRAM's server">
<nav class="cabecalho-menu">
<a class="cabecalho-menu-item" href="https://discord.gg/c9T3ENER">Comunidade LRAM's server</a>
<a class="cabecalho-menu-item" href="https://www.linkedin.com/posts/robsonamendonca_desenvolvendo-bot-de-discord-com-javascript-activity-7043624006100336640-7oSE?utm_source=share&utm_medium=member_desktop" target="_blank">Tutorial</a>
<a class="cabecalho-menu-item" href="https://lnkd.in/dEigQsd8" target="_blank">Open Source</a>
<a class="cabecalho-menu-item" href="#" id="mylnk">Comandos</a>
</nav>
</header>
<main class="conteudo">
<section class="conteudo-principal">
<div class="conteudo-principal-escrito">
<h1 class="conteudo-principal-escrito-titulo">GuiaDevJr Bot</h1>
<h2 class="conteudo-principal-escrito-subtitulo">Deixe a sua comunidade assistida de um jeito fácil</h2>
<button class="conteudo-principal-escrito-botao" id="meadd">Me adicione!</button>
</div>
<img class="conteudo-principal-imagem"src="assets/img/GuiaDevJr.svg" alt="Imagem da GuiaDevJr Bot">
</section>
<section class="conteudo-secundario">
<h3 class="conteudo-secundario-titulo">O que ele faz por você?</h3>
<p class="conteudo-secundario-paragrafo">1. Cria um <strong>menu com comandoas</strong> para ajudar/auxiliar com o dia a dia de Dev Jr</p>
<p class="conteudo-secundario-paragrafo">2. Possui uma <strong>variedades de opções</strong> para links, textos de ferramentas e consultas simples.</p>
<p class="conteudo-secundario-paragrafo">3. <strong>Sugestões de músicas, podcasts</strong>, para pessoas desenvolvedoras se atualizar enquanto se diverte.</p>
</section>
</main>
<!-- The Modal -->
<div id="comandosModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close">
<button class="conteudo-principal-escrito-botao" id="fechar">X</button></span>
<br/>
<h2>Comandos:</h2>
<br/>
<br/><p><b><u>/code</u></b> - Visual Code versão online!</p>
<br/><p><b><u>/code-profile-init</u></b> - Visual Code Profile com apenas extensões necessaria para o inicio com HTML, CSS e Javascript!</p>
<br><p><b><u>/desafios</u></b> - Plataformas oferece uma variedade de desafios de programação, desde problemas de lógica simples até problemas mais avançados de algoritmos e estruturas de dados.</p>
<br><p><b><u>/doc_tech</u></b> - Acesse a documentação da tecnologia que quiser</p>
<br><p><b><u>/git</u></b> - Responde comandos mais usado do GIT bash!</p>
<br><p><b><u>/ping</u></b> - Responde 'Pong!'</p>
<br><p><b><u>/playlist_azureacademy</u></b> - Ouça a melhor playlist de estudos, segundo Azure Acadmey (Rubens) - Rock!</p>
<br><p><b><u>/playlist_ballerini</u></b> - Ouça a melhor playlist de estudos, segundo Rafaella Ballerini - Rock!</p>
<br><p><b><u>/podecast_news_dia</u></b> - Ouça a melhor PodCast de notícias de tecnologia diariamente, segundo Robson Mendonça</p>
<br><p><b><u>/podecast_news_sabado</u></b> - Ouça a melhor PodCast de notícias de tecnologia aos sábados, segundo Robson Mendonça</p>
<br><p><b><u>/toolbox</u></b> - Criado em 2012, o 4Devs é um portal com ferramentas online e gratuitas para programadores.</p>
<br/>
</div>
</div>
<footer class="rodape">
<img class="rodape-imagem" src="assets/img/lramserver.svg" alt="Imagem do logo da comunidade LRAM's server">
<br/>
<sub class="conteudo-secundario"><small class="conteudo-secundario-paragrafo"> Imagem de <a href="https://pixabay.com/pt/users/maciej326-1771256/?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=1905155" target="_blank" >Monika Grafik</a> por <a href="https://pixabay.com/pt//?utm_source=link-attribution&utm_medium=referral&utm_campaign=image&utm_content=1905155" target="_blank">Pixabay</a></small></sub>
</footer>
<script src="assets/js/scritp.js" refer></script>
</body>
</html>