IzaacWeb/index.html at main · IzaacCoding36/IzaacWeb · GitHub

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
170
171
172
<!-- IzaacWeb V5 -->

<!DOCTYPE html>
<html lang="pt-br" data-theme-in-use-msg="Você já está usando este tema.">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="author" content="IzaacCoding36">
  <meta name="description" content="Esse é um site onde eu (IzaacCoding36) mostro meus projetos e desenvolvimentos que eu fiz.">
  <meta name="keywords" content="HTML, CSS, JavaScript, Projetos, Desenvolvimento, Website">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="shortcut icon" type="image/x-icon" href="/img/Principal/favicon.ico">
  <script>try{var t=localStorage.getItem('theme');document.write('<link id="theme-css" rel="stylesheet" href="'+(t==='light'?'/css/pt-br/style.css':'/css/pt-br/escuro.css')+'" data-dark="/css/pt-br/escuro.css" data-light="/css/pt-br/style.css">');}catch(e){}</script>
  <noscript><link id="theme-css" rel="stylesheet" href="/css/pt-br/escuro.css" data-dark="/css/pt-br/escuro.css" data-light="/css/pt-br/style.css"></noscript>
  <link rel="stylesheet" href="/css/menu.css">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
  <script>
    window.si = window.si || function () { (window.siq = window.siq || []).push(arguments); };
  </script>
  <script defer src="/_vercel/speed-insights/script.js"></script>
  <script>
    window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
  </script>
  <script defer src="/_vercel/insights/script.js"></script>
  <title>IzaacWeb</title>
