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

Addition of Mottashaw Consulting project, changed links to reflect breakup of projects groups on Gitea.

Browse Source 
Signed-off-by: Alexander Davis <alex@adcm.uk>
This commit is contained in:
Alexander Lyall
2025-07-20 16:02:58 +01:00
parent 9849fb1e19
commit 4b3821ea94
43 changed files with 921 additions and 518 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
Export/my-work/web-design/birmingham-city-university-christian-union.html
View File

@@ -22,8 +22,8 @@
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Birmingham City University Christian Union</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/web-design/birmingham-city-university-christian-union.html">
<meta property="og:url" content="https://www.mrdaviscsit.uk/my-work/web-design/birmingham-city-university-christian-union.html">
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/web-design/birmingham-city-university-christian-union">
<meta property="og:url" content="https://www.mrdaviscsit.uk/my-work/web-design/birmingham-city-university-christian-union">
<meta name="twitter:description" content="The website of Mr. A. Davis, featuring a portfolio of work in computing education, digital projects, and curriculum resources. Explore blog posts, classroom tools, and professional insights focused on innovation, inclusion, and effective IT teaching.">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
@@ -97,8 +97,8 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-discover.html">
<div class="card"><a href="birmingham-city-university-discover"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-discover">
<h4 class="text-body">Birmingham City University Dis.Cover</h4>
</a>
<p class="card-text">A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.</p>
@@ -106,8 +106,8 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-mental-health-awareness.html">
<div class="card"><a href="birmingham-city-university-mental-health-awareness"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-mental-health-awareness">
<h4 class="text-body">Birmingham City University Mental Health Awareness</h4>
</a>
<p class="card-text">A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.</p>
@@ -115,8 +115,8 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp"></a>
<div class="card-body"><a href="frizzle-tv.html">
<div class="card"><a href="frizzle-tv"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp"></a>
<div class="card-body"><a href="frizzle-tv">
<h4 class="text-body">Frizzle TV</h4>
</a>
<p class="card-text">A series of videos, including website design recommendations for an upcoming online shopping channel.</p>
@@ -124,8 +124,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp"></a>
<div class="card-body"><a href="peter-bell-music.html">
<div class="card"><a href="mottashaw-consulting"><img class="img-fluid card-img-top rainbow-border" alt="Website preview of Mottashaw Consulting homepage with navigation links and hero section showing lightbulb background and company introduction." width="1910" height="880" src="../../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp"></a>
<div class="card-body"><a href="mottashaw-consulting">
<h4 class="text-body">Mottashaw Consulting</h4>
</a>
<p class="card-text">A clean, responsive brochure‑style website showcasing apprenticeship, training, and consultancy services. Built for clarity and accessibility, featuring streamlined sections detailing services, contact information, and company credentials - designed for ease of use across all devices.</p>
</div>
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="peter-bell-music"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp"></a>
<div class="card-body"><a href="peter-bell-music">
<h4 class="text-body">Peter Bell Music</h4>
</a>
<p class="card-text">A modern responsive website with the ability to display, broadcast and sell created pieces of work</p>
@@ -133,8 +142,8 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp"></a>
<div class="card-body"><a href="st-thomas-church-keresley.html">
<div class="card"><a href="st-thomas-church-keresley"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp"></a>
<div class="card-body"><a href="st-thomas-church-keresley">
<h4 class="text-body">St Thomas' Church Keresley</h4>
</a>
<p class="card-text">A responsive and dynamic website including historical archives for public access.</p>
@@ -210,7 +219,7 @@
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<li class="list-inline-item"><a href="https://www.linkedin.com/in/MrDavisCSIT/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
@@ -283,7 +292,7 @@
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<li class="list-inline-item"><a href="https://www.linkedin.com/in/MrDavisCSIT/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">

37
Export/my-work/web-design/birmingham-city-university-discover.html
View File

