<!DOCTYPE html>
<html >
<head>
  
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  <link rel="shortcut icon" href="assets/images/peter-gerard-300-128x128.png" type="image/x-icon">
  <!-- <link rel="stylesheet" href="assets/web/assets/mobirise-icons-bold/mobirise-icons-bold.css"> -->
  <link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.css">
  <link rel="stylesheet" href="assets/tether/tether.min.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css">
  <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css">
  <!-- <link rel="stylesheet" href="assets/animatecss/animate.min.css"> -->
  <link rel="stylesheet" href="assets/socicon/css/styles.css">
  <link rel="stylesheet" href="assets/theme/css/style.css">
  <link rel="stylesheet" href="assets/gallery/style.css">
  <!-- <link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css"> -->
  <link rel="stylesheet" href="assets/pg-style.css" type="text/css">
  <title>Peter Gerard</title>
<!-- Search Engine -->
<link rel="canonical" href="https://www.pgerard.com/" />
<meta name="description" content="Film and video producer, technologist, marketer, photographer, ice cream maker.">
<meta name="image" content="http://www.pgerard.com/assets/images/og-image.jpg">
<!-- Schema.org for Google -->
<meta itemprop="name" content="Peter Gerard">
<meta itemprop="description" content="Film and video producer, technologist, marketer, photographer, ice cream maker.">
<meta itemprop="image" content="http://www.pgerard.com/assets/images/og-image.jpg">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Peter Gerard">
<meta name="twitter:description" content="Film and video producer, technologist, marketer, photographer, ice cream maker.">
<meta name="twitter:site" content="@PeterTGerard">
<meta name="twitter:creator" content="@PeterTGerard">
<meta name="twitter:image" content="http://www.pgerard.com/assets/images/og-image.jpg">
<!-- Open Graph general (Facebook, Pinterest & Google+) -->
<meta property="og:title" content="Peter Gerard">
<meta property="og:description" content="Film and video producer, technologist, marketer, photographer, ice cream maker.">
<meta property="og:image" content="http://www.pgerard.com/assets/images/og-image.jpg">
<meta property="og:url" content="http://www.pgerard.com/">
<meta property="og:site_name" content="Peter Gerard">
<meta property="og:type" content="website">

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "WebPage",
  "name": "Peter Gerard",
  "description": "Film and video producer, technologist, marketer, photographer, ice cream maker.",
  "publisher": {
    "@type": "Person",
  	"name": "Peter Gerard",
    "sameAs": "https://www.pgerard.com/peter-gerard"
  }
}
</script>	<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-1909417-33"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-1909417-33');
</script>
</head>
<body>
	
  <section class="mbr-fullscreen vimeo-bg-section" id="top-video-header"><!-- class="mbr-fullscreen" data-bg-video="https://player.vimeo.com/video/301648668?background=1" -->
    <div class="video-container">
			<iframe src="https://player.vimeo.com/video/301648668?background=1" frameborder="0" allow="autoplay"></iframe>
		</div>
		
    <div class="container">
        <div class="row justify-content-md-center">
            <div class="mbr-white col-md-10">
                <h1 class="mbr-section-title align-center mbr-fonts-style display-1" id="pg-logo">
                    <img src="/assets/images/peter-gerard-logo-v2.png" srcset="assets/images/peter-gerard-logo-v2@2x.png 2x,
					             assets/images/peter-gerard-logo-v2@3x.png 3x" alt="Peter Gerard" title="Peter Gerard" />
								</h1>
								<nav class="navbar navbar-home navbar-expand navbar-overlay">
  	
  <div class="navbar-collapse justify-content-center" id="navbarcontent">
    <ul class="navbar-nav d-none d-md-flex" id="navbarNav">
      <!-- <li class="nav-item active">
        <a class="nav-link" href="/">Home <span class="sr-only">(current)</span></a>
      </li> -->
      <li class="nav-item ">
        <a class="nav-link" href="/peter-gerard">About</a>
      </li>
			<li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Projects
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
					<h6 class="dropdown-header">Current Projects</h6>
          <a class="dropdown-item " href="/welcome">Welcome - Travel App</a>
          <a class="dropdown-item " href="/screen-projects">Films and Series</a>
					<div class="dropdown-divider"></div>
					<h6 class="dropdown-header">Past projects</h6>
          <a class="dropdown-item " href="/vimeo">Vimeo</a>
          <a class="dropdown-item " href="/distrify">Distrify</a>
          <a class="dropdown-item " href="https://accidental.tv" target="_blank">Accidental Media</a>
					<div class="dropdown-divider"></div>
					<h6 class="dropdown-header">Other stuff</h6>
          <a class="dropdown-item " href="/#d-word">The D-Word</a>
          <a class="dropdown-item " href="/#icecream">Ice Cream</a>
        </div>
      </li>
      <li class="nav-item ">
        <a class="nav-link" href="/films">Films</a>
      </li>
      <li class="nav-item ">
        <a class="nav-link" href="/speaking">Speaking</a>
      </li>
      <li class="nav-item ">
        <a class="nav-link" href="/consulting">Consulting</a>
      </li>
      <li class="nav-item ">
        <a class="nav-link" href="https://blog.pgerard.com">Blog</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="/cdn-cgi/l/email-protection#e29287968790a292858790839086cc818d8f">Contact</a>
      </li>
    </ul>
    <ul class="navbar-nav d-md-none" id="navbarNavXS">
      <li class="nav-item ">
        <a class="nav-link" href="/peter-gerard">About</a>
      </li>
			<li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLinkXS" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          More
        </a>
        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLinkXS">

					<h6 class="dropdown-header">Current Projects</h6>
          <a class="dropdown-item " href="/welcome">Welcome - Travel App</a>
          <a class="dropdown-item " href="/screen-projects">Films and Series</a>
	        <a class="dropdown-item " href="/speaking">Speaking</a>
	        <a class="dropdown-item " href="/consulting">Consulting</a>
          <div class="dropdown-divider d-none d-se-block"></div>
          <a class="dropdown-item d-none d-se-block" href="/cdn-cgi/l/email-protection#74041100110634041311061506105a171b19">Contact</a>
					<div class="dropdown-divider"></div>
					<h6 class="dropdown-header">Past projects</h6>
	        <a class="dropdown-item " href="/films">Films</a>
          <a class="dropdown-item " href="/vimeo">Vimeo</a>
          <a class="dropdown-item " href="/distrify">Distrify</a>
          <a class="dropdown-item " href="https://accidental.tv" target="_blank">Accidental Media</a>
					<div class="dropdown-divider"></div>
					<h6 class="dropdown-header">Other stuff</h6>
					<a class="dropdown-item" href="https://blog.pgerard.com">Blog</a>
          <a class="dropdown-item" href="/#d-word">The D-Word</a>
          <a class="dropdown-item" href="/#icecream">Ice Cream</a>

        </div>
      </li>

      <li class="nav-item d-se-none">
        <a class="nav-link" href="/cdn-cgi/l/email-protection#5f2f3a2b3a2d1f2f383a2d3e2d3b713c3032">Contact</a>
      </li>
    </ul>
  </div>
