bblackwo.github.io/index.html at master · BBlackwo/bblackwo.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
<!DOCTYPE html>
<html>
  <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>Benjamin B | Software Developer | Frontend Specialist</title>

    <!-- Thanks: https://favicon.io/favicon-generator/?t=B&ff=Reem+Kufi&fs=110&fc=%23FFFFFF&b=rounded&bc=%23209CEE -->
    <link rel="icon" href="favicon.ico" type="image/png" />

    <!-- TODO: Switch to use local SVGs instead. No need to download so much. -->
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.5.0/css/brands.css"
      integrity="sha384-QT2Z8ljl3UupqMtQNmPyhSPO/d5qbrzWmFxJqmY7tqoTuT2YrQLEqzvVOP2cT5XW"
      crossorigin="anonymous"
    />
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.5.0/css/fontawesome.css"
      integrity="sha384-u5J7JghGz0qUrmEsWzBQkfvc8nK3fUT7DCaQzNQ+q4oEXhGSx+P2OqjWsfIRB8QT"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/styles.css" />
    <!-- <link rel="stylesheet" href="css/themes/indigo-white.css"> -->
    <!-- <link rel="stylesheet" href="css/themes/green-white.css"> -->
    <!-- <link rel="stylesheet" href="css/themes/red-white.css"> -->
    <!-- <link rel="stylesheet" href="css/themes/grey-white.css" /> -->
    <!-- <link rel="stylesheet" href="css/themes/white-indigo.css"> -->
    <link rel="stylesheet" href="css/themes/white-blue.css" />
    <!-- <link rel="stylesheet" href="css/themes/white-grey.css"> -->
    <!-- <link rel="stylesheet" href="css/themes/white-red.css"> -->
    <!-- <link rel="stylesheet" href="css/themes/yellow-black.css"> -->
  </head>
  <body>
    <main>
      <h1 class="intro">Hello, I'm Benjamin!</h1>
      <div class="tagline">
        Software Developer | Frontend Specialist | Advocate for Accessibility |
        🇦🇺 <span class="sr-only">Australian</span>
      </div>
      <!-- Find your icons from here - https://fontawesome.com/icons?d=gallery&s=brands -->
      <div class="icons-social">
        <a
          class="icons-social-a"
          target="_blank"
          href="https://github.com/BBlackwo"
        >
          <i aria-hidden="true" class="fab fa-github" title="GitHub"></i>
          <span class="sr-only">Github</span>
        </a>
        <a
          class="icons-social-a"
          target="_blank"
          href="https://stackoverflow.com/users/2443005/bblackwo?tab=profile"
        >
          <i
            aria-hidden="true"
            class="fab fa-stack-overflow"
            title="StackOverflow"
          ></i>
          <span class="sr-only">StackOverflow</span>
        </a>
        <a
          class="icons-social-a"
          target="_blank"
          href="https://www.linkedin.com/in/benjaminb-xyz"
        >
          <i aria-hidden="true" class="fab fa-linkedin" title="Linkedin"></i>
          <span class="sr-only">Linkedin</span>
        </a>
        <a
          class="icons-social-a"
          target="_blank"
          href="https://dev.to/bblackwo"
        >
          <i aria-hidden="true" class="fab fa-dev" title="Dev.to"></i>
          <span class="sr-only">Dev.to</span>
        </a>
      </div>
    </main>
  </body>
</html>