@@ -22,8 +22,8 @@
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Birmingham City University Dis.Cover</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/web-design/birmingham-city-university-discover.html">
<meta property="og:url" content="https://www.mrdaviscsit.uk/my-work/web-design/birmingham-city-university-discover.html">
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/web-design/birmingham-city-university-discover">
<meta property="og:url" content="https://www.mrdaviscsit.uk/my-work/web-design/birmingham-city-university-discover">
<meta name="twitter:description" content="The website of Mr. A. Davis, featuring a portfolio of work in computing education, digital projects, and curriculum resources. Explore blog posts, classroom tools, and professional insights focused on innovation, inclusion, and effective IT teaching.">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
@@ -97,8 +97,8 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-christian-union.html">
<div class="card"><a href="birmingham-city-university-christian-union"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-christian-union">
<h4 class="text-body">Birmingham City University Christian Union</h4>
</a>
<p class="card-text">A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.</p>
@@ -106,8 +106,8 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-mental-health-awareness.html">
<div class="card"><a href="birmingham-city-university-mental-health-awareness"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-mental-health-awareness">
<h4 class="text-body">Birmingham City University Mental Health Awareness</h4>
</a>
<p class="card-text">A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.</p>
@@ -115,8 +115,8 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp"></a>
<div class="card-body"><a href="frizzle-tv.html">
<div class="card"><a href="frizzle-tv"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp"></a>
<div class="card-body"><a href="frizzle-tv">
<h4 class="text-body">Frizzle TV</h4>
</a>
<p class="card-text">A series of videos, including website design recommendations for an upcoming online shopping channel.</p>
@@ -124,8 +124,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp"></a>
<div class="card-body"><a href="peter-bell-music.html">
<div class="card"><a href="mottashaw-consulting"><img class="img-fluid card-img-top rainbow-border" alt="Website preview of Mottashaw Consulting homepage with navigation links and hero section showing lightbulb background and company introduction." width="1910" height="880" src="../../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp"></a>
<div class="card-body"><a href="mottashaw-consulting">
<h4 class="text-body">Mottashaw Consulting</h4>
</a>
<p class="card-text">A clean, responsive brochure‑style website showcasing apprenticeship, training, and consultancy services. Built for clarity and accessibility, featuring streamlined sections detailing services, contact information, and company credentials - designed for ease of use across all devices.</p>
</div>
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="peter-bell-music"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp"></a>
<div class="card-body"><a href="peter-bell-music">
<h4 class="text-body">Peter Bell Music</h4>
</a>
<p class="card-text">A modern responsive website with the ability to display, broadcast and sell created pieces of work</p>
@@ -133,8 +142,8 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp"></a>
<div class="card-body"><a href="st-thomas-church-keresley.html">
<div class="card"><a href="st-thomas-church-keresley"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp"></a>
<div class="card-body"><a href="st-thomas-church-keresley">
<h4 class="text-body">St Thomas' Church Keresley</h4>
</a>
<p class="card-text">A responsive and dynamic website including historical archives for public access.</p>
@@ -210,7 +219,7 @@
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<li class="list-inline-item"><a href="https://www.linkedin.com/in/MrDavisCSIT/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
@@ -283,7 +292,7 @@
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<li class="list-inline-item"><a href="https://www.linkedin.com/in/MrDavisCSIT/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">

39
Export/my-work/web-design/birmingham-city-university-mental-health-awareness.html
View File