</nav>                
            </div>
        </div>
    </div>

    <div class="mbr-arrow hidden-sm-down" aria-hidden="true">
        <a href="#next">
            <i class="mbri-down mbr-iconfont"></i>
        </a>
    </div>
  </section>


  <section class="mbr-section cid-peter-sunnies-home mbr-parallax-background" id="info1-7">

    

    <div class="mbr-overlay" style="opacity: 0.8; background-color: rgb(35, 35, 35);">
    </div>
    <div class="container">
        <div class="row justify-content-center content-row">
            <div class="media-container-column title col-12 col-lg-7 col-md-6">
                
                <h2 class="align-left mbr-fonts-style display-2"><span style="font-weight: normal;">Who is Peter Gerard?</span></h2>
            </div>
            <div class="media-container-column col-12 col-lg-3 col-md-4">
                <div class="mbr-section-btn align-right py-4"><a class="btn btn-success display-4" href="peter-gerard">Read my story</a></div>
            </div>
        </div>
    </div>
  </section>

  <section class="mbr-section article cid-lined-summary" id="content10-u">
    <div class="container">
        <div class="inner-container" style="width: 66%;">
            <hr class="line" style="width: 25%;">
            <div class="section-text align-center mbr-white mbr-fonts-style display-5">I am the co-founder of <a href="welcome">Welcome, the smart travel app</a>, and am developing <a href="screen-projects">original films &amp; series</a>.<br/>
							I also <a href="consulting">consult</a> for select media &amp; tech companies.<br/>
							<em>Oh, and <a href="#icecream"><em>I make ice cream.</em></a></em><br></div>
            <hr class="line" style="width: 25%;">
        </div>
    </div>
  </section>

  <section class="mbr-section cid-lenny-tv mbr-parallax-background" id="info3-i">
    <div class="mbr-overlay" style="opacity: 0.4; background-color: rgb(35, 35, 35);">
    </div>

    <div class="container">
        <div class="row justify-content-center">
            <div class="media-container-column title col-12 col-md-10">
                <h2 class="align-left mbr-white pb-3 mbr-fonts-style display-2 dark-shadow"><span style="font-weight: normal;">
                    Films &amp; Series</span></h2>
                <h3 class="mbr-section-subtitle align-left mbr-light mbr-white pb-3 mbr-fonts-style display-5 dark-shadow">
                    I am currently developing and producing documentary &amp; narrative projects, including an <a href="masters-of-deceit">original series about Eric Hebborn</a>, the most prolific art forger of all time.<br/>
										<a href="#mailinglist">Sign up to my mailing list</a> to stay informed.</h3>
                
                
            </div>
        </div>
    </div>
  </section>

  <section class="mbr-section vimeo-bg-section cid-film-section-video" id="pastfilms">
    
    <div class="video-container">
			<iframe src="https://player.vimeo.com/video/391085292?background=1" frameborder="0" allow="autoplay"></iframe>
		</div>
    
    <div class="mbr-overlay" style="opacity: 0.3; background-color: rgb(0,0,0);">
    </div>
    <div class="container">
      <div class="row main justify-content-center">
        <div class="mbr-section-btn py-4"><a class="btn btn-success" href="films"><span class="mbri-play mbr-iconfont mbr-iconfont-btn"></span>Watch&nbsp;<span class="d-none d-md-inline">my previous&nbsp;</span>films</a></div>
     
      </div>
    </div>

  </section>

  <section class="mbr-section cid-nyc-bg mbr-parallax-background" id="welcome">
    <div class="mbr-overlay" style="opacity: 0.4; background-color: rgb(35, 35, 35);">
    </div>

    <div class="container">
        <div class="row justify-content-center">
            <div class="media-container-column title col-12 col-md-10">
                <h2 class="align-left mbr-white pb-3 mbr-fonts-style display-2"><a href="welcome"><span style="font-weight: normal;">
                    <img src="assets/images/welcome-logo-white720.png" width="240" height="86" alt="Welcome" title="Welcome" /></span></a></h2>
                <h3 class="mbr-section-subtitle align-left mbr-light mbr-white pb-3 mbr-fonts-style display-5 dark-shadow">
                    We recently launched an AI-powered travel app called <strong><a href="welcome">Welcome</a></strong>.</h3>
                
            </div>
        </div>
    </div>
  </section>

  <section class="mbr-section cid-batik-bg mbr-parallax-background" id="consulting">
    <div class="mbr-overlay" style="opacity: 0.6; background-color: rgb(20, 157, 204);">
    </div>

    <div class="container">
        <div class="row main justify-content-center dark-shadow">
            <div class="media-container-column d-none d-md-block col-lg-3 col-md-4 no-shadow">
                <div class="mbr-section-btn align-right py-4"><a class="btn btn-success display-4" href="consulting"><span class="mbri-rocket mbr-iconfont mbr-iconfont-btn"></span>Learn more</a></div>
            </div>
            <div class="media-container-column title col-12 col-lg-7 col-md-6">
                <h2 class="align-right mbr-white pb-3 mbr-fonts-style display-2"><span style="font-weight: normal;">
                    Consulting</span></h2>
                <h3 class="mbr-section-subtitle align-right mbr-light mbr-white mbr-fonts-style display-7">I consult on editing, storytelling, marketing and audience development, distribution, acquisitions, sales, product management, financial planning, fundraising and business strategy.</h3>
            </div>
            <div class="media-container-column col-12 d-md-none no-shadow">
                <div class="mbr-section-btn align-center py-4"><a class="btn btn-success display-4" href="consulting"><span class="mbri-rocket mbr-iconfont mbr-iconfont-btn"></span>Learn more</a></div>
            </div>
        </div>
    </div>
  </section>

  <section class="mbr-section cid-speaking-home mbr-parallax-background" id="speaking">
    <div class="mbr-overlay" style="opacity: 0.4; background-color: rgb(255, 255, 255);">
    </div>

    <div class="container">
        <div class="row main justify-content-center light-shadow">
            <div class="media-container-column d-none d-md-block col-lg-3 col-md-4 no-shadow">
                <div class="mbr-section-btn align-left py-4"><a class="btn btn-primary display-4" href="speaking">
                    Invite me</a></div>
            </div>
            <div class="media-container-column title col-12 col-lg-7 col-md-6">
                <h2 class="align-right mbr-white pb-3 mbr-fonts-style display-2"><span style="font-weight: normal;">
                    Speaking</span></h2>
                <h3 class="mbr-section-subtitle align-right mbr-light mbr-white mbr-fonts-style display-7">I am a frequent keynote speaker and guest lecturer at various film events and institutions, covering topics including distribution strategy, audience development and innovation in visual storytelling.</h3>
            </div>
            <div class="media-container-column col-12 d-md-none no-shadow">
                <div class="mbr-section-btn align-left py-4"><a class="btn btn-primary display-4" href="speaking">
                    Invite me</a></div>
            </div>
        </div>
    </div>
  </section>


  <section class="features18 popup-btn-cards cid-blogsummary with-button-nav" id="features18-a">
    <div class="container">
        <h2 class="mbr-section-title pb-3 align-center mbr-fonts-style display-2">The latest from <a href="https://blog.pgerard.com/" target="_blank">my blog</a></h2>
        
        <div class="media-container-row ">
            <div class="card p-3 col-12 col-md-6 col-lg-4">
        <div class="card-wrapper " onclick="javascript:location.href='https://blog.pgerard.com/post/190110659707/if-the-fake-news-media-writes-about-our-fake-art'">
            <div class="card-img">
                <div class="mbr-overlay"></div>
                <div class="mbr-section-btn text-center"><a href="https://blog.pgerard.com/post/190110659707/if-the-fake-news-media-writes-about-our-fake-art" target="_blank" class="btn btn-primary display-4">View Photo</a></div>
                <img src="https://66.media.tumblr.com/e40aaff56a38aee74531d5ccd10b65d8/eaa51f5da7ed57b6-e3/s500x750/f30531f4221b2b8fa759d3597bdb56e356b6f0be.jpg" alt="" title="">
            </div>
            <div class="card-box">
                
                <p class="mbr-text mbr-fonts-style align-left display-7">
                    If the fake news media writes about our fake art series, it must be real&hellip;...
                </p>
            </div>
        </div>
    </div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
        <div class="card-wrapper " onclick="javascript:location.href='https://blog.pgerard.com/post/189647763428/excited-to-announce-that-our-short-film-the'">
            <div class="card-img">
                <div class="mbr-overlay"></div>
                <div class="mbr-section-btn text-center"><a href="https://blog.pgerard.com/post/189647763428/excited-to-announce-that-our-short-film-the" target="_blank" class="btn btn-primary display-4">Watch Video</a></div>
                <img src="https://66.media.tumblr.com/tumblr_q2glx5eWnM1qzld86_smart1.jpg" alt="" title="">
            </div>
            <div class="card-box">
                
                <p class="mbr-text mbr-fonts-style align-left display-7">
                    Excited to announce that our short film The Shutdown has been awarded a Vimeo St...
                </p>
            </div>
        </div>
    </div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
        <div class="card-wrapper " onclick="javascript:location.href='https://blog.pgerard.com/post/189634096059/my-pal-foads-beautifully-designed-%F0%9D%9E%85-ruler-just'">
            <div class="card-img">
                <div class="mbr-overlay"></div>
                <div class="mbr-section-btn text-center"><a href="https://blog.pgerard.com/post/189634096059/my-pal-foads-beautifully-designed-%F0%9D%9E%85-ruler-just" target="_blank" class="btn btn-primary display-4">Watch Video</a></div>
                <img src="https://66.media.tumblr.com/tumblr_q2f81sfuP01qzld86_smart1.jpg" alt="" title="">
            </div>
            <div class="card-box">
                
                <p class="mbr-text mbr-fonts-style align-left display-7">
                    My pal Foad’s beautifully designed 𝞅-ruler just launched, and thanks to bei...
                </p>
            </div>
        </div>
    </div>

            
        </div>
				<div class="media-container-row">
					<div class="col-12 col-md-8">
		        <ul class="nav nav-tabs">
		            <li class="nav-item">
		                <span class="tab-header mbr-fonts-style display-7">
		                    Blog posts by category:
		                </span>
		            </li>
		            <li class="nav-item">
		                <a class="nav-link active mbr-fonts-style display-7" href="https://blog.pgerard.com/tagged/VOD-case-study" target="_blank">
		                    Film &amp; TV Marketing
		                </a>
		            </li>
		            <li class="nav-item">
		                <a class="nav-link active mbr-fonts-style display-7" href="https://blog.pgerard.com/tagged/film-festival" target="_blank">
		                    Festivals
		                </a>
		            </li>
		            <li class="nav-item">
		                <a class="nav-link active mbr-fonts-style display-7" href="https://blog.pgerard.com/tagged/award" target="_blank">
		                    Awards
		                </a>
		            </li>
            
		        </ul>
					</div>
				</div>
    </div>
  </section>
  
  <section class="mbr-section cid-femi-kuti mbr-parallax-background" id="photography">
    <div class="container">
        <div class="row justify-content-center content-row py-4">
            <div class="media-container-column title col-12 col-md-7 ">
                <h2 class="mbr-fonts-style align-left display-2 mbr-white dark-shadow" style="font-weight: normal;">Photography</h2>
            </div>
            <div class="media-container-column col-12 col-md-3 ">
                <div class="mbr-section-btn align-right"><a class="btn btn-primary display-4" href="https://www.instagram.com/petergerard/" target="_blank" style="white-space: nowrap;"><span class="socicon socicon-instagram mbr-iconfont mbr-iconfont-btn"></span>@petergerard</a></div>
            </div>
        </div>
    </div>
  </section>

  <section class="mbr-section cid-d-word" id="d-word">
    <div class="container">
        <div class="media-container-row">
            <div class="col-12 col-md-8">
                <div class="media-container-row">
                    <div class="media-content">
                        <div class="mbr-section-text">
                            <p class="mbr-text align-right mb-0 mbr-fonts-style display-7">
                               <strong><a href="https://www.d-word.com/" target="_blank">The D-Word</a></strong> is the premiere online community for documentary professionals. I serve as co-host and also designed and built the custom community platform that The D-Word runs on.</p>
                        </div>
                    </div>
                    <div class="mbr-figure" style="width: 60%;">
                     <a href="https://www.d-word.com/" target="_blank"><img src="assets/images/d-word-logo-436x320.png" alt="The D-Word" title=""></a>  
                    </div>
                </div>
            </div>
        </div>
    </div>
  </section>
  
  

  <section class="features13 cid-past-projects" id="features13-e">
    
    <div class="container">
        <h2 class="mbr-section-title pb-3 mbr-fonts-style display-2">
            Past projects</h2>

        <div class="media-container-row container">
            <div class="card col-12 col-md-6 p-5 m-3 align-center col-lg-4">
							<a href="/vimeo">
                <div class="card-img">
                    <img src="assets/images/hmwall370-370x200.jpg" alt="" title="">
                </div>
                <h4 class="card-title py-2 mbr-fonts-style display-5 text-white">
                    Vimeo</h4>
                <p class="mbr-text mbr-fonts-style display-7">former VP &amp; GM of Entertainment</p>
							</a>
            </div>
            <div class="card col-12 col-md-6 p-5 m-3 align-center col-lg-4">
              <a href="/distrify">
								<div class="card-img">
                    <img src="assets/images/distrify-arrows-blur370-370x268.jpg" alt="Distrify" title="">
                </div>
                <h4 class="card-title py-2 mbr-fonts-style display-5 text-white">
                    Distrify</h4>
                <p class="mbr-text mbr-fonts-style display-7">film distribution startup from 2010-2014</p>
							</a>
            </div>
            <div class="card col-12 col-md-6 p-5 m-3 align-center col-lg-4">
              <a href="https://accidental.tv" target="_blank">
								<div class="card-img">
                    <img src="assets/images/dirty-splat-still370x200.jpg" alt="" title="">
                </div>
                <h4 class="card-title py-2 mbr-fonts-style display-5 text-white">
                    Accidental Media</h4>
                <p class="mbr-text mbr-fonts-style display-7">film &amp; video production company from 1999-2012</p>
							</a>
            </div>    
        </div>
    </div>
  </section>

  <section class="features13 cid-icecream mbr-parallax-background with-button-nav" id="icecream">
    <div class="mbr-overlay" style="opacity: 0.7; background-color: rgb(255, 255, 255);">
    </div>
    <div class="container">
        <h2 class="mbr-section-title pb-3 mbr-fonts-style display-2"><strong><a href="https://www.triplemotion.com/" class="text-black" target="_blank">Triple Motion - Ice Cream Blog</a></strong></h2>

        <div class="media-container-row container">
            <div class="card col-12 col-md-6 p-5 m-3 align-center col-lg-4">
							<a href="https://www.triplemotion.com/2019/12/02/pumpkin-ice-cream-pie/?utm_source=rss&utm_medium=rss&utm_campaign=pumpkin-ice-cream-pie" target="_blank">
                <div class="card-img">
                    <img src="https://www.triplemotion.com/wp-content/uploads/2019/12/pumpkin-ice-cream-pie-720x340.jpg" alt="Pumpkin Ice Cream Pie" title="">
                </div>
                <h4 class="card-title py-2 mbr-fonts-style display-5 text-white">Pumpkin Ice Cream Pie</h4>
              </a>
            </div>