</head>
<body>
  <header id="header">
    <p id="logo">IzaacWeb</p>
      <nav id="nav">
        <button id="btn-mobile" aria-label="Abrir menu" aria-haspopup="true" aria-controls="menu" aria-expanded="false">
          <span id="hambuguer"></span>
        </button>
        <ul id="menu" role="menu">
          <li><a class="aqui">Página Principal</a></li>
          <li><a href="/extra/bot.html">Terminal Bot</a></li>
          <li><a href="/extra/info.html">Info</a></li>
          <li><a href="/portfolio.html">Portfólio</a></li>
          <li><a href="/extra/contato.html">Contato</a></li>
        </ul>
      </nav>
  </header>

  <main class="container">
    <section class="hero">
      <h1 class="T1">Izaac Web</h1>
      <div class="controls-wrapper">
        <div class="dropdown">
          <button class="dropbtn">Linguagens</button>
          <div class="dropdown-content">
            <a class="pt-br">Português do Brasil</a>
            <a href="/eng.html">English</a>
            <a class="maislang">Mais linguagens</a>
          </div>
        </div>
        <div class="dropdown">
          <button class="dropbtn">Filtros</button>
          <div class="dropdown-content">
            <a class="filtro">Normal</a>
            <a class="filtro2">Sépia</a>
            <a class="filtro3">Cinza</a>
          </div>
        </div>
        <div class="dropdown">
          <button class="dropbtn">Temas</button>
          <div class="dropdown-content">
            <a class="tema">Escuro</a>
            <a class="tema-claro">Claro</a>
          </div>
        </div>
      </div>
    </section>
    <section class="content-section">
      <div class="section-divider"></div>
      <div class="content-card">
  <img id="I1" src="/img/Projetos/Meus Projetos.png" alt="Projetos" loading="lazy" decoding="async"/>
        <div class="text-content">
          <p id="Te1">Olá, seja bem-vindo!.</p>
          <p id="Te1">Aqui, você verá projetos e desenvolvimentos que eu fiz, além disso, aqui você também pode checar o meu portifólio e o Terminal Bot, exclusivo da IzaacWeb.</p>
          <p id="Te1">Vamos começar?</p>
          <div class="section-divider"></div>
          <h2 class="T2">Meus Perfis</h2>
          <a href="https://github.com/IzaacCoding36" class="external-link"><button class="cta-button">Github</button></a>
          <a href="https://cursos.alura.com.br/user/izaaccoding36" class="external-link"><button class="cta-button">Alura</button></a>
          <a href="https://linkedin.com/in/izaac-colodel-de-oliveira-0773682b3" class="external-link"><button class="cta-button">Linkedin</button></a>
          <div class="section-divider"></div>
          <h2 class="T2">Meus Projetos</h2>
          <a href="https://agrotech-agr.vercel.app/escuro.html" class="external-link"><button class="cta-button">Agrotech</button></a>
          <a href="https://neo-storage.vercel.app" class="external-link"><button class="cta-button">NeoStorage</button></a>
          <a href="https://acoes-transformadoras.vercel.app/Tema_Escuro.html" class="external-link"><button class="cta-button">Ações Transformadoras</button></a>
          <a href="https://neotron3000.vercel.app" class="external-link"><button class="cta-button">NeoTron</button></a>
          <a href="https://neo-digital-clock.vercel.app" class="external-link"><button class="cta-button">Neo Digital Clock</button></a>
          <a href="https://neo-code-generator.vercel.app/pt-br.html" class="external-link"><button class="cta-button">Neo Code Generator</button></a>
          <p id="Te1">*Mais sites podem ser adicionados (ou removidos) de acordo com o que eu fizer*</p>
        </div>
      </div>
    </section>
    <section class="content-section">
      <div class="section-divider"></div>
      <h2 class="T3">Acesse de onde quiser</h2>
      <div class="content-card">
  <img id="I2" src="/img/Projetos/NeoTron3000.jpg" alt="NeoTron" loading="lazy" decoding="async"/>
        <div class="text-content">
          <p id="Te1">Meus sites (inclusive este) são dinamicamente disponíveis para serem acessados em múltiplos lugares, em sua casa, trabalho, colégio, seja onde for (e como for)</p>
        </div>
      </div>
    </section>
    <section class="content-section">
      <div class="section-divider"></div>
      <h2 class="T4">Confira Mais</h2>
      <div class="content-card">
  <img id="I3" src="/img/Projetos/BoS-Bot.png" alt="Brotherhood of Steel Discord Bot" loading="lazy" decoding="async"/>
        <div class="text-content">
          <p id="Te1">Você pode conferir uma vasta lista de sites variados, com funcionalidades diferentes e em diversos estilos. E muitas coisas que ainda virão por aí!</p>
        </div>
      </div>
    </section>
    <section class="content-section">
      <div class="section-divider"></div>
      <h2 class="T5">Aprenda Comigo</h2>
      <div class="content-card">
  <img id="I4" src="/img/Projetos/Github.jpg" alt="Github" loading="lazy" decoding="async"/>
        <div class="text-content">
          <p id="Te1">Bem, todos os sites e projetos que eu desenvolvo são compartilhados em meu Github, e caso você queira aprender mais, confira meu perfil e aprenda como realizar alguns dos meus sites disponíveis através das linhas de código que você for ver</p>
          <a href="https://github.com/IzaacCoding36?tab=repositories" class="external-link"><button class="cta-button">Confira meus códigos e projetos</button></a>
        </div>
      </div>
    </section>
    <section class="content-section">
      <div class="section-divider"></div>
      <h2 class="T5">Disponível nos seus dispositivos favoritos</h2>
      <div class="content-card">
  <img id="D1" src="/img/Dispositivos/TV.png" alt="TV" loading="lazy" decoding="async"/>
        <p id="Te1">TV</p>
  <img id="D2" src="/img/Dispositivos/Celular.png" alt="Celular" loading="lazy" decoding="async"/>
        <p id="Te1">Celular</p>
  <img id="D3" src="/img/Dispositivos/Computador.png" alt="Computador" loading="lazy" decoding="async"/>
        <p id="Te1">Computador</p>
        <div class="text-content">
          <div class="section-divider"></div>
          <p id="Te1">Espero que tenha curtido esta página :)</p>
        </div>
      </div>
    </section>
    <section class="content-section">
      <div class="section-divider"></div>
      <div class="content-card">
  <img id="D1" src="/img/Principal/Logo.png" alt="IzaacWeb Logo" loading="lazy" decoding="async"/>
        <p id="Te1">@2026 IzaacWeb</p>
        </div>
      </div>
      <div class="section-divider"></div>
    </section>
  </main>

  <footer class="site-footer">
        <span id="horas">00</span>
        <span id="separacao">:</span>
        <span id="minutos">00</span>
        <span id="separacao">:</span>
        <span id="segundos">00</span>
        <p id="Te2">Horário Atual</p>
    <p id="Te2">®2026 IzaacWeb, <a class="links" href="https://github.com/IzaacCoding36">@IzaacCoding36</a>. Todos os direitos reservados. Conteúdo sujeito a disponibilidade.</p>
    <p id="Te2">|| <a href="/extra/politica.html">Política de Privacidade</a> || <a href="/extra/conduta.html">Código de Conduta Social</a> ||</p>
  </footer>
</body>
<script src="/js/menu.js"></script>
<script src="/js/pt-br/botoes.js"></script>
<script src="/js/pt-br/horas.js"></script>
</html>