@@ -22,8 +22,8 @@
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Birmingham City University Mental Health Awareness</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/web-design/birmingham-city-university-mental-health-awareness.html">
<meta property="og:url" content="https://www.mrdaviscsit.uk/my-work/web-design/birmingham-city-university-mental-health-awareness.html">
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/web-design/birmingham-city-university-mental-health-awareness">
<meta property="og:url" content="https://www.mrdaviscsit.uk/my-work/web-design/birmingham-city-university-mental-health-awareness">
<meta name="twitter:description" content="The website of Mr. A. Davis, featuring a portfolio of work in computing education, digital projects, and curriculum resources. Explore blog posts, classroom tools, and professional insights focused on innovation, inclusion, and effective IT teaching.">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
@@ -89,7 +89,7 @@
<p>In June 2016, I was selected and asked to become the president of a new society at Birmingam City University. In August 2016, BCU Mental Health Awareness was officialy formed with myself and 4 other members on the executive committiee and part of my objectives was to update and maintain a website that was formed when the campaign team was originally formed.<br><br>Part of my time as president, I commissioned several pieces of work including a new logo and a 30 minute documentary discussing people living with and around mental health issues.</p>
</div>
<div class="col-auto meta project-details">
<div class="tags"><span class="meta-heading">Project Status</span><span>Ended</span><span class="meta-heading">Client</span><span>Birmingham City University Mental Health Awareness</span><span class="meta-heading">Date</span><span>September 2016</span><span class="meta-heading">Products Created</span><span>Website, Short Films</span><a class="btn btn-primary project-buttons" role="button" href="../extracurricular-projects/i-am-aware.html">Watch Documentary</a></div>
<div class="tags"><span class="meta-heading">Project Status</span><span>Ended</span><span class="meta-heading">Client</span><span>Birmingham City University Mental Health Awareness</span><span class="meta-heading">Date</span><span>September 2016</span><span class="meta-heading">Products Created</span><span>Website, Short Films</span><a class="btn btn-primary project-buttons" role="button" href="../extracurricular-projects/i-am-aware">Watch Documentary</a></div>
</div>
</div>
<div class="more-projects">
@@ -97,8 +97,8 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-christian-union.html">
<div class="card"><a href="birmingham-city-university-christian-union"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-christian-union">
<h4 class="text-body">Birmingham City University Christian Union</h4>
</a>
<p class="card-text">A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.</p>
@@ -106,8 +106,8 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-discover.html">
<div class="card"><a href="birmingham-city-university-discover"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-discover">
<h4 class="text-body">Birmingham City University Dis.Cover</h4>
</a>
<p class="card-text">A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.</p>
@@ -115,8 +115,8 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp"></a>
<div class="card-body"><a href="frizzle-tv.html">
<div class="card"><a href="frizzle-tv"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp"></a>
<div class="card-body"><a href="frizzle-tv">
<h4 class="text-body">Frizzle TV</h4>
</a>
<p class="card-text">A series of videos, including website design recommendations for an upcoming online shopping channel.</p>
@@ -124,8 +124,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp"></a>
<div class="card-body"><a href="peter-bell-music.html">
<div class="card"><a href="mottashaw-consulting"><img class="img-fluid card-img-top rainbow-border" alt="Website preview of Mottashaw Consulting homepage with navigation links and hero section showing lightbulb background and company introduction." width="1910" height="880" src="../../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp"></a>
<div class="card-body"><a href="mottashaw-consulting">
<h4 class="text-body">Mottashaw Consulting</h4>
</a>
<p class="card-text">A clean, responsive brochure‑style website showcasing apprenticeship, training, and consultancy services. Built for clarity and accessibility, featuring streamlined sections detailing services, contact information, and company credentials - designed for ease of use across all devices.</p>
</div>
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="peter-bell-music"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp"></a>
<div class="card-body"><a href="peter-bell-music">
<h4 class="text-body">Peter Bell Music</h4>
</a>
<p class="card-text">A modern responsive website with the ability to display, broadcast and sell created pieces of work</p>
@@ -133,8 +142,8 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp"></a>
<div class="card-body"><a href="st-thomas-church-keresley.html">
<div class="card"><a href="st-thomas-church-keresley"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp"></a>
<div class="card-body"><a href="st-thomas-church-keresley">
<h4 class="text-body">St Thomas' Church Keresley</h4>
</a>
<p class="card-text">A responsive and dynamic website including historical archives for public access.</p>
@@ -210,7 +219,7 @@
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<li class="list-inline-item"><a href="https://www.linkedin.com/in/MrDavisCSIT/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
@@ -283,7 +292,7 @@
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<li class="list-inline-item"><a href="https://www.linkedin.com/in/MrDavisCSIT/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">

