4high20.github.io/index.html at master · marcoruggeri/4high20.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 lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Marco Ruggeri</title>
    <link rel="stylesheet" href="main.css">
  </head>
  <body>
    <nav>
      <ul id="navbar">
        <li><a href="#home">Home</a></li>
        <li><a href="#bio">Bio</a></li>
        <li><a href="#work">Work</a></li>
      </ul>
    </nav>

  <div id="home" class="home">
    <h1>Marco Ruggeri</h1>
    <p>wannabe developer</p>
    <button id="shuffle">Shuffle</button>
  </div>

  <div id="bio" class="bio">
    <h2>A brief story of my life</h2>
    <button id="storyButton">Show</button>
    <p id="storyParagraph">I've always been fascinated by computers since I was
      a child watching my bigger brother using his. I wrote my first website using windows notepad and html at 11 years old.
      I then wrote my first computer software at 12 using Visual Basic, it was a riddles game. Later I studyied some c++ at
      high school but at that time I was more into videogames then coding so I didn't practice much.
      After high school I began my poker career and didn't write a line of code for almost 10 years. Lately
      I've been re-exploring my old passion and got quite hooked to it, during the last months i've spent
      a lot of hours everyday studying fullstack javascript and practicing it.
      I hope I'll make it into Founders and Coders so that I'll be able to turn this passion into my job.
</p>
  </div>

  <div id="work" class="work">
    <a href="https://www.codewars.com/users/4high20"><img src="codewars.png" alt="codewars logo"></a>
    <a href="https://github.com/4high20/4high20.github.io"><img src="github.png" alt="github logo"></a>
    <a href="https://www.freecodecamp.org/4high20"><img src="fcc.png" alt="freecodecamp logo"></a>
  </div>
  <script src="main.js"></script>
  </body>
</html>