Personal_Repo/my_links.html at main · tobybeevers/Personal_Repo · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Play&display=swap" rel="stylesheet">
  <script src="https://kit.fontawesome.com/930fafc260.js" crossorigin="anonymous"></script>
  <link rel="stylesheet" href="./css/containers.css">
  <link rel="stylesheet" href="./css/styles.css">
  <title>Toby Beevers</title>
  <link rel="icon" href="library/favicon-laptop-solid.svg" type="image/svg+xml">
</head>

<body>
  <!-- Skip to content link -->
  <a href="#main-content" class="skip-link" >Skip to main content</a>

<!-- NavBar Same Every Page -->
<div class="navbar" aria-label="Navigation">
  <div class="container flex">
    <nav aria-label="Main Navigation">
      <ul>
        <li><a href="./index.html" aria-current="page">Home</a></li>
        <li><a href="./my_early_years.html">My Early Years</a></li>
        <li><a href="./career_change.html">Career Change</a></li>
        <li><a href="./personal_development.html">Personal Development</a></li>
        <li><a href="./my_links.html">My Links</a></li>
        <li><a href="./my_blog.html">My Blog Posts</a></li>
      </ul>
    </nav>
  </div>
</div>

<!-- Showcase -->
<main id="main-content">
  <section class="showcase2">
    <div class="container grid flex">
      <div class="showcase-text">
        <h1>My Personal Links</h1>
        <p>Here are some of my personal links as well as links to products or websites I like to use daily. My Instagram link is a reflection of my personal life, I'm happy to share my passions outside of work so feel free to take alook. Where as Github and LinkedIn are my professional life, again here you'll find information that reflects what I like to do at work and within my professional network.</p>
      </div>

      <div>
      <a href="https://www.linkedin.com/build-relation/newsletter-follow?entityUrn=7283899348470366208" target="_blank" class="btn btn-outline"> My LinkedIn Newsletter</a>
      <p>  </p>
      <a href="library/Toby Beevers CV - Dir Tech and Data.pdf" download class="btn btn-outline">     Download My CV</a>

      <p>  </p>
      <a href="library/Toby Beevers CV - Dir Tech and Data.pdf" download class="btn btn-outline">     Download My CV</a>

      </div>
    </div>
  </section>
</main>

<div class="socials">
  <div class="container">
    <div class="grid grid-3 text-center my-4">
      <div>
        <i class="fa-brands fa-linkedin fa-4x" style="color: #274C77" aria-hidden="true"></i>
        <p class="text-secondary"></p>
        <a href="https://www.linkedin.com/in/tobybeevers/" style="color: #274C77" target="_blank" aria-label="Visit My LinkedIn" title="Visit My LinkedIn">Visit My LinkedIn </a>
      </div>
      <div>
        <i class="fa-brands fa-github fa-4x" style="color: #274C77" aria-hidden="true"></i>
        <p class="text-secondary"></p>
        <a href="https://github.com/tobybeevers" style="color: #274C77" target="_blank" aria-label="Visit My GitHub Space" title="Visit My GitHub Space">Visit My GitHub Space</a>
      </div>
      <div>
        <i class="fa-brands fa-square-instagram fa-4x" style="color: #274C77" aria-hidden="true"></i>
        <p class="text-secondary"></p>
        <a href="https://www.instagram.com/tobybeevers" style="color: #274C77" target="_blank" aria-label="Visit My Instagram" title="Visit My Instagram">Visit My Instagram</a>
      </div>


      <div>
        <i class="fa-solid fa-list-check fa-4x" style="color: #274C77" aria-hidden="true"></i>
        <p class="text-secondary"></p>
        <a href="https://www.agilebusiness.org/" style="color: #274C77" target="_blank" aria-label="AgilePM">Agile DSDM</a>
      </div>

      <div>

        <i class="fa-brands fa-atlassian fa-4x" style="color: #274C77" aria-hidden="true"></i>
        <p class="text-secondary"></p>
        <a href="https://www.atlassian.com/" style="color: #274C77" target="_blank" aria-label=="Atlassian">Atlassian.com</a>
      </div>

      <div>
        <i class="fa-solid fa-chalkboard-user fa-4x" style="color: #274C77" aria-hidden="true"></i>
        <p class="text-secondary"></p>
        <a href="https://www.w3schools.com" style="color: #274C77" target="_blank" aria-label=="W3C Schools">W3 Schools</a>
      </div>
    </div>
  </div>
</div>


<!--Footer Bar Same Every Page -->
<footer class="footer bg-secondary py-5">
  <div class="container grid grid-3">
    <div>
      <h1>Toby Beevers</h1>
      <h2>Copyright &copy; 2024</h2>
    </div>
    <nav aria-label="Secondary Navigation">
      <ul>
        <li><a href="./index.html" aria-current="page">Home</a></li>
        <li><a href="./my_early_years.html">My Early Years</a></li>
        <li><a href="./career_change.html">Career Change</a></li>
      </ul>
    </nav>
    <nav aria-label="Secondary Navigation">
      <ul>
        <li><a href="./personal_development.html">Personal Development</a></li>
        <li><a href="./my_links.html">My Links</a></li>
        <li><a href="./my_blog.html">My Blog Posts</a></li>
      </ul>
    </nav>
  </div>
</footer>

</body>
</html>