39
Export/my-work/web-design/frizzle-tv.html
View File

@@ -22,8 +22,8 @@
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Frizzle TV</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/web-design/frizzle-tv.html">
<meta property="og:url" content="https://www.mrdaviscsit.uk/my-work/web-design/frizzle-tv.html">
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/web-design/frizzle-tv">
<meta property="og:url" content="https://www.mrdaviscsit.uk/my-work/web-design/frizzle-tv">
<meta name="twitter:description" content="The website of Mr. A. Davis, featuring a portfolio of work in computing education, digital projects, and curriculum resources. Explore blog posts, classroom tools, and professional insights focused on innovation, inclusion, and effective IT teaching.">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
@@ -89,7 +89,7 @@
<p>In September 2014, a new YouTube channel launched called The New Way To Shop (now known as Frizzle.TV). I was asked to create the first web show and promotional material for the channel.<br><br>I used Premiere Pro CC to produce and edit the majority of these videos with other Adobe tools such as After Effects and Photoshop to produce aspects and elements of these videos.<br><br>More of my work can be viewed within my Showreel</p>
</div>
<div class="col-auto meta project-details">
<div class="tags"><span class="meta-heading">Project Status</span><span>Ended</span><span class="meta-heading">Client</span><span>Frizzle.TV</span><span class="meta-heading">Date</span><span>September 2014</span><span class="meta-heading">Products Created</span><span>Website and Online Shows</span><a class="btn btn-primary project-buttons" role="button" href="../showreel.html">View Showreel</a></div>
<div class="tags"><span class="meta-heading">Project Status</span><span>Ended</span><span class="meta-heading">Client</span><span>Frizzle.TV</span><span class="meta-heading">Date</span><span>September 2014</span><span class="meta-heading">Products Created</span><span>Website and Online Shows</span><a class="btn btn-primary project-buttons" role="button" href="../showreel">View Showreel</a></div>
</div>
</div>
<div class="more-projects">
@@ -97,8 +97,8 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-christian-union.html">
<div class="card"><a href="birmingham-city-university-christian-union"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-christian-union">
<h4 class="text-body">Birmingham City University Christian Union</h4>
</a>
<p class="card-text">A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.</p>
@@ -106,8 +106,8 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-discover.html">
<div class="card"><a href="birmingham-city-university-discover"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-discover">
<h4 class="text-body">Birmingham City University Dis.Cover</h4>
</a>
<p class="card-text">A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.</p>
@@ -115,8 +115,8 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-mental-health-awareness.html">
<div class="card"><a href="birmingham-city-university-mental-health-awareness"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-mental-health-awareness">
<h4 class="text-body">Birmingham City University Mental Health Awareness</h4>
</a>
<p class="card-text">A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.</p>
@@ -124,8 +124,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp"></a>
<div class="card-body"><a href="peter-bell-music.html">
<div class="card"><a href="mottashaw-consulting"><img class="img-fluid card-img-top rainbow-border" alt="Website preview of Mottashaw Consulting homepage with navigation links and hero section showing lightbulb background and company introduction." width="1910" height="880" src="../../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp"></a>
<div class="card-body"><a href="mottashaw-consulting">
<h4 class="text-body">Mottashaw Consulting</h4>
</a>
<p class="card-text">A clean, responsive brochure‑style website showcasing apprenticeship, training, and consultancy services. Built for clarity and accessibility, featuring streamlined sections detailing services, contact information, and company credentials - designed for ease of use across all devices.</p>
</div>
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="peter-bell-music"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp"></a>
<div class="card-body"><a href="peter-bell-music">
<h4 class="text-body">Peter Bell Music</h4>
</a>
<p class="card-text">A modern responsive website with the ability to display, broadcast and sell created pieces of work</p>
@@ -133,8 +142,8 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp"></a>
<div class="card-body"><a href="st-thomas-church-keresley.html">
<div class="card"><a href="st-thomas-church-keresley"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp"></a>
<div class="card-body"><a href="st-thomas-church-keresley">
<h4 class="text-body">St Thomas' Church Keresley</h4>
</a>
<p class="card-text">A responsive and dynamic website including historical archives for public access.</p>
@@ -210,7 +219,7 @@
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<li class="list-inline-item"><a href="https://www.linkedin.com/in/MrDavisCSIT/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
@@ -283,7 +292,7 @@
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<li class="list-inline-item"><a href="https://www.linkedin.com/in/MrDavisCSIT/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">

