bituvo.github.io/index.html at master · Bituvo/bituvo.github.io · 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
<!DOCTYPE html>

<html>
  <title>Bituvo Coding</title>
  <link rel='icon' href='logo.svg'>
  <link rel='stylesheet' href='style.css'>
  <script src='script.js'></script>

  <header>
    <p style='float: left;'>
      <img src='logo.svg' id='headerLogo'>
    </p>
    <p style='line-height: 120px; font-size: 50px; font-weight: bold;'>Bituvo Coding</p>
  </header>

  <div style='clear: left; margin: 20px;'>
    <h1>Hello!<span style='font-weight: normal; font-size: 30px; margin-left: 15px;'>I am <span style='font-size: 35px;'>Bituvo.</span></span></h1>
    <p style='margin-top: 10px; font-size: 30px;'>I believe that people of all ages can code, especially kids.</p>
    <p style='margin-top: 10px; font-size: 30px;'>It lets you be creative, it can solve problems, and most importantly, it's fun.</p>
    <p style='margin-top: 10px; font-size: 30px;'>Here is a collection of my best works, available for free use. Enjoy!</p>
  </div>

  <hr style='border: none; border-top: 1px double #aaa; margin-top: 15px; margin-bottom: 20px;'>

  <div style='display: flex; font-size: 30px; margin-left: 20px;'>
    <div class='languageOption'>
      <input type='radio' id='all' name='languageSelection' value='all' onclick="refreshProjects('all');" checked>
      <label for='all' onclick="refreshProjects('all');">All</label>
    </div>
    <div class='languageOption'>
      <input type='radio' id='python' name='languageSelection' value='python' onclick="refreshProjects('python');">
      <label for='python' onclick="refreshProjects('python');">Python</label>
    </div>
    <div class='languageOption'>
      <input type='radio' id='javascript' name='languageSelection' value='javascript' onclick="refreshProjects('javascript');">
      <label for='javascript' onclick="refreshProjects('javascript');">Javascript</label>
    </div>
  </div>

  <div id='projects'>
  </div>

  <script>refreshProjects('all');</script>
</html>