masteryder.github.io/index.html at master · masteryder/masteryder.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
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Roboto">
    <link rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Dela+Gothic+One">
    <link rel="stylesheet" href="./compiled.css">
  </head>
  <body class="font-body bg-yellow">
    <!--[if lt IE 7]>
      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->

    <div class="font-title text-9xl -ml-2 -mt-5 text-blue mb-5">Hello World!</div>
    <div class="mb-5 md:w-1/2 text-blue">My name is <span class="duration-1000 inline-block transform hover:rotate-720 transition-all bg-blue text-yellow font-bold">João Filipe Ventura Coelho</span> and this would be where I'd put my Portfolio if I had one.</div>
    <div class="flex bg-blue text-white pb-5">
      <div class="md:w-1/2 w-3/4">
        <div class="-ml-1 bg-white pb-1 text-blue text-4xl mb-5 font-title">My links and stuff</div>
        <div class="transform origin-left	scale-100 hover:scale-110 transition-all"><i class="fab fa-linkedin"></i> Here's my <a class="underline hover:font-bold" href="https://www.linkedin.com/in/joaofvc/">Linkedin</a></div>
        <div class="transform origin-left	scale-100 hover:scale-110 transition-all"><i class="fab fa-github"></i> Here's my <a class="underline hover:font-bold" href="https://github.com/masteryder">Github</a></div>
        <div class="transform origin-left	scale-100 hover:scale-110 transition-all"><i class="fab fa-codepen"></i> Here's my <a class="underline hover:font-bold" href="https://codepen.io/masteryder">Codepen</a></div>
        <div class="transform origin-left scale-100 hover:scale-110 transition-all"><i class="fab fa-itch-io"></i> Here's my <a class="underline hover:font-bold" href="https://masteryder.itch.io/">itch.io page</a></div>
        <div class="transform origin-left scale-100 hover:scale-110 transition-all"><i class="far fa-credit-card"></i> Here's a <a href="https://tinyurl.com/5xxxw45w" class="underline hover:font-bold">link to my credit card information</a></div>
        <div class="transform origin-left	scale-100 hover:scale-110 transition-all mb-3"><i class="far fa-envelope"></i> joao-ventura<i class="fas fa-at"></i>outlook.com (no spam bots allowed >:c)</div>

        <div class="mb-3 font-bold">Fun Stuff</div>
        <div class="transform origin-left scale-100 hover:scale-110 transition-all"><i class="fas fa-code"></i> Challenge me in a Clash of Code at <a class="underline hover:font-bold" href="https://www.codingame.com/profile/c342a68e70a7285087cb38a9662c2e1e1654814">codingame.com</a></div>
        <div class="transform origin-left	scale-100 hover:scale-110 transition-all"><i class="fas fa-code"></i> Challenge me in a CSS Battle at <a class="underline hover:font-bold" href="https://cssbattle.dev/player/masteryder">cssbattle.dev</a></div>
      </div>
      <div class="md:w-1/2 w-1/4">
        <img class="md:-my-24 my-5" src="./assets/Mr._Turner_Stock_Image.png" alt="Mr. Turner from Fairly OddParents pointing to the top left of the page" /></div>
      </div>
  <script src="" async defer></script>
  <script src="https://kit.fontawesome.com/a4b5f21377.js" crossorigin="anonymous"></script>
  </body>
</html>