37
Export/my-work/web-design/peter-bell-music.html
View File

@@ -22,8 +22,8 @@
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Peter Bell Music</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/web-design/peter-bell-music.html">
<meta property="og:url" content="https://www.mrdaviscsit.uk/my-work/web-design/peter-bell-music.html">
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/web-design/peter-bell-music">
<meta property="og:url" content="https://www.mrdaviscsit.uk/my-work/web-design/peter-bell-music">
<meta name="twitter:description" content="The website of Mr. A. Davis, featuring a portfolio of work in computing education, digital projects, and curriculum resources. Explore blog posts, classroom tools, and professional insights focused on innovation, inclusion, and effective IT teaching.">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
@@ -102,8 +102,8 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-christian-union.html">
<div class="card"><a href="birmingham-city-university-christian-union"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-christian-union">
<h4 class="text-body">Birmingham City University Christian Union</h4>
</a>
<p class="card-text">A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.</p>
@@ -111,8 +111,8 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-discover.html">
<div class="card"><a href="birmingham-city-university-discover"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-discover">
<h4 class="text-body">Birmingham City University Dis.Cover</h4>
</a>
<p class="card-text">A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.</p>
@@ -120,8 +120,8 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-mental-health-awareness.html">
<div class="card"><a href="birmingham-city-university-mental-health-awareness"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-mental-health-awareness">
<h4 class="text-body">Birmingham City University Mental Health Awareness</h4>
</a>
<p class="card-text">A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.</p>
@@ -129,8 +129,8 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp"></a>
<div class="card-body"><a href="frizzle-tv.html">
<div class="card"><a href="frizzle-tv"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp"></a>
<div class="card-body"><a href="frizzle-tv">
<h4 class="text-body">Frizzle TV</h4>
</a>
<p class="card-text">A series of videos, including website design recommendations for an upcoming online shopping channel.</p>
@@ -138,8 +138,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp"></a>
<div class="card-body"><a href="st-thomas-church-keresley.html">
<div class="card"><a href="mottashaw-consulting"><img class="img-fluid card-img-top rainbow-border" alt="Website preview of Mottashaw Consulting homepage with navigation links and hero section showing lightbulb background and company introduction." width="1910" height="880" src="../../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp"></a>
<div class="card-body"><a href="mottashaw-consulting">
<h4 class="text-body">Mottashaw Consulting</h4>
</a>
<p class="card-text">A clean, responsive brochure‑style website showcasing apprenticeship, training, and consultancy services. Built for clarity and accessibility, featuring streamlined sections detailing services, contact information, and company credentials - designed for ease of use across all devices.</p>
</div>
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="st-thomas-church-keresley"><img class="img-fluid card-img-top rainbow-border" alt="Homepage of St Thomas’ Church in Keresley, showing a banner image of a lit altar with candles and stained glass, and the title 'Worship &amp; Prayer'." width="1910" height="880" src="../../assets/img/projects/web_design/keresley_church/keresleychurch.webp"></a>
<div class="card-body"><a href="st-thomas-church-keresley">
<h4 class="text-body">St Thomas' Church Keresley</h4>
</a>
<p class="card-text">A responsive and dynamic website including historical archives for public access.</p>
@@ -215,7 +224,7 @@
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<li class="list-inline-item"><a href="https://www.linkedin.com/in/MrDavisCSIT/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
@@ -288,7 +297,7 @@
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<li class="list-inline-item"><a href="https://www.linkedin.com/in/MrDavisCSIT/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">