<div class="card col-12 col-md-6 p-5 m-3 align-center col-lg-4">
							<a href="https://www.triplemotion.com/2019/01/27/beet-ginger-sorbet/?utm_source=rss&utm_medium=rss&utm_campaign=beet-ginger-sorbet" target="_blank">
                <div class="card-img">
                    <img src="https://www.triplemotion.com/wp-content/uploads/2019/01/beet-sorbet-720x340.jpg" alt="Beet & Ginger Sorbet" title="">
                </div>
                <h4 class="card-title py-2 mbr-fonts-style display-5 text-white">Beet & Ginger Sorbet</h4>
              </a>
            </div>
<div class="card col-12 col-md-6 p-5 m-3 align-center col-lg-4">
							<a href="https://www.triplemotion.com/2018/08/26/plum-vanilla-ice-cream/?utm_source=rss&utm_medium=rss&utm_campaign=plum-vanilla-ice-cream" target="_blank">
                <div class="card-img">
                    <img src="https://www.triplemotion.com/wp-content/uploads/2018/08/plum-and-vanilla-ice-cream-720x340.jpg" alt="Plum & Vanilla Ice Cream" title="">
                </div>
                <h4 class="card-title py-2 mbr-fonts-style display-5 text-white">Plum & Vanilla Ice Cream</h4>
              </a>
            </div>
    
        </div>
				<div class="media-container-row">
					<div class="col-12 col-md-8">
		        <ul class="nav nav-tabs">
		            <li class="nav-item">
		                <a class="nav-link active mbr-fonts-style display-7" href="https://www.youtube.com/playlist?list=PLV0i_6SNfq3qtBs7j6XgHRaq4McQs0ETO" target="_blank">
		                    Ice Cream Videos
		                </a>
		            </li>
		            <li class="nav-item">
		                <a class="nav-link active mbr-fonts-style display-7" href="https://www.triplemotion.com/" target="_blank">
		                    Ice Cream Blog
		                </a>
		            </li>
		            
		        </ul>
					</div>
				</div>
		</div>
