AgentZero
275 lines
14 KiB
HTML
275 lines
14 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>5A Studios | London Sound & Picture Post Production</title>
|
||
<link rel="stylesheet" href="styles.css">
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<div class="logo">
|
||
<img src="https://www.5astudios.co.uk/wp-content/uploads/2019/11/logo_5a_landscape_dddddd_transparent_600x300.png" alt="5A Studios Logo">
|
||
</div>
|
||
<nav>
|
||
<ul>
|
||
<li><a href="#home">Home</a></li>
|
||
<li><a href="#about">About</a></li>
|
||
<li><a href="#team">Team</a></li>
|
||
<li><a href="#services">Services</a></li>
|
||
<li><a href="#studios">Studios</a></li>
|
||
<li><a href="#projects">Projects</a></li>
|
||
<li><a href="#contact">Contact Us</a></li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
|
||
<main>
|
||
<section id="home" class="hero-section">
|
||
<div class="slider-container">
|
||
<div class="slider">
|
||
<div class="slide portrait">
|
||
<img src="https://www.5astudios.co.uk/wp-content/uploads/2023/03/Apple_Ted-Lasso_hero_09192021_big.jpg.slideshow-xlarge_2x-scaled.jpg" alt="Ted Lasso">
|
||
<div class="slide-content">
|
||
<h2>Ted Lasso</h2>
|
||
<p>Starring Jason Sudeikis, produced by Apple TV+</p>
|
||
<p>ADR Recording</p>
|
||
</div>
|
||
</div>
|
||
<div class="slide landscape">
|
||
<img src="https://www.5astudios.co.uk/wp-content/uploads/2023/03/aaaabcygnwgbqidj1xhluocu443nax6mcmzeyotxqypbcyftpbcsfx0hgo33xjv77h_0gvktg2wn93p6xn-9nkkcqhethhccrlkdgacv.jpg" alt="Schumacher">
|
||
<div class="slide-content">
|
||
<h2>Schumacher</h2>
|
||
<p>Official Trailer</p>
|
||
<p>5.1 Sound mix</p>
|
||
</div>
|
||
</div>
|
||
<div class="slide landscape">
|
||
<img src="https://www.5astudios.co.uk/wp-content/uploads/2023/03/eating-our-way-to-extinction.png" alt="Eating our way to Extinction">
|
||
<div class="slide-content">
|
||
<h2>Eating our way to Extinction</h2>
|
||
<p>Directed by Ludo Brockway & Otto Brockway. Narrated by Kate Winslet.</p>
|
||
<p>Full Sound Post Production</p>
|
||
</div>
|
||
</div>
|
||
<div class="slide portrait">
|
||
<img src="https://www.5astudios.co.uk/wp-content/uploads/2023/03/the-sandman-what-we-know-so-far.jpg" alt="The Sandman">
|
||
<div class="slide-content">
|
||
<h2>The Sandman</h2>
|
||
<p>Starring Tom Sturridge, Boyd Holbrook, Vivienne Acheampong & Patton Oswalt</p>
|
||
<p>ADR recording</p>
|
||
</div>
|
||
</div>
|
||
<div class="slide landscape">
|
||
<img src="https://www.5astudios.co.uk/wp-content/uploads/2023/03/AAAAQec4BGt1YJPsUc1-DoL-7mcehXvL6x5zHwIEdruS-FdR00EI4W9bL7RgfvqPAdGluPv208wMarwcKu7OBJyklN_ajW0E4K9UUro20kVLG6PRO8SY1ZH3SqsMeYWb1Unfqou1-WwN0PgqjCLEG6qkTvKJzcQ.jpg" alt="Money Heist">
|
||
<div class="slide-content">
|
||
<h2>Money Heist</h2>
|
||
<p>Official Trailer</p>
|
||
<p>5.1 Sound mix</p>
|
||
</div>
|
||
</div>
|
||
<div class="slide landscape">
|
||
<img src="https://www.5astudios.co.uk/wp-content/uploads/2023/03/AAAABfRh9Ip-KEH5Altj8RcJj5lNhO_pOuZR_QDS6LFbjR-k35z-3OfnGaiUuEqzOIh3XwOe0KJiWRyTKHpWe3CnM2i_wk_VyaiAQi44.jpg" alt="Inside Job">
|
||
<div class="slide-content">
|
||
<h2>Inside Job</h2>
|
||
<p>Created by Shion Takeuchi for Netflix with the voices of Lizzie Caplan and Christian Slater</p>
|
||
<p>Voice recording</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="slider-controls">
|
||
<button class="prev">❮</button>
|
||
<button class="next">❯</button>
|
||
</div>
|
||
<div class="slider-indicators"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="about" class="about-section">
|
||
<h2>About 5A Studios</h2>
|
||
<div class="about-content">
|
||
<div class="about-text">
|
||
<h3>Personalised Eco-Friendly Audio Post Production</h3>
|
||
<p>5A was established in 2004 with the commitment to produce the highest standards in post production, a commitment that remains as strong today, backed up with over twenty years of experience. We believe integrity is the key to good business, so we extend that to our premises – we recycle, use renewable energy, and we do not buy products tested on animals.</p>
|
||
<p>The truthful realisation of your ideas and requirements will always be our goal.</p>
|
||
<p>At 5A we maintain flexibility in our approach so that we can accommodate any changing needs as smoothly as possible.</p>
|
||
<p>We are always here to help</p>
|
||
</div>
|
||
<div class="contact-info">
|
||
<p>Call us on +44 (0)20 8969 0914</p>
|
||
<p>We look forward to working with you.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="team" class="team-section">
|
||
<h2>Our Team</h2>
|
||
<div class="team-member">
|
||
<h3>Marcus Fielding</h3>
|
||
<p>Managing Partner</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="services" class="services-section">
|
||
<h2>Our Services</h2>
|
||
<div class="services-grid">
|
||
<div class="service">
|
||
<h3>Re-recording | Mixing</h3>
|
||
<p>Dolby Atmos, 5.1 & 7.1 Surround, Binaural Stereo</p>
|
||
</div>
|
||
<div class="service">
|
||
<h3>ADR | Voice over recording</h3>
|
||
<p>via SourceConnect, Skype, Google Hangouts and telephone patch</p>
|
||
</div>
|
||
<div class="service">
|
||
<h3>Binaural recording</h3>
|
||
<p>Neumann KU 100 Dummy Head with Binaural Stereo Microphone</p>
|
||
</div>
|
||
<div class="service">
|
||
<h3>Dialogue Editing</h3>
|
||
<p>Including audio restoration</p>
|
||
</div>
|
||
<div class="service">
|
||
<h3>Sound Design & Tracklaying</h3>
|
||
<p>Bespoke sound design and libraries with hundreds of thousands sound effects.</p>
|
||
</div>
|
||
<div class="service">
|
||
<h3>Foley</h3>
|
||
<p>Recording, editing and mixing</p>
|
||
</div>
|
||
<div class="service">
|
||
<h3>Reversioning</h3>
|
||
<p>Script adaptations for lip-synch, casting, voice direction, recording, editing and mixing</p>
|
||
</div>
|
||
<div class="service">
|
||
<h3>Colour Grading</h3>
|
||
<p>DaVinci Resolve suite with monitor or projector</p>
|
||
</div>
|
||
<div class="service">
|
||
<h3>Online Editing</h3>
|
||
<p>Fully air-conditioned suites with Avid, Premiere Pro or Final Cut Pro</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="studios" class="studios-section">
|
||
<h2>Our Studios</h2>
|
||
<p>Great sound post production is a joyful marriage of the technical and the artistic. From the very start we have invested in the highest standard of equipment possible, but what use is a finely-tuned racing car without an equally talented driver?</p>
|
||
<div class="studio-grid">
|
||
<div class="studio">
|
||
<h3>Studio 1</h3>
|
||
<p>Dolby Atmos, 7.1 & 5.1 Surround mixing, ADR & Loop Group Recording</p>
|
||
</div>
|
||
<div class="studio">
|
||
<h3>Studio 3</h3>
|
||
<p>ADR & Voice-over recording, Mixing</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="projects" class="projects-section">
|
||
<h2>Our Projects</h2>
|
||
<div class="project-filters">
|
||
<button class="filter-btn active" data-filter="all">All</button>
|
||
<button class="filter-btn" data-filter="film">Film</button>
|
||
<button class="filter-btn" data-filter="drama">Drama</button>
|
||
<button class="filter-btn" data-filter="trailers">Trailers</button>
|
||
<button class="filter-btn" data-filter="documentaries">Documentaries</button>
|
||
<button class="filter-btn" data-filter="advertising">Advertising</button>
|
||
</div>
|
||
<div class="projects-grid">
|
||
<div class="project all film">
|
||
<img src="https://www.5astudios.co.uk/wp-content/uploads/2020/01/tuca-bertie-570x570.jpg" alt="Tuca & Bertie">
|
||
<h3>Tuca & Bertie</h3>
|
||
</div>
|
||
<div class="project all drama">
|
||
<img src="https://www.5astudios.co.uk/wp-content/uploads/2019/12/the-knight-and-the-princess-570x570.jpg" alt="The Knight & The Princess">
|
||
<h3>The Knight & The Princess</h3>
|
||
</div>
|
||
<div class="project all advertising">
|
||
<img src="https://www.5astudios.co.uk/wp-content/uploads/2019/11/redbull-levels-game-development-570x570.jpg" alt="Red Bull – Levels">
|
||
<h3>Red Bull – Levels</h3>
|
||
</div>
|
||
<div class="project all documentaries">
|
||
<img src="https://www.5astudios.co.uk/wp-content/uploads/2019/11/rang-tan1-570x570.jpg" alt="Rang Tan – Greenpeace">
|
||
<h3>Rang Tan – Greenpeace</h3>
|
||
</div>
|
||
<div class="project all film">
|
||
<img src="https://www.5astudios.co.uk/wp-content/uploads/2019/11/wiender-dog-570x570.jpg" alt="Wiener Dog">
|
||
<h3>Wiener Dog</h3>
|
||
</div>
|
||
<div class="project all drama">
|
||
<img src="https://www.5astudios.co.uk/wp-content/uploads/2019/11/end-of-sentence-570x570.jpg" alt="End Of Sentence">
|
||
<h3>End Of Sentence</h3>
|
||
</div>
|
||
<div class="project all drama">
|
||
<img src="https://www.5astudios.co.uk/wp-content/uploads/2019/11/a-dark-song-570x570.jpg" alt="A Dark Song">
|
||
<h3>A Dark Song</h3>
|
||
</div>
|
||
<div class="project all drama">
|
||
<img src="https://www.5astudios.co.uk/wp-content/uploads/2019/11/the-new-pope-570x570.jpg" alt="The New Pope">
|
||
<h3>The New Pope</h3>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="contact" class="contact-section">
|
||
<h2>Contact Us</h2>
|
||
<div class="contact-form">
|
||
<form id="contactForm">
|
||
<input type="text" placeholder="Your name *" required>
|
||
<input type="text" placeholder="Company name *" required>
|
||
<input type="tel" placeholder="Your phone number *" required>
|
||
<input type="email" placeholder="Your email address *" required>
|
||
<input type="text" placeholder="Subject">
|
||
<select required>
|
||
<option value="" disabled selected>How did you hear about us? Please select an option</option>
|
||
<option value="google">Google</option>
|
||
<option value="facebook">Facebook</option>
|
||
<option value="twitter">Twitter</option>
|
||
<option value="instagram">Instagram</option>
|
||
<option value="seen-work">Seen our work</option>
|
||
<option value="recommended">Been recommended</option>
|
||
<option value="other">Other</option>
|
||
</select>
|
||
<textarea placeholder="Your message *" required></textarea>
|
||
<button type="submit">Submit</button>
|
||
</form>
|
||
</div>
|
||
<div class="contact-locations">
|
||
<div class="location">
|
||
<h3>Camden</h3>
|
||
<p>193-199 Queen's Crescent, London, NW5 4DS</p>
|
||
<p>+44 (0)20 89690914</p>
|
||
</div>
|
||
<div class="location">
|
||
<h3>Central London</h3>
|
||
<p>11 Charlotte Mews, London, W1T 4EQ</p>
|
||
<p>+44 (0)20 89690914</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer>
|
||
<div class="footer-content">
|
||
<div class="footer-logo">
|
||
<img src="https://www.5astudios.co.uk/wp-content/uploads/2019/08/logo_5a_portrait_white_transparent_400x479-251x300.png" alt="5A Studios Logo">
|
||
</div>
|
||
<div class="footer-info">
|
||
<p>193-199 Queens Crescent<br>London<br>NW5 4DS</p>
|
||
<p>Phone: 020 89690914</p>
|
||
<p>Email: info@5astudios.co.uk</p>
|
||
</div>
|
||
<div class="footer-legal">
|
||
<p>5A Studios Limited is a company registered in England with Company number 05133441 and VAT number GB 843 6677 92.</p>
|
||
<a href="/wp-content/uploads/2019/11/tc.pdf">Terms & Conditions</a>
|
||
<p>© 2024 5A Studios</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|