39
Export/my-work/web-design/st-thomas-church-keresley.html
View File

@@ -22,8 +22,8 @@
<script src="https://kit.fontawesome.com/8970d94f9b.js" crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>St Thomas' Church Keresley</title>
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/web-design/st-thomas-church-keresley.html">
<meta property="og:url" content="https://www.mrdaviscsit.uk/my-work/web-design/st-thomas-church-keresley.html">
<link rel="canonical" href="https://www.mrdaviscsit.uk/my-work/web-design/st-thomas-church-keresley">
<meta property="og:url" content="https://www.mrdaviscsit.uk/my-work/web-design/st-thomas-church-keresley">
<meta name="twitter:description" content="The website of Mr. A. Davis, featuring a portfolio of work in computing education, digital projects, and curriculum resources. Explore blog posts, classroom tools, and professional insights focused on innovation, inclusion, and effective IT teaching.">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
@@ -95,7 +95,7 @@
<h3>Phase 3 - September 2021&nbsp;</h3>
<p>Following the coronavirus lockdown in 2020, the church signed up to the Church of England’s Digital Charter which includes upgrades to their online presence including plans to introduce guest internet access within centres, online access to servcies (currently through recorded services but live streamed services are planned for the near future), upgrades to internet connectivity within centres (including a mesh wifi system in each centre) and device upgrades in preperation for Windows 10 end of life date in October 2025.<br><br>Device upgrades were completed Easter 2025 while online presence upgrades are ongoing.</p>
<h3>Phase 4 - 2025 and Beyond</h3>
<p>Lorem ipsum dapibus dolor non, malesuada mauris. Aliquam eleifend mauris non odio mattis auctor. Aenean sit amet elementum tellus, a facilisis ligula. Pellentesque ac vehicula mauris.</p>
<p>Codenamed Sunset, this phase marks the transition of the website back to the church team, empowering them to manage and update content independently with minimal external support. As part of this handover, the site is undergoing a full redesign and structural overhaul, moving away from WordPress to a lighter, more maintainable platform built in Bootstrap Studio. This change prioritises simplicity, performance, and long-term sustainability, ensuring the church can confidently maintain its online presence without relying on ongoing developer input.</p>
</div>
<div class="col-auto meta project-details">
<div class="tags"><span class="meta-heading">Project Status</span><span>Ongoing - Phase 4</span><span class="meta-heading">Client</span><span>The Parish of Keresley with Coundon PCC</span><span class="meta-heading">Date</span><span>April 2014</span><span class="meta-heading">Products Created</span><span>Website and Historical Archives<br><br>Ongoing remote support and consulting</span><a class="btn btn-primary project-buttons" role="button" href="https://www.keresley.church/" target="_blank">View Project Website</a></div>
@@ -106,8 +106,8 @@
<div data-bss-type="blog-loop" data-bss-perpage="3" style="display: none !important;">
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-md-2 row-cols-lg-3 mt-0" data-bss-type="blog-loop-base">
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-christian-union.html">
<div class="card"><a href="birmingham-city-university-christian-union"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Christian Union website homepage showing a group photo of students and the CU banner." width="940" height="500" src="../../assets/img/projects/web_design/bcucu/bcucupreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-christian-union">
<h4 class="text-body">Birmingham City University Christian Union</h4>
</a>
<p class="card-text">A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.</p>
@@ -115,8 +115,8 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-discover.html">
<div class="card"><a href="birmingham-city-university-discover"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Dis.Cover homepage showing a blue layout with event widgets and a large yellow and blue accessibility logo." width="940" height="500" src="../../assets/img/projects/web_design/bcu_dis.cover/bcudiscoverpreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-discover">
<h4 class="text-body">Birmingham City University Dis.Cover</h4>
</a>
<p class="card-text">A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.</p>
@@ -124,8 +124,8 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
<div class="card"><a href="birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-mental-health-awareness.html">
<div class="card"><a href="birmingham-city-university-mental-health-awareness"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of the BCU Mental Health Awareness site homepage with a green mug and notebook background and white header text." width="940" height="500" src="../../assets/img/projects/web_design/bcumha/bcumhapreview.webp"></a>
<div class="card-body"><a href="birmingham-city-university-mental-health-awareness">
<h4 class="text-body">Birmingham City University Mental Health Awareness</h4>
</a>
<p class="card-text">A new responsive website to allow members and prospective members to view upcoming events, images from past events and information about the society.</p>
@@ -133,8 +133,8 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="frizzle-tv.html"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp"></a>
<div class="card-body"><a href="frizzle-tv.html">
<div class="card"><a href="frizzle-tv"><img class="img-fluid card-img-top rainbow-border" alt="Banner section of the Frizzle homepage showing four diverse women representing different hair types and product categories: Natural Hair, Wig &amp; Weave, Relaxed Hair, and Mixed-Race Hair." width="940" height="500" src="../../assets/img/projects/web_design/frizzle/frizzlepreview.webp"></a>
<div class="card-body"><a href="frizzle-tv">
<h4 class="text-body">Frizzle TV</h4>
</a>
<p class="card-text">A series of videos, including website design recommendations for an upcoming online shopping channel.</p>
@@ -142,8 +142,17 @@
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp"></a>
<div class="card-body"><a href="peter-bell-music.html">
<div class="card"><a href="mottashaw-consulting"><img class="img-fluid card-img-top rainbow-border" alt="Website preview of Mottashaw Consulting homepage with navigation links and hero section showing lightbulb background and company introduction." width="1910" height="880" src="../../assets/img/projects/web_design/mottashaw/mottashaw-preview.webp"></a>
<div class="card-body"><a href="mottashaw-consulting">
<h4 class="text-body">Mottashaw Consulting</h4>
</a>
<p class="card-text">A clean, responsive brochure‑style website showcasing apprenticeship, training, and consultancy services. Built for clarity and accessibility, featuring streamlined sections detailing services, contact information, and company credentials - designed for ease of use across all devices.</p>
</div>
</div>
</div>
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
<div class="card"><a href="peter-bell-music"><img class="img-fluid card-img-top rainbow-border" alt="Screenshot of Peter Bell’s homepage displaying a quote about diversity in creative practice and a navigation menu including Compositions, Performances, Open Union, Avant-Bard, About, Catalogue, and Contact." width="1910" height="880" src="../../assets/img/projects/web_design/peter_bell%20music/peter_bell_music.webp"></a>
<div class="card-body"><a href="peter-bell-music">
<h4 class="text-body">Peter Bell Music</h4>
</a>
<p class="card-text">A modern responsive website with the ability to display, broadcast and sell created pieces of work</p>
@@ -219,7 +228,7 @@
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<li class="list-inline-item"><a href="https://www.linkedin.com/in/MrDavisCSIT/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">
@@ -292,7 +301,7 @@
<path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://bsky.app/profile/mrdaviscsit.bsky.social"><i class="fa-brands fa-square-bluesky"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/mrdaviscsit/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<li class="list-inline-item"><a href="https://www.linkedin.com/in/MrDavisCSIT/"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin text-body">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
</svg></a></li>
<li class="list-inline-item"><a href="https://github.com/MrDavisCSIT"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github text-body">