</section>

<section class="mbr-section form3 cid-mailing-list" id="mailinglist">

    

    

    <div class="container">
        <div class="row justify-content-center">
            <div class="title col-12 col-lg-8">
                <h2 class="align-center pb-2 mbr-fonts-style display-2">Keep in touch</h2>
                <h3 class="mbr-section-subtitle align-center pb-5 mbr-light mbr-fonts-style display-5">
                    Sign up to my (very occasional) newsletter</h3>
            </div>
        </div>

        <div class="row py-2 justify-content-center">
            <div class="col-12 col-lg-6  col-md-8 " data-form-type="formoid">
								<form id="subForm" class="mbr-form js-cm-form" action="https://www.createsend.com/t/subscribeerror?description=" method="post" data-form-title="Subscribe Form"  data-id="5B5E7037DA78A748374AD499497E309EFC08903D20BC1F996F40F4F9D508E87BCAEFF88F68BEAEB99BE6D1E1426A78E6E8717FE7C952A9270849CB049B415FFA">
                    <div class="mbr-subscribe input-group">
												<input class="form-control" id="fieldName" name="cm-name" type="text" placeholder="Your Name" data-form-field="Name" />
										</div>
										<div class="mbr-subscribe input-group">
                        <input class="form-control js-cm-email-input" type="email" name="cm-jymw-jymw" placeholder="Your Email" data-form-field="Email" required="" id="fieldEmail" />
										</div>
										<div class="mbr-subscribe input-group">
                        <span class="input-group-btn">
                            <button href="" type="submit" class="btn btn-primary  display-4 js-cm-submit-button">SUBSCRIBE</button>
                        </span>
                    </div>
                </form>
								<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="https://js.createsend1.com/javascript/copypastesubscribeformlogic.js"></script>
            </div>
        </div>
    </div>
