PageSourceSearch

https://benmcewan.com/

html benmcewan.com collected 2026-10-03 22:55:03 UTC 34,744 bytes, 579 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8" />
6    <meta name="viewport" content="width=device-width, initial-scale=1" />
7    <meta name="description"
8        content="Ben McEwan's Compositing Blog & Portfolio. Hire a Compositing Supervisor, and Learn Comp from a Nuke Expert" />
9
10    <meta property="og:title" content="Ben McEwan" />
11    <meta property="og:description"
12        content="Ben McEwan's Compositing Blog & Portfolio. Hire a Compositing Supervisor, and Learn Comp from a Nuke Expert" />
13    <meta property="og:type" content="website" />
14    <meta name="twitter:card" content="summary" />
15    <meta name="robots" content="index, follow" />
16
17    <!-- Bootstrap CSS: CDN with local fallback -->
18    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
19        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"
20        id="bootstrap-css"
21        onerror="this.onerror=null;this.href='/static/bootstrap-5.3.3-dist/css/bootstrap.min.css';">
22    <link rel="stylesheet" href="/static/css/custom.css" />
23    <link rel="stylesheet" href="/static/css/style.css" />
24
25    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter">
26    
26<script src="https://kit.fontawesome.com/9ae3b05a85.js" crossorigin="anonymous" defer></script>
26
27
28    <!-- Umami Analytics -->
29    
29<script defer src="https://cloud.umami.is/script.js"
30        data-website-id="5b6377ae-2da8-437f-bb96-213dd1c03d3e"></script>
30
31
32
33
34
35
36    <!-- Add this line -->
37    <title>Ben McEwan | Portfolio</title>
38    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
39
40    <!-- Stork Search -->
41    <!-- <link rel="stylesheet" href="/static/css/stork.css" /> -->
42    <!-- <link rel="stylesheet" href="https://files.stork-search.net/dark.css" /> -->
43
44
45</head>
46
47<body class="d-flex flex-column min-vh-100">
48    <header>
49        <nav class="navbar navbar-dark navbar-expand-lg">
50            <div class="container">
51                <!-- Logo -->
52                <a href="/index.html" class="navbar-brand" aria-label="Ben McEwan's logo">
53                    <img src="/images/bmlogo_vector.svg" width="80" height="80" class="logo"
54                        alt="Ben McEwan's logo" />
55                </a>
56
57                <!-- Navbar Toggle -->
58                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
59                    <span class="navbar-toggler-icon"></span>
60                </button>
61
62                <!-- Navigation Items -->
63                <nav class="collapse navbar-collapse justify-content-end" id="navbarNav">
64                    <hr class="d-block d-lg-none">
65                    <ul class="navbar-nav d-flex align-items-center">
66
67                        <li class="nav-item mx-1">
68                            <a class="nav-link" href="/index.html">Home</a>
69                        </li>
70
71                        <!-- <li class="nav-item mx-1">
72                                                        <a class="nav-link" href="/portfolio.html">Portfolio</a>
73                                                </li> -->
74
75
76                        <li class="nav-item mx-1">
77                            <a class="nav-link umami--click" data-umami-event="Navbar - Blog" href="/blog.html">Blog</a>
78                        </li>
79
80                        <li class="nav-item mx-1">
81                            <!-- <a class="nav-link" href="/nuke_tools.html">Nuke Tools</a> -->
82                            <a class="nav-link umami--click" data-umami-event="Navbar - Nuke Tools"
83                                href="https://github.com/BenMcEwan/nuke_public" target="_blank">Nuke
84                                Tools</a>
85                        </li>
86
87                        <li class="nav-item dropdown">
88                            <a class="nav-link dropdown-toggle text-center" href="#" id="navbarDropdown" role="button"
89                                data-bs-toggle="dropdown" aria-expanded="false">
90                                Learn
91                            </a>
92                            <ul class="dropdown-menu dropdown-menu-end drop-shadow-small"
93                                aria-labelledby="navbarDropdown">
94                                <li>
95                                    <a class="dropdown-item umami--click"
96                                        data-umami-event="Navbar - Learn / Video Tutorials"
97                                        href="/tutorials.html">Video Tutorials
98                                    </a>
99                                </li>
100                                <li>
101                                    <a class="dropdown-item umami--click"
102                                        data-umami-event="Navbar - Learn / Math of Comp"
103                                        href="/math_of_comp.html">Math of Comp<span
104                                            class="badge text-bg-info ms-2">Free!</span>
105                                    </a>
106                                </li>
107                                <li>
108                                    <hr class="dropdown-divider" />
109                                </li>
110                                <li>
111                                    <a class="dropdown-item umami--click"
112                                        data-umami-event="Navbar - Learn / Ben's Comp Newsletter Archives"
113                                        href="/newsletter.html" aria-disabled="true">
114                                        Ben's Comp Newsletter<span class="badge text-bg-warning ms-2">Archives</span>
115                                    </a>
116                                </li>
117                                <li>
118                                    <a class="dropdown-item disabled" href="#" aria-disabled="true">
119                                        <span class="text-light-grey">Python for Nuke 101</span>
120                                        <span class="badge text-bg-danger ms-2">End of
121                                            Life</span>
122                                    </a>
123                                </li>
124                                <li>
125                                    <a class="dropdown-item disabled" href="#">
126                                        <span class="text-light-grey">GitHub for Compositors</span>
127                                        <span class="badge text-bg-danger ms-2">End of Life</span>
128                                    </a>
129                                </li>
130                            </ul>
131                        </li>
132
133                        <li class="nav-item dropdown align-items-center">
134                            <a class="nav-link dropdown-toggle text-center" href="#" id="navbarDropdown" role="button"
135                                data-bs-toggle="dropdown" aria-expanded="false">
136                                Projects
137                            </a>
138                            <ul class="dropdown-menu dropdown-menu-end drop-shadow-small"
139                                aria-labelledby="navbarDropdown">
140                                <li>
141                                    <a class="dropdown-item umami--click" data-umami-event="Navbar - Projects/NukeFeed"
142                                        href="https://nukefeed.com" target="_blank">NukeFeed
143                                    </a>
144                                </li>
145                            </ul>
146                        </li>
147
148                    </ul>
149                </nav>
150            </div>
151        </nav>
152    </header>
153
154    <main class="flex-grow-1">
155
156
157<section class="min-vh-65 d-flex align-items-center">
158    <div class="container">
159        <div class="row py-5 gx-4 text-ivory">
160            <!-- Wave emoji - Always on left on desktop -->
161            <div class="col-1 d-none d-lg-flex justify-content-end align-items-start fade-item-onload animate-delay-0">
162                <h1>&#x1F44B;&#x1F3FC;</h1>
163            </div>
164
165            <!-- Main content -->
166            <div class="col-12 col-lg-7 order-2 order-lg-1">
167                <!-- Show wave emoji on mobile -->
168                <div class="d-flex d-lg-none align-items-start mb-3">
169                    <h1 class="me-3 fade-item-onload animate-delay-1">&#x1F44B;&#x1F3FC;</h1>
170                    <h1 class="pb-3 fade-item-onload animate-delay-2">Hi, I'm <span class="text-gold">Ben
171                            McEwan</span></h1>
172                </div>
173
174                <!-- Desktop heading -->
175                <h1 class="d-none d-lg-block pb-3 fade-item-onload animate-delay-3">Hi, I'm <span class="text-gold">Ben
176                        McEwan</span></h1>
177
178                <div class="header-text">
179                    <p class="fade-item-onload animate-delay-4">I'm currently the <span class="text-white">Head of
180                            2D</span> at
181                        <a href="https://image-engine.com/" class="link-white">Image Engine</a>,
182                        and have been a Compositor since 2011.
183                    </p>
184                    <p class="fade-item-onload animate-delay-5">I enjoy teaching all things Compositing, and creating
185                        tools
186                        &amp; systems within Nuke to help
187                        teams create technically-proficient and creatively outstanding imagery.</p>
188                </div>
189
190                <!-- Buttons -->
191                <div class="d-flex flex-column flex-md-row gap-2 py-4">
192                    <a class="btn btn-gold me-md-3 fade-item-onload animate-delay-6 umami--click"
193                        data-umami-event="Home - See what I do Button"
194                        href="#what-i-can-help-you-with">See what I do</a>
195                    <a class="btn btn-outline-white fade-item-onload animate-delay-7 umami--click"
196                        data-umami-event="Home - Get in touch Button" href="#contact-form">Get in touch</a>
197                </div>
198            </div>
199
200            <!-- Headshot Image - Right on desktop, top on mobile -->
201            <div class="col-12 col-lg-4 mb-5 mb-lg-0 order-1 order-lg-2">
202                <img src="/images/headshot_benm.webp" class="img-fluid rounded-circle mx-auto d-block fade-item-onload animate-delay-0"
203                    alt="Ben McEwan">
204            </div>
205        </div>
206
207        <!-- Socials -->
208        <div class="row">
209            <div class="col-12">
210                <hr>
211                <div class="d-flex justify-content-center gap-5 pt-2 pb-4">
212                    <a class="fab fa-imdb btn-img btn-white fade-item-onload" href="https://www.imdb.com/name/nm3229205/"
213data-umami-event="IMDB Profile Link"   target="_blank" aria-label="IMDB Profile" role="button"></a>
214<a class="fab fa-linkedin-in btn-img btn-white fade-item-onload" href="https://www.linkedin.com/in/benmcewan/"
215data-umami-event="LinkedIn Profile Link"   target="_blank" aria-label="LinkedIn Profile" role="button"></a>
216<a class="fab fa-youtube btn-img btn-white fade-item-onload" href="https://www.youtube.com/BenMcEwan/"
217data-umami-event="YouTube Channel Link"   target="_blank" aria-label="YouTube Channel" role="button"></a>
218<a class="fab fa-github btn-img btn-white fade-item-onload" href="https://github.com/BenMcEwan"
219data-umami-event="GitHub Profile Link"   target="_blank" aria-label="GitHub Profile" role="button"></a>
220
221                </div>
222            </div>
223        </div>
224
225    </div>
226</section>
227<section>
228    <div class="container-fluid white-bg">
229        <div class="container pt-5">
230            <div class="row">
231                <div class="col-12">
232                    <h1 class="text-center py-lg-3 fade-item-onload animate-delay-12" id="what-i-can-help-you-with">
233                        <span class="marker">What I can help you with.</span>
234                    </h1>
235                </div>
236            </div>
237        </div>
238
239        <!-- Showreel Modal -->
240        <div class="modal fade" id="showreel_modal" aria-labelledby="showreel_modal_label" aria-hidden="true">
241            <div class="modal-dialog modal-dialog-centered modal-xl">
242                <div class="modal-content">
243                    <div class="modal-body position-relative">
244                        <button type="button" class="btn-close m-3 btn-close-white" data-bs-dismiss="modal"
245                            aria-label="Close"></button>
246                        <div class="embed-responsive embed-responsive-16by9 video-container">
247                            <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/OQC0KDxMwys"
248                                allowfullscreen title="Ben McEwan Showreel"></iframe>
249                        </div>
250                    </div>
251                </div>
252            </div>
253        </div>
254
255        <div class="row row-cols-1 row-cols-md-1 row-cols-xxl-3 mx-md-1 mx-xxl-2 py-5 gy-3">
256            <div class="col">
257                <div class="card true-white-bg p-4 p-md-5 drop-shadow-small h-100 fade-item-onload animate-delay-13">
258                    <div class="card-body d-flex flex-column h-100">
259                        <h2 class="card-title text-sm-center">Compositing Supervision &amp; Leadership</h2>
260                        <p class="mt-3 flex-grow-1">With 15 years of Compositing experience and 8 years
261                            leadership
262                            experience, I have helped teams of up to 70+ Compositors deliver high-end VFX for feature
263                            films &amp; episodic streaming series.</p>
264                        <p class="mt-3 flex-grow-1">I have worked at world-class VFX studios including <a
265                                href="https://www.ilm.com/" target="_blank" class="link-black">Industrial Light &amp;
266                                Magic</a>,
267                            <a href="https://www.rsp.com.au/" target="_blank" class="link-black">Rising Sun
268                                Pictures</a>, <a href="https://www.dneg.com/" target="_blank"
269                                class="link-black">DNEG</a>, and currently call <a href="https://image-engine.com/"
270                                target="_blank" class="link-black">Image Engine</a> home.
271                        </p>
272
273                        <!-- Buttons -->
274                        <div class="d-flex flex-column flex-md-row gap-2 pt-3 justify-content-center">
275                            <a class="btn btn-navy umami--click" data-umami-event="Home - What People Say Button"
276                                href="#nice-things-people-have-said-about-my-work">What people say</a>
277                            <a class="btn btn-outline-black umami--click" data-umami-event="Home - View CV Button"
278                                href="files/BenMcEwan_Resume.pdf" target="_blank">View CV</a>
279                            <button type="button" class="btn btn-outline-black me-md-2 umami--click"
280                                data-umami-event="Home - 2017 Artist Showreel Button" data-bs-toggle="modal"
281                                data-bs-target="#showreel_modal">
282                                2017 Artist Showreel
283                            </button>
284                        </div>
285                    </div>
286                </div>
287            </div>
288
289            <div class="col">
290                <div class="card true-white-bg p-4 p-md-5 drop-shadow-small h-100 fade-item-onload animate-delay-14">
291                    <div class="card-body d-flex flex-column h-100">
292                        <h2 class="card-title text-sm-center">Compositing Education &amp; Mentorship</h2>
293                        <p class="mt-3 flex-grow-1">I love to teach all things Compositing, and have taught at <a
294                                href="https://vfs.edu/" class="link-black">Vancouver Film School</a> and <a
295                                href="https://www.kpu.ca/arts/entertainment-arts" class="link-black">The Centre for
296                                Entertainment Arts</a>.
297                            Additionally, I have presented talks & created tutorials for <a
298                                href="https://www.foundry.com/" class="link-black">Foundry</a> and <a
299                                href="https://sparkcg.org/" class="link-black">SparkFX</a> in recent years!
300                            <br><br>
301                            I have an extensive history of sharing Nuke Compositing knowledge via
302                            <a href="newsletter.html" class="link-black umami--click"
303                                data-umami-event="Home - Ben's Comp Newsletter Link">Ben's Comp Newsletter</a>, my <a
304                                href="blog.html" class="link-black umami--click"
305                                data-umami-event="Home - Compositing Blog Link">Compositing Blog</a>, my <a
306                                href="https://www.youtube.com/BenMcEwan/" class="link-black umami--click"
307                                data-umami-event="Home - YouTube Channel Link">YouTube Channel</a>, and
308                            other <a href="math_of_comp.html" class="link-black umami--click"
309                                data-umami-event="Home - Courses Link">courses</a>.
310                        </p>
311                    </div>
312                </div>
313            </div>
314
315            <div class="col">
316                <div class="card true-white-bg p-4 p-md-5 drop-shadow-small h-100 fade-item-onload animate-delay-15">
317                    <div class="card-body d-flex flex-column h-100">
318                        <h2 class="card-title text-sm-center">Nuke Tools &amp; Pipeline Development</h2>
319                        <p class="mt-3">Proven experience creating tools and workflows for Nuke, removing
320                            friction for Compositors to help them be more productive & creative.</p>
321                        <ul class="arrows mt-3">
322                            <li><a href="https://github.com/BenMcEwan/nuke_public" class="link-black umami--click"
323                                    data-umami-event="Home - Public Nuke Tools (GitHub) Link">Public Nuke Tools
324                                    (GitHub)</a></li>
325                        </ul>
326                        <div class="flex-grow-1"></div>
327                    </div>
328                </div>
329            </div>
330        </div>
331    </div>
332</section>
333
334<section>
335    <div class="container-fluid text-white pt-4 pt-lg-5">
336        <div class="container text-white pt-4 pb-3 pb-lg-5">
337            <div class="row">
338                <div class="col-12">
339                    <h1 class="text-center" id="nice-things-people-have-said-about-my-work">
340                        <span class="marker">Nice things people have said about my work.</span>
341                    </h1>
342                </div>
343            </div>
344        </div>
345
346        <div class="row row-cols-1 row-cols-md-1 row-cols-xxl-2 mx-md-1 mx-xxl-2 py-4 gy-3">
347            <div class="col">
348                <div class="card h-100 navy-bg navy-bg-border">
349                    <div class="card-body d-flex flex-column h-100 p-4">
350                        <div class="text-gold text-center mb-3">
351                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor"
352    class="bi bi-quote" viewBox="0 0 16 16" aria-hidden="true">
353    <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z" />
354</svg>
355
356                        </div>
357
358                        <p class="card-text text-white flex-grow-1 mb-4">Working with Ben has been one of the most inspiring parts of my journey in visual effects. He truly breathes VFX - not just as a job, but as a passion that spans both the creative and technical spectrum. Ben brings energy and curiosity to everything he touches.
359
360            As Head of Compositing, he leads by example: pushing boundaries, advocating for the department, and always encouraging us to grow (individually and as a team). He's deeply committed to innovation, constantly exploring new technologies and approaches that elevate our craft.
361
362            What I appreciate most is how he sees and treats each person as an individual. Every conversation feels meaningful. I leave feeling heard, challenged, and motivated to level up. His passion is contagious (almost as much as his love for coffee, which might just be the secret fuel behind his brilliance).
363
364            A true leader, a deep thinker, and someone I constantly learn from.</p>
365
366                        <div class="d-flex align-items-center mt-auto">
367                            <div class="flex-shrink-0 me-3 testimonial-image">
368                                <img src="/images/seb-schutt-linkedin.webp" class="img-fluid rounded-circle"
369                                    alt="Sebastian Schütt">
370                            </div>
371                            <div>
372                                <p class="card-text text-ivory mb-0 testimonial-author">
373                                    <strong class="marker-small">Sebastian Schütt</strong>
374                                    <br>
375                                    <span class="text-grey fst-italic">Lead Compositor, Image Engine</span>
376                                </p>
377                            </div>
378                        </div>
379                    </div>
380                </div>
381            </div>
382            <div class="col">
383                <div class="card h-100 navy-bg navy-bg-border">
384                    <div class="card-body d-flex flex-column h-100 p-4">
385                        <div class="text-gold text-center mb-3">
386                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor"
387    class="bi bi-quote" viewBox="0 0 16 16" aria-hidden="true">
388    <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z" />
389</svg>
390
391                        </div>
392
393                        <p class="card-text text-white flex-grow-1 mb-4">Ben is a rare blend of visionary creativity, technical mastery, and inspiring mentorship. His unique combination of warmth, approachability, and unwavering confidence makes him an invaluable asset to any team, department, VFX studio and clients.
394
395            Throughout my time working with Ben, I've regularly appreciated his vision on both technical challenges and managerial decisions. His insights have always proven invaluable.
396            Ben possesses an extraordinary depth of knowledge in his craft and an uncanny ability to distill complex tasks to their essence, a skill many seasoned professionals aspire to emulate. He embodies the ideal of a modern, high-end VFX supervisor: a masterful blend of leadership, innovation, technical and creative brilliance.
397
398            I consider myself incredibly fortunate to have walked alongside Ben during these years. His career trajectory is destined for extraordinary heights, and I have no doubt that he will achieve milestones few in our VFX industry ever reach.</p>
399
400                        <div class="d-flex align-items-center mt-auto">
401                            <div class="flex-shrink-0 me-3 testimonial-image">
402                                <img src="/images/daniele-tosti-linkedin.webp" class="img-fluid rounded-circle"
403                                    alt="Daniele Tosti">
404                            </div>
405                            <div>
406                                <p class="card-text text-ivory mb-0 testimonial-author">
407                                    <strong class="marker-small">Daniele Tosti</strong>
408                                    <br>
409                                    <span class="text-grey fst-italic">Creative Technology Supervisor, Eyeline Studios</span>
410                                </p>
411                            </div>
412                        </div>
413                    </div>
414                </div>
415            </div>
416            <div class="col">
417                <div class="card h-100 navy-bg navy-bg-border">
418                    <div class="card-body d-flex flex-column h-100 p-4">
419                        <div class="text-gold text-center mb-3">
420                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor"
421    class="bi bi-quote" viewBox="0 0 16 16" aria-hidden="true">
422    <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z" />
423</svg>
424
425                        </div>
426
427                        <p class="card-text text-white flex-grow-1 mb-4">I decided to book a one time mentorship with Ben because I felt I needed some guidance and not just a quick "how to" fix. I am the kind of person who never feels good enough for the role he covers and Ben helped me to reframe the whole situation with some practical actions that can tremendously impact the way you perceive your work environment. As a compositor the ability to manage stress, priorities and communication is crucial to get the best out of your project and I had the chance to learn more about these skills in 1 hour talk with Ben, than in years of tutorials and webinars.</p>
428
429                        <div class="d-flex align-items-center mt-auto">
430                            <div class="flex-shrink-0 me-3 testimonial-image">
431                                <img src="/images/federico-sibella-linkedin.webp" class="img-fluid rounded-circle"
432                                    alt="Federico Sibella">
433                            </div>
434                            <div>
435                                <p class="card-text text-ivory mb-0 testimonial-author">
436                                    <strong class="marker-small">Federico Sibella</strong>
437                                    <br>
438                                    <span class="text-grey fst-italic">Compositor, Important Looking Pirates</span>
439                                </p>
440                            </div>
441                        </div>
442                    </div>
443                </div>
444            </div>
445            <div class="col">
446                <div class="card h-100 navy-bg navy-bg-border">
447                    <div class="card-body d-flex flex-column h-100 p-4">
448                        <div class="text-gold text-center mb-3">
449                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor"
450    class="bi bi-quote" viewBox="0 0 16 16" aria-hidden="true">
451    <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z" />
452</svg>
453
454                        </div>
455
456                        <p class="card-text text-white flex-grow-1 mb-4">I had not properly written a single line of code before Ben's Python for Nuke 101 course, and now I have advanced so much in such a short space of time. I've done quite a few courses and tutorials from a variety of places and Ben's course has been hands down the best, most useful, most relevant, most prepared and thought through course I've done.</p>
457
458                        <div class="d-flex align-items-center mt-auto">
459                            <div class="flex-shrink-0 me-3 testimonial-image">
460                                <img src="/images/josh-barham-linkedin.webp" class="img-fluid rounded-circle"
461                                    alt="Josh Barham">
462                            </div>
463                            <div>
464                                <p class="card-text text-ivory mb-0 testimonial-author">
465                                    <strong class="marker-small">
465Josh Barham</strong>
466                                    <br>
467                                    <span class="text-grey fst-italic">Paint & Roto Supervisor, Framestore</span>
468                                </p>
469                            </div>
470                        </div>
471                    </div>
472                </div>
473            </div>
474        </div>
475    </div>
476</section>
477<section>
478    <div class="container-fluid white-bg pb-5 pt-3">
479        <div class="container">
480            <div class="row">
481                <div class="col-12">
482                    <h1 class="text-center py-4" id="contact-form">
483                        <span class="marker">Get in Touch</span>
484                    </h1>
485                </div>
486            </div>
487
488            <div class="row justify-content-center">
489                <div class="col-12 col-md-8">
490
491                    <form action="https://formspree.io/f/movdqjrp" method="POST" id="contactForm" novalidate>
492                        <div class="mb-3">
493                            <label for="name" class="form-label">Name</label>
494                            <input type="text" class="form-control" id="name" name="name" required>
495                            <div class="invalid-feedback">
496                                Please provide your name.
497                            </div>
498                        </div>
499
500                        <div class="mb-3">
501                            <label for="email" class="form-label">Email</label>
502                            <input type="email" class="form-control" id="email" name="email" required
503                                pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}">
504                            <div class="invalid-feedback">
505                                Please provide a valid email address (e.g., <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="84f1f7e1f6c4e1fce5e9f4e8e1aae7ebe9">[email&#160;protected]</a>).
506                            </div>
507                        </div>
508
509                        <div class="mb-3">
510                            <label for="message" class="form-label">Message</label>
511                            <textarea class="form-control" id="message" name="message" rows="4" required></textarea>
512                            <div class="invalid-feedback">
513                                Please provide a message.
514                            </div>
515                        </div>
516                        <div class="col-12 text-center">
517                            <button type="submit" class="btn btn-wide btn-gold umami--click"
518                                data-umami-event="Home - Form Send Message Button" id="submitBtn" disabled>
519                                Send Message
520                            </button>
521                        </div>
522                    </form>
523
524                </div>
525            </div>
526
527        </div>
528    </div>
529</section>
vendor: 109 bytes, lines 529-530
529
530<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
530<script src="/static/js/stop-modal-video-on-close.js" defer></script>
vendor: 1 bytes, line 530
530
531<script src="/static/js/form-validation.js" defer></script>
vendor: 1 bytes, line 531
531
532<script src="/static/js/scroll-depth.js" defer></script>
532
533
534    </main>
535
536    <footer class="footer">
537        <div class="container py-3">
538            <div class="row">
539                <!-- Copyright Section -->
540                <div
541                    class="col-12 col-md-6 d-flex justify-content-center justify-content-md-start align-items-center mb-2 mb-md-0">
542                    <p class="text-light-grey mb-0">
543                        &copy; Ben McEwan, 2011 - <span id="currentYear"></span>
544                    </p>
545                </div>
546
547                <!-- Social Icons Section -->
548                <div class="col-12 col-md-6 d-flex justify-content-center justify-content-md-end align-items-center">
549                    <div class="d-flex gap-3">
550                        <a class="fab fa-imdb btn-img btn-white " href="https://www.imdb.com/name/nm3229205/"
551style="font-size: 1.5em"   target="_blank" aria-label="IMDB Profile" role="button"></a>
552<a class="fab fa-linkedin-in btn-img btn-white " href="https://www.linkedin.com/in/benmcewan/"
553style="font-size: 1.5em"   target="_blank" aria-label="LinkedIn Profile" role="button"></a>
554<a class="fab fa-youtube btn-img btn-white " href="https://www.youtube.com/BenMcEwan/"
555style="font-size: 1.5em"   target="_blank" aria-label="YouTube Channel" role="button"></a>
556<a class="fab fa-github btn-img btn-white " href="https://github.com/BenMcEwan"
557style="font-size: 1.5em"   target="_blank" aria-label="GitHub Profile" role="button"></a>
558
559                    </div>
560                </div>
561            </div>
562        </div>
563    </footer>
564
565
566    <!-- Calculate year for footer -->
567    
567<script src="/static/js/footer-date.js" defer></script>
567
568
569    <!-- Bootstrap JS: CDN with local fallback -->
570    
570<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
571        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"
572        onerror="var s=document.createElement('script');s.src='/static/bootstrap-5.3.3-dist/js/bootstrap.bundle.min.js';document.body.appendChild(s);"></script>
572
573
574
575
576<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"b4a670835b984799a03f2ded6908bc1f","r":1,"spa":2}' crossorigin="anonymous"></script>
576
577</body>
578
579</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.