tobybeevers · tobybeevers · Feb 16, 2026 · Feb 16, 2026
diff --git a/Blog-Posts/blog_AIML.html b/Blog-Posts/blog_AIML.html
@@ -6,6 +6,9 @@
 <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">

diff --git a/Blog-Posts/blog_CareerChange.html b/Blog-Posts/blog_CareerChange.html
@@ -6,6 +6,9 @@
 <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">

diff --git a/Blog-Posts/blog_CentralBilling.html b/Blog-Posts/blog_CentralBilling.html
@@ -6,6 +6,9 @@
 <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">

diff --git a/Blog-Posts/blog_JupyterNotebook.html b/Blog-Posts/blog_JupyterNotebook.html
@@ -6,6 +6,9 @@
 <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">

diff --git a/Blog-Posts/blog_MyCSR.html b/Blog-Posts/blog_MyCSR.html
@@ -6,6 +6,9 @@
 <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">

diff --git a/Blog-Posts/blog_O365Migrations.html b/Blog-Posts/blog_O365Migrations.html
@@ -6,6 +6,9 @@
 <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">

diff --git a/Blog-Posts/blog_PowerBI.html b/Blog-Posts/blog_PowerBI.html
@@ -6,6 +6,9 @@
 <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">

diff --git a/Blog-Posts/blog_holdingpage.html b/Blog-Posts/blog_holdingpage.html
@@ -6,6 +6,9 @@
 <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">

diff --git a/Blog-Posts/blog_template.html b/Blog-Posts/blog_template.html
@@ -6,6 +6,9 @@
 <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">

diff --git a/career_change.html b/career_change.html
@@ -1,97 +1,100 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <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">
-  <link rel="stylesheet" href="./css/timeline.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>
-
-<main id="main-content">
-<h3 style="text-align: center;">In 2013 I took a decision to try something new, staying in the world of food I joined Entegra </h3>
-
-<ul2>
-    <li style="--accent-color:#274C77">
-        <div class="date">2013</div>
-        <div class="title">OPERATIONS MANAGER</div>
-        <div class="descr">Collaborated directly with leading foodservice brands to deliver customised service solutions aimed at optimising purchasing processes, reducing operational costs, and enhancing efficiency.</div>
-    </li>
-    <li style="--accent-color:#6096BA">
-        <div class="date">2014</div>
-        <div class="title">ePSL ACCOUNT MANAGER</div>
-        <div class="descr">Transitioned into the systems domain, providing operational support for customer systems. Responsibilities included system setup, user training, and seamless implementation to ensure client success.</div>
-    </li>
-    <li style="--accent-color:#8B8C89">
-        <div class="date">2017</div>
-        <div class="title">SYSTEMS PROJECT MANAGER</div>
-        <div class="descr">Acted as the primary liaison between business stakeholders and the technical development team. Functioned as a hybrid Product Owner and Project Manager, overseeing budgets, deliverables, and project timelines to drive successful outcomes.</div>
-    </li>
-    <li style="--accent-color:#274C77">
-        <div class="date">2018</div>
-        <div class="title">HEAD OF SYSTEMS UK</div>
-        <div class="descr">Led the day-to-day operations of systems and business processes across the UK and Ireland, later expanding oversight to eight countries by 2020. Managed a team of two direct reports and approximately 25 indirect reports, while collaborating with external development partners to deliver the annual technical roadmap within an Agile/Scrum framework.</div>
-    </li>
-    <li style="--accent-color:#6096BA">
-        <div class="date">2021</div>
-        <div class="title">HEAD OF EUROPE DATA & IT</div>
-        <div class="descr">Assumed leadership of technical and data development initiatives across eight European countries. Reported directly to the European CEO and contributed to strategic decision-making as part of the Europe Leadership Team, driving innovation and alignment in data and system development.</div>
-    </li>
-    <li style="--accent-color:#6096BA">
-      <div class="date">2024</div>
-      <div class="title">DIR TECH & DATA</div>
-      <div class="descr">Advanced into my first director-level role, leveraging extensive experience to lead technology and data strategies, foster innovation, and deliver impactful business solutions.</div>
-  </li>
-</ul2>
-</main>
-
-
-<!--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>
+<!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">
+  <link rel="stylesheet" href="./css/timeline.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>
+
+<main id="main-content">
+<h3 style="text-align: center;">In 2013 I took a decision to try something new, staying in the world of food I joined Entegra </h3>
+
+<ul2>
+    <li style="--accent-color:#274C77">
+        <div class="date">2013</div>
+        <div class="title">OPERATIONS MANAGER</div>
+        <div class="descr">Collaborated directly with leading foodservice brands to deliver customised service solutions aimed at optimising purchasing processes, reducing operational costs, and enhancing efficiency.</div>
+    </li>
+    <li style="--accent-color:#6096BA">
+        <div class="date">2014</div>
+        <div class="title">ePSL ACCOUNT MANAGER</div>
+        <div class="descr">Transitioned into the systems domain, providing operational support for customer systems. Responsibilities included system setup, user training, and seamless implementation to ensure client success.</div>
+    </li>
+    <li style="--accent-color:#8B8C89">
+        <div class="date">2017</div>
+        <div class="title">SYSTEMS PROJECT MANAGER</div>
+        <div class="descr">Acted as the primary liaison between business stakeholders and the technical development team. Functioned as a hybrid Product Owner and Project Manager, overseeing budgets, deliverables, and project timelines to drive successful outcomes.</div>
+    </li>
+    <li style="--accent-color:#274C77">
+        <div class="date">2018</div>
+        <div class="title">HEAD OF SYSTEMS UK</div>
+        <div class="descr">Led the day-to-day operations of systems and business processes across the UK and Ireland, later expanding oversight to eight countries by 2020. Managed a team of two direct reports and approximately 25 indirect reports, while collaborating with external development partners to deliver the annual technical roadmap within an Agile/Scrum framework.</div>
+    </li>
+    <li style="--accent-color:#6096BA">
+        <div class="date">2021</div>
+        <div class="title">HEAD OF EUROPE DATA & IT</div>
+        <div class="descr">Assumed leadership of technical and data development initiatives across eight European countries. Reported directly to the European CEO and contributed to strategic decision-making as part of the Europe Leadership Team, driving innovation and alignment in data and system development.</div>
+    </li>
+    <li style="--accent-color:#6096BA">
+      <div class="date">2024</div>
+      <div class="title">DIR TECH & DATA</div>
+      <div class="descr">Advanced into my first director-level role, leveraging extensive experience to lead technology and data strategies, foster innovation, and deliver impactful business solutions.</div>
+  </li>
+</ul2>
+</main>
+
+
+<!--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>
diff --git a/css/styles.css b/css/styles.css
@@ -1,5 +1,4 @@
 /*This is importing the Font called Play Regular 400 from Google Fonts*/
-@import url('https://fonts.googleapis.com/css2?family=Play&display=swap');
 
 :root {
   --primary-color: #6096BA;