</section>

<section once="" class="cid-footer" id="footer7-9">

    

    

    <div class="container">
        <div class="media-container-row align-center mbr-white">
            
            <div class="row social-row">
                <div class="social-list align-right pb-2">
                    
                    
                    
                    
                    
                    
                <div class="soc-item">
                        <a href="https://twitter.com/PeterTGerard" target="_blank">
                            <span class="mbr-iconfont mbr-iconfont-social socicon-twitter socicon"></span>
                        </a>
                    </div><div class="soc-item">
                        <a href="https://www.facebook.com/pgerard" target="_blank">
                            <span class="mbr-iconfont mbr-iconfont-social socicon-facebook socicon"></span>
                        </a>
                    </div><div class="soc-item">
                        <a href="https://www.youtube.com/PeterGerard?sub_confirmation=1" target="_blank">
                            <span class="mbr-iconfont mbr-iconfont-social socicon-youtube socicon"></span>
                        </a>
                    </div><div class="soc-item">
                        <a href="https://www.instagram.com/petergerard/" target="_blank">
                            <span class="mbr-iconfont mbr-iconfont-social socicon-instagram socicon"></span>
                        </a>
                    </div><div class="soc-item">
                        <a href="https://www.linkedin.com/in/petergerard/" target="_blank">
                            <span class="mbr-iconfont mbr-iconfont-social socicon-linkedin socicon"></span>
                        </a>
                    </div><div class="soc-item">
                        <a href="https://vimeo.com/petergerard" target="_blank">
                            <span class="mbr-iconfont mbr-iconfont-social socicon-vimeo socicon"></span>
                        </a>
                    </div><div class="soc-item">
                        <a href="https://medium.com/@petergerard" target="_blank">
                            <span class="mbr-iconfont mbr-iconfont-social socicon-medium socicon"></span>
                        </a>
                    </div><div class="soc-item">
                        <a href="https://blog.pgerard.com/" target="_blank">
                            <span class="mbr-iconfont mbr-iconfont-social socicon-tumblr socicon"></span>
                        </a>
                    </div></div>
            </div>
            <div class="row row-copirayt">
                <p class="mbr-text mb-0 mbr-fonts-style mbr-white align-center display-7">
                    Copyright © 2017-2020 Peter Gerard - All Rights Reserved
                </p>
            </div>
        </div>
    </div>
