robdll.github.io/index.html at master · robdll/robdll.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
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
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>
      Rob.dll - Fullstack Developer and Code Mentor
    </title>
    <meta
      name="description"
      content="Welcome to my portfolio. I'm Roberto, an Italian Fullstack developer and code mentor. In this space I share my professional achievements and showcase my skills"
    />
    <meta
      name="keywords"
      content="Roberto Di Lillo, Robdll, Portfolio, Fullstack developer, Frontend Developer, Backend Developer, Game Developer">
    <meta property="og:title" content="Rob.dll - Fullstack Developer and Code Mentor" />
    <meta property="og:description" content="Welcome to my portfolio. I'm Roberto, an Italian Fullstack developer and code mentor." />
    <meta property="og:image" content="https://robdll.com/resources/images/me_hero.webp" />
    <meta property="og:url" content="https://robdll.com" />
    <meta property="og:type" content="website" />
    <link rel="icon" href="resources/images/favicon.png" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="css/styles.min.css" />
    <script src="js/menu.min.js"></script>
    <script src="js/fakeWriter.min.js"></script>
    <script src="js/logoHandler.min.js"></script>
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=G-NL472XCWD0"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());

      gtag("config", "G-NL472XCWD0");
    </script>
  </head>
  <body>
    <div id="navbar-container"></div>

    <h1 style="font-size: 2px; margin: 0px">
      Rob.dll - Fullstack Developer and Code Mentor
    </h1>
    <section class="section-container" id="">
      <div class="hero">
        <span></span>
        <img
          class="hero--img"
          src="./resources/images/me_hero.webp"
          alt="Roberto Di Lillo Robdll sticker 1"
        />
        <h2 class="hero--title">Hey, I'm Rob</h2>
        <div class="hero--subtitle">
          <span>Looking for a ...</span>
          <span id="heroWriter">Fullstack developer ?</span>
        </div>
        <span class="hero--cta">
          <a class="nav--link" href='https://wa.me/+393513184484?text="Hey, I am interested in your services"' target="_blank">Hire Me</a>
        </span>
        <span></span>
      </div>
    </section>

    <div class="parallax"></div>

    <section class="section-container" id="about">
      <div class="about">
        <img
          src="./resources/images/about.webp"
          alt="Roberto Di Lillo Robdll sticker 2"
        />
        <p>
          I'm Rob.dll! I'm an obsessive learner and digital nomad
          with a highly focused problem-solving mindset.
        </p>
        <p>
          I'm a tech-addicted and passionate full-stack developer and code mentor.
          I craft software of any kind and teach those who are willing to learn how to
          become developers.
        </p>
        <p class="sign">ROB.DLL</p>
      </div>
    </section>

    <div class="parallax"></div>

    <section class="section-container" id="services">
      <div class="services">
        <article class="service">
          <h2 class="service--title">Code Mentorship</h2>
          <p>Do you know how to become a full-stack developer?</p>
          <br />
          <p>
             Having a code mentor can make your learning path easy and allow you
            to go full speed through all the necessary steps. You will learn all
            the skills you need to become a full-stack developer.
          </p>
          <br />
          <p>Fasten your seat belt and get ready to become a developer!</p>
          <div class="icon-1 icon-left">
            <img
              loading="lazy"
              src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg"
              alt="javascript"
              width="40"
              height="40"
            />
          </div>
          <div class="icon-2 icon-left">
            <img
              loading="lazy"
              src="https://raw.githubusercontent.com/devicons/devicon/master/icons/canva/canva-original.svg"
              alt="Canva"
              width="40"
              height="40"
            />
          </div>
          <div class="icon-3 icon-left">
            <img
              loading="lazy"
              src="./resources/images/github-mark.png"
              alt="github"
              width="30"
            />
          </div>
          <span class="service--cta">
            <a class="nav--link" href='https://wa.me/+393513184484?text="Hey, I am interested in your services"' target="_blank">Write Me</a>
          </span>
        </article>
        <article class="service">
          <h2 class="service--title">Fullstack Development</h2>
          <p>Are you looking for a good full-stack developer?</p>
          <br />
          <p>
            I can create scalable and solid architectures, handle backend
            development, and implement a seamless user experience on the
            frontend.
          </p>
          <br />
          <p>Sit back and relax while your idea becomes a real product.</p>
          <div class="icon-1">
            <img
              loading="lazy"
              src="https://www.vectorlogo.zone/logos/figma/figma-icon.svg"
              alt="figma"
              width="40"
              height="40"
            />
          </div>
          <div class="icon-2">
            <img
              loading="lazy"
              src="https://www.vectorlogo.zone/logos/graphql/graphql-icon.svg"
              alt="graphql"
              width="40"
              height="40"
            />
          </div>
          <div class="icon-3">
            <img
              loading="lazy"
              src="https://raw.githubusercontent.com/devicons/devicon/master/icons/react/react-original-wordmark.svg"
              alt="react"
              width="40"
              height="40"
            />
          </div>
          <span class="service--cta">
            <a class="nav--link" href='https://wa.me/+393513184484?text="Hey, I am interested in your services"' target="_blank">Write Me</a>
          </span>
        </article>
      </div>
    </section>

    <div class="parallax"></div>

    <section class="section-container" id="contacts"></section>

    <div id="gifModal" class="modal">
      <video id="animatedGif" autoplay loop muted playsinline>
        <source src="resources/videos/RobLogoAnimation.webm" type="video/webm">
        Your browser does not support the video tag.
      </video>
    </div>
  </body>
</html>

<script src="js/navbar.min.js"></script>
<script src="js/footer.min.js"></script>