IzaacWeb/eng.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
173
<!-- IzaacWeb V5 -->

<!DOCTYPE html>
<html lang="en" data-theme-in-use-msg="You're already using this theme.">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="author" content="IzaacCoding36">
  <meta name="description" content="This is a website where I (IzaacCoding36) showcase my projects and developments.">
  <meta name="keywords" content="HTML, CSS, JavaScript, Projects, Development, 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/eng/eng.css':'/css/eng/dark.css')+'" data-dark="/css/eng/dark.css" data-light="/css/eng/eng.css">');}catch(e){}</script>
  <noscript><link id="theme-css" rel="stylesheet" href="/css/eng/dark.css" data-dark="/css/eng/dark.css" data-light="/css/eng/eng.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="Open menu" aria-haspopup="true" aria-controls="menu" aria-expanded="false">
          <span id="hambuguer"></span>
        </button>
        <ul id="menu" role="menu">
          <li><a class="here">Main Page</a></li>
          <li><a href="/extra/eng-bot.html">Terminal Bot</a></li>
          <li><a href="/extra/eng-info.html">Info</a></li>
          <li><a href="/eng-portfolio.html">Portfolio</a></li>
          <li><a href="/extra/contact.html">Contact</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">Languages</button>
          <div class="dropdown-content">
            <a href="/index.html">Brazillian Portuguese</a>
            <a class="eng">English</a>
            <a class="morelang">More languages</a>
          </div>
        </div>
        <div class="dropdown">
          <button class="dropbtn">Filters</button>
          <div class="dropdown-content">
            <a class="filter">Normal</a>
            <a class="filter2">Sepia</a>
            <a class="filter3">Gray</a>
          </div>
        </div>
    <div class="dropdown">
          <button class="dropbtn">Themes</button>
          <div class="dropdown-content">
      <a class="theme">Dark</a>
      <a class="theme-light">Light</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">Hello, welcome!</p>
          <p id="Te1">Here, you will see projects and developments that I have done, in addition, you can also check my portfolio and the Terminal Bot, exclusive to IzaacWeb.</p>
          <p id="Te1">Shall we begin?</p>
          <div class="section-divider"></div>
          <h2 class="T2">My Profiles</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">My Projects</h2>
          <a href="https://agrotech-agr.vercel.app/eng2.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/Dark_Theme.html" class="external-link"><button class="cta-button">Transformative Actions</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" class="external-link"><button class="cta-button">Neo Code Generator</button></a>
          <p id="Te1">*More websites can be added (or removed) according to what I do*</p>
        </div>
      </div>
    </section>
    <section class="content-section">
      <div class="section-divider"></div>
      <h2 class="T3">Access from Anywhere</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">My websites (including this one) are dynamically available to be accessed from multiple places, at home, work, school, wherever (and however)</p>
        </div>
      </div>
    </section>
    <section class="content-section">
      <div class="section-divider"></div>
      <h2 class="T4">Check Out More</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">You can check out a vast list of various websites, with different functionalities and styles. And many more things to come!</p>
        </div>
      </div>
    </section>
    <section class="content-section">
      <div class="section-divider"></div>
      <h2 class="T5">Learn With Me</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">Well, all the sites and projects that I develop are shared on my Github, and if you want to learn more, check out my profile and learn how to create some of my available sites through the lines of code you will see</p>
          <a href="https://github.com/IzaacCoding36?tab=repositories" class="external-link"><button class="cta-button">Check out my codes and projects</button></a>
        </div>
      </div>
    </section>
    <section class="content-section">
      <div class="section-divider"></div>
      <h2 class="T5">Available on Your Favorite Devices</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="Smartphone" loading="lazy" decoding="async"/>
        <p id="Te1">Smartphone</p>
  <img id="D3" src="/img/Dispositivos/Computador.png" alt="Computer" loading="lazy" decoding="async"/>
        <p id="Te1">Computer</p>
        <div class="text-content">
          <div class="section-divider"></div>
          <p id="Te1">I hope you enjoyed this page :)</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="hours">00</span>
        <span id="separation">:</span>
        <span id="minutes">00</span>
        <span id="separation">:</span>
        <span id="seconds">00</span>
        <span id="period"></span>
        <p id="Te2">Current Time</p>
    <p id="Te2">®2026 IzaacWeb, <a class="links" href="https://github.com/IzaacCoding36">@IzaacCoding36</a>. All rights reserved. Content subject to availability.</p>
    <p id="Te2">|| <a href="/extra/policy.html">Privacy Policy</a> || <a href="/extra/conduct.html">Code of Social Conduct</a> ||</p>
  </footer>
</body>
<script src="/js/menu.js"></script>
<script src="/js/eng/buttons.js"></script>
<script src="/js/eng/hours.js"></script>
</html>