ADCM-Networks/ProfessionalWebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

New Colour Scheme

Browse Source 
Changed from Teal & Green to Purple & Orange
This commit is contained in:
Alexander Lyall
2025-07-13 15:13:01 +01:00
parent f5302e3b55
commit 844576887f
27 changed files with 1963 additions and 659 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
Export/index.html
View File

@@ -113,13 +113,13 @@
});
})();
</script>
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo-white.png" media="(prefers-color-scheme: dark)">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/logo.png">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
<link rel="icon" type="image/png" sizes="4860x4860" href="assets/img/brand/ADCM%20Logo%202025.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/Lato.css">
<link rel="stylesheet" href="assets/css/bss-overrides.css">
@@ -134,16 +134,16 @@
<body>
<nav class="navbar navbar-expand-md fixed-top portfolio-navbar gradient navbar-dark" style="padding-top: 5px;padding-bottom: 5px;">
<div class="container-fluid"><a class="navbar-brand logo" href="#" style="margin-right: 0;padding: 0;"><img src="assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="container-fluid"><a class="navbar-brand logo" href="../../index.html" style="margin-right: 0;padding: 0;"><img src="assets/img/brand/logo-white.png" style="width: 100px;height: 100px;" width="50" height="50"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarNav"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link active" href="/index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/about.html">About</a></li>
<li class="nav-item dropdown nav-item"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="projects.html">My Work</a>
<li class="nav-item dropdown nav-item" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="false" href="projects.html">My Work</a>
<div class="dropdown-menu"><a class="dropdown-item" href="projects.html?tag=web-design">Web Design</a><a class="dropdown-item" href="projects.html?tag=projects-for-education">Projects for Education</a><a class="dropdown-item" href="projects.html?tag=extracurricular-projects">Extracurricular Projects</a><a class="dropdown-item" href="my-work/showreel.html">Showreel</a></div>
</li>
<li class="nav-item"><a class="nav-link" href="../../blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../../contact.html">Contact</a></li>
<li class="nav-item"><a class="nav-link" href="../blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="../contact.html">Contact</a></li>
<li class="nav-item d-flex align-items-center mode-select"><a class="nav-link active" id="light-mode" data-bs-theme-value="dark"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-sun-fill mb-1">
<path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path>
</svg></a><a class="nav-link active" id="dark-mode" data-bs-theme-value="light"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-moon-stars-fill mb-1">
@@ -155,21 +155,21 @@
</div>
</nav>
<main class="page">
<section class="portfolio-block block-intro">
<div class="container">
<div class="row">
<div class="col-md-8 col-xl-6" style="align-content: center;"><h1><u class="coloured-underline">Mr A Davis</u></h1>
<section class="portfolio-block block-intro" style="margin-top: auto;">
<div class="container center-everything">
<div class="row justify-content-center" style="margin-right: auto;margin-left: auto;">
<div class="col" style="align-content: center;"><h1><u class="coloured-underline">Mr A Davis</u></h1>
<h2><span class="txt-rotate" data-period="1000" data-rotate='[ "Web Designer", "Head of Computing", "Programmer", "Media Production Assistant","Solutions Consultant" ]'></span></h2>
</div>
<div class="col-md-4">
<picture><img class="w-100 h-auto" src="assets/img/brand/headshot.webp" style="height: 500px;"></picture>
<div class="col">
<picture style="margin-right: auto;margin-left: auto;max-width: 500px;"><img class="w-100 h-auto" src="assets/img/brand/headshot.webp" style="max-width: 500px;"></picture>
</div>
</div>
</div>
</section>
</main>
<section class="portfolio-block website gradient">
<div class="container">
<div class="container center-everything">
<div class="row align-items-center">
<div class="col-md-12 col-lg-5 offset-lg-1 text">
<h3>Featured Project</h3>
@@ -187,7 +187,7 @@
</div>
</section>
<footer class="text-body bg-body" id="Light-Footer" data-bs-theme="light">
<div class="container py-4 py-lg-5">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body" style="font-weight: bold;">Accreditations</h3>
@@ -214,7 +214,7 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper">
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#light-swiper" style="margin-top: 0.5em;">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
@@ -226,13 +226,13 @@
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column"></div>
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last">
<div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/brand/logo.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
<div class="fw-bold d-flex align-items-center mb-2"><img src="assets/img/brand/ADCM%20Logo%202025.png" style="width: 100px;height: 100px;" width="50" height="50" class="footer-logo-white"><span>Mr A Davis</span></div>
<p>IT professional and Head of Computing in the West Midlands</p>
</div>
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->
@@ -257,7 +257,7 @@
</div>
</footer>
<footer class="text-body bg-body" id="Dark-Footer" data-bs-theme="dark">
<div class="container py-4 py-lg-5">
<div class="container py-4 py-lg-5 center-everything">
<div class="row justify-content-center">
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column">
<h3 class="fs-6 text-center text-body">Accreditations</h3>
@@ -284,7 +284,7 @@
<div class="swiper-slide"><a href="https://www.credly.com/badges/f0f27d87-424b-49e8-a444-95086d640e66/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="assets/img/accreditations/mta_windows_operating_system_fundamentals_certified_2016.png" alt="Slide Image"></a></div>
</div>
</div>
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper">
<div class="swiper-nav-standalone d-flex justify-content-center" data-bss-swiper-target="#dark-swiper" style="margin-top: 0.5em;">
<div class="swiper-button-prev"><button class="btn btn-primary btn-sm" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-left">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"></path>
</svg></button></div>
@@ -303,7 +303,7 @@
</div>
<hr>
<div class="d-flex justify-content-between align-items-center pt-3">
<p class="mb-0">Copyright © 2025 ADCM Networks</p>
<p class="mb-0" style="margin-left: 2em;">Copyright © 2025 ADCM Networks</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://mstdn.social/@MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="text-body">
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. -->