</section>

  <script src="assets/web/assets/jquery/jquery.min.js"></script>
  <script src="assets/popper/popper.min.js"></script>
  <script src="assets/tether/tether.min.js"></script>
  <script src="assets/bootstrap/js/bootstrap.min.js"></script>
<!--  <script src="assets/ytplayer/jquery.mb.ytplayer.min.js"></script> -->
<!--  <script src="assets/vimeoplayer/jquery.mb.vimeo_player.js"></script> -->
  <!-- <script src="assets/viewportchecker/jquery.viewportchecker.js"></script> -->
  <script src="assets/parallax/jarallax.min.js"></script>
  <script src="assets/mbr-popup-btns/mbr-popup-btns.js"></script>
  <script src="assets/masonry/masonry.pkgd.min.js"></script>
  <script src="assets/imagesloaded/imagesloaded.pkgd.min.js"></script>
<!--  <script src="assets/bootstrapcarouselswipe/bootstrap-carousel-swipe.js"></script> -->
  <script src="assets/smoothscroll/smooth-scroll.js"></script>
  <script src="assets/theme/js/script.js"></script>
  <script src="assets/slidervideo/script.js"></script>
<!--  <script src="assets/gallery/player.min.js"></script>
  <script src="assets/gallery/script.js"></script> -->
  <script src="assets/formoid/formoid.min.js"></script>
  
  
  <!-- <input name="animation" type="hidden"> -->
	
	<script>
		function sizeBGVideo() {
			var h = $('#top-video-header .video-container').height(); // window.innerHeight;
			var w = $('#top-video-header .video-container').width(); // window.innerWidth;
			if (w/h > 16/9) {
				$('#top-video-header .video-container iframe').css('width', w).css('height', w*9/16);
			}
			else {
				$('#top-video-header .video-container iframe').css('width', h*16/9).css('height', h);
			}
		}
		
		$(function() {
			sizeBGVideo();
			$( window ).resize(function() {
				sizeBGVideo();
			});
		});
	</script>
  </body>
</html>