You've already forked ProfessionalWebsite
Begun Optimisation
Begun site optimisation
This commit is contained in:
@@ -137,9 +137,7 @@
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" 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" href="projects.html"><a class="dropdown-toggle nav-link nav-link" aria-expanded="false" data-bs-toggle="dropdown" 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="/projects.html">My Work</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" 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">
|
||||
@@ -153,15 +151,15 @@
|
||||
</div>
|
||||
</nav>
|
||||
<main class="page">
|
||||
<section class="portfolio-block block-intro" style="padding-bottom: 10px;">
|
||||
<section class="portfolio-block block-intro">
|
||||
<div class="container center-everything">
|
||||
<div class="align-content-center heading blog-heading" style="height: 25em;background: linear-gradient(rgba(var(--bs-primary-rgb),0.75), rgba(var(--bs-secondary-rgb),0.75)), url("/assets/img/projects/frizzle/frizzlepreview.webp") center / cover;color: white;">
|
||||
<div class="align-content-center heading blog-heading frizzle-tv">
|
||||
<h2 class="text-capitalize">Frizzle TV</h2>
|
||||
<p>A series of videos, including website design recommendations for an upcoming online shopping channel.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="portfolio-block project" style="padding-top: 0;">
|
||||
<section class="portfolio-block project">
|
||||
<div class="container center-everything">
|
||||
<div class="swiper d-flex justify-content-center project-carousel" id="swiper-1" data-bss-swiper="{"direction":"horizontal","loop":true,"autoplay":{"pauseOnMouseEnter":true},"autoHeight":true,"keyboard":true,"mousewheel":true,"effect":"creative","creativeEffect":{"prev":{"shadow":true,"translate":["-20%",0,-1]},"next":{"translate":["100%",0,0]}},"pagination":{"el":".swiper-pagination","type":"bullets","clickable":true,"dynamicBullets":true},"navigation":{"nextEl":".swiper-button-next","prevEl":".swiper-button-prev"}}">
|
||||
<div class="swiper-wrapper">
|
||||
@@ -172,21 +170,21 @@
|
||||
<div class="swiper-button-next swiper-control"></div>
|
||||
</div>
|
||||
<div class="swiper-pagination swiper-control"></div>
|
||||
</div><iframe class="d-flex justify-content-center center-everything" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/ckHvbntTCKA" height="480" width="854" style="margin-bottom: 1em;"></iframe>
|
||||
</div><iframe class="d-flex justify-content-center center-everything portfolio-video" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/ckHvbntTCKA" height="480" width="854"></iframe>
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-6 offset-md-1 info">
|
||||
<div class="col info">
|
||||
<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-12 col-md-3 offset-md-1 meta" style="padding-left: 12px;">
|
||||
<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></div><a class="btn btn-primary" role="button" href="/my-work/showreel.html" style="margin-top: 25px;margin-right: auto;margin-left: auto;display: flex;justify-content: center;">View Showreel</a>
|
||||
<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="/my-work/showreel.html">View Showreel</a></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="more-projects">
|
||||
<h3 class="text-center" style="margin-bottom: 10px;">More Projects</h3>
|
||||
<h3 class="text-center more-projects-heading">More Projects</h3>
|
||||
<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="/my-work/web-design/birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcucu/bcucupreview.webp"></a>
|
||||
<div class="card"><a href="/my-work/web-design/birmingham-city-university-christian-union.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcucu/bcucupreview.webp"></a>
|
||||
<div class="card-body"><a href="/my-work/web-design/birmingham-city-university-christian-union.html">
|
||||
<h4 class="text-body">Birmingham City University Christian Union</h4>
|
||||
</a>
|
||||
@@ -195,7 +193,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
|
||||
<div class="card"><a href="/my-work/web-design/birmingham-city-university-discover.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcu_dis.cover/bcudiscoverpreview.png"></a>
|
||||
<div class="card"><a href="/my-work/web-design/birmingham-city-university-discover.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcu_dis.cover/bcudiscoverpreview.png"></a>
|
||||
<div class="card-body"><a href="/my-work/web-design/birmingham-city-university-discover.html">
|
||||
<h4 class="text-body">Birmingham City University Dis.Cover</h4>
|
||||
</a>
|
||||
@@ -204,7 +202,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-tag-web-design col" data-bss-type="blog-loop-item">
|
||||
<div class="card"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top" width="940" height="500" src="/assets/img/projects/bcumha/bcumhapreview.webp"></a>
|
||||
<div class="card"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html"><img class="img-fluid card-img-top rainbow-border" width="940" height="500" src="/assets/img/projects/bcumha/bcumhapreview.webp"></a>
|
||||
<div class="card-body"><a href="/my-work/web-design/birmingham-city-university-mental-health-awareness.html">
|
||||
<h4 class="text-body">Birmingham City University Mental Health Awareness</h4>
|
||||
</a>
|
||||
@@ -213,7 +211,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
|
||||
<div class="card"><a href="/my-work/web-design/peter-bell-music.html"><img class="img-fluid card-img-top" width="1910" height="880" src="/assets/img/projects/peter_bell%20music/peter_bell_music.webp"></a>
|
||||
<div class="card"><a href="/my-work/web-design/peter-bell-music.html"><img class="img-fluid card-img-top rainbow-border" width="1910" height="880" src="/assets/img/projects/peter_bell%20music/peter_bell_music.webp"></a>
|
||||
<div class="card-body"><a href="/my-work/web-design/peter-bell-music.html">
|
||||
<h4 class="text-body">Peter Bell Music</h4>
|
||||
</a>
|
||||
@@ -222,7 +220,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="post-tag-web-design col" data-bss-type="blog-loop-item" style="display: none !important;">
|
||||
<div class="card"><a href="/my-work/web-design/st-thomas-church-keresley.html"><img class="img-fluid card-img-top" width="1910" height="880" src="/assets/img/projects/keresley_church/keresleychurch.webp"></a>
|
||||
<div class="card"><a href="/my-work/web-design/st-thomas-church-keresley.html"><img class="img-fluid card-img-top rainbow-border" width="1910" height="880" src="/assets/img/projects/keresley_church/keresleychurch.webp"></a>
|
||||
<div class="card-body"><a href="/my-work/web-design/st-thomas-church-keresley.html">
|
||||
<h4 class="text-body">St Thomas' Church Keresley</h4>
|
||||
</a>
|
||||
@@ -249,7 +247,7 @@
|
||||
<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-title">Accreditations</h3>
|
||||
<div class="swiper w-100" id="light-swiper" data-bss-swiper="{"direction":"horizontal","loop":true,"autoplay":{"pauseOnMouseEnter":true},"autoHeight":true,"effect":"fade","fadeEffect":{"crossFade":true}}">
|
||||
<div class="swiper text-body w-100" id="light-swiper" data-bss-swiper="{"direction":"horizontal","loop":true,"autoplay":{"pauseOnMouseEnter":true},"autoHeight":true,"effect":"fade","fadeEffect":{"crossFade":true}}">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
|
||||
@@ -319,7 +317,7 @@
|
||||
<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-title">Accreditations</h3>
|
||||
<div class="swiper w-100" id="dark-swiper" data-bss-swiper="{"direction":"horizontal","loop":true,"autoplay":{"pauseOnMouseEnter":true},"autoHeight":true,"effect":"fade"}">
|
||||
<div class="swiper text-body w-100" id="dark-swiper" data-bss-swiper="{"direction":"horizontal","loop":true,"autoplay":{"pauseOnMouseEnter":true},"autoHeight":true,"effect":"fade","fadeEffect":{"crossFade":true}}">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/9c9dd6cd-2703-4539-adc9-366069cbc3a9/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="352" height="352" src="/assets/img/accreditations/mce_microsoft_certified_educator.png"></a></div>
|
||||
<div class="swiper-slide"><a href="https://www.credly.com/badges/b5ac17a1-0914-496f-9d85-9608966259ee/public_url" target="_blank"><img class="img-fluid w-100 accreditation" width="600" height="600" src="/assets/img/accreditations/microsoft_innovative_educator_expert_2023_2024.png"></a></div>
|
||||
|
||||
Reference in New Issue
Block a user