<!DOCTYPE html>
<html lang="en">

<head>
	<!-- Google Tag Manager -->
	<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
	})(window,document,'script','dataLayer','GTM-584JWN4');</script>
	<!-- End Google Tag Manager -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jason Caldwell Design | Made with &#9829; in Virginia</title>
    <link rel="shortcut icon" href="./favicon.png" sizes="16x16" type="image/x-icon">
    <link rel="icon" href="./favicon.png" sizes="16x16" type="image/x-icon">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
    <link rel="stylesheet" href="css/main.css">
    <script src='https://www.google.com/recaptcha/api.js'></script>
</head>

<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-584JWN4"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
    <header class="header">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="header__content">
                        <a href="./index.php" class="header__logo"><img src="images/logo.svg" alt="Logo" class="header__logo-img"></a>
                        <nav class="header__nav">
                            <ul class="header__menu">
                                <li class="header__menu-item"><a href="./portfolio.php" class="header__menu-link">Portfolio</a></li>
                                <li class="header__menu-item"><a href="#" class="header__menu-link" data-scroll-to="contact">Hire me!</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <main>
        <section class="container">
            <div class="row">
                <div class="col-12 col-md-10 offset-md-1">
                    <div class="row u-align-inline-center u-align-md-inline-left">
                        <div class="col-12 col-md-4">
                            <img src="images/avatar.svg" alt="Avatar" class="u-padding-md-right-small u-margin-bottom-small u-margin-md-bottom-null u-width-md-full">
                        </div>
                        <div class="col-12 col-md-8">
                            <h1 class="u-margin-bottom-small">Let’s build something <br class="d-none d-md-block">amazing together!</h1>
                            <h3 class="u-margin-bottom-small-2">Hi! My name’s Jason. I’m a designer and I have more than 15 years of experience creating brands, growing businesses, building apps and making people smile.</h3>
                            <a href="#" class="btn btn--accent" data-scroll-to="contact">Let's talk</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="container u-padding-vertical-huge">
            <div class="row">
                <div class="col-12 col-md-8 offset-md-2 u-align-inline-center">
                    <div class="u-margin-bottom-big">
                        <h2 class="u-margin-bottom-smaller">You’re in good company.</h2>
                        <p class="u-margin-bottom-med">From large organizations to fledgling startups, I’ve worked with an <br class="d-none d-lg-block">incredible spectrum of clients. Together we’ve created world-class <br class="d-none d-lg-block">brands and apps and we’ve had a lot of fun doing it. <a href="#" data-scroll-to="contact">Wanna be next?</a></p>
                        <a href="portfolio.php" class="btn">See portfolio</a>
                    </div>
                    <div class="logos">
                        <img src="images/company-logo-1.png" alt="Logo" class="logos__item">
                        <img src="images/company-logo-2.png" alt="Logo" class="logos__item">
                        <img src="images/company-logo-3.png" alt="Logo" class="logos__item">
                        <img src="images/company-logo-4.png" alt="Logo" class="logos__item">
                        <img src="images/company-logo-5.png" alt="Logo" class="logos__item">
                        <img src="images/company-logo-6.png" alt="Logo" class="logos__item">
                        <img src="images/company-logo-7.png" alt="Logo" class="logos__item">
                        <img src="images/company-logo-8.png" alt="Logo" class="logos__item">
                        <img src="images/company-logo-9.png" alt="Logo" class="logos__item">
                        <img src="images/company-logo-10.png" alt="Logo" class="logos__item">
                        <img src="images/company-logo-11.png" alt="Logo" class="logos__item">
                        <img src="images/company-logo-12.png" alt="Logo" class="logos__item">
                    </div>
                </div>
            </div>
        </section>
        <section class="testimonials">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="testimonials__item">
                            <div class="testimonials__item-headshot" style="background-image: url('images/chuck.jpg');">&nbsp;</div>
                            <div class="testimonials__item-copy">
                                <p class="paragraph--med">“Jason is easily one of the best product designers I've worked with. His approach to design is practical. His designs are consumable and timely. His thought process is detail-oriented and thorough.“</p>
                                <p class="u-margin-vertical-smaller paragraph--small u-uppercase"><span class="u-font-smb">— Chuck Liu</span>, Former Dir. of Product at <a href="https://www.kissmetricshq.com/" class="u-color-dark u-underline" target="_blank">KISSmetrics</a></p>
                                <img src="images/logo-kissmetrics.png" alt="Logo" class="testimonials__item-logo testimonials__item-logo--1">
                            </div>
                        </div>
                        <div class="testimonials__item">
                            <div class="testimonials__item-headshot" style="background-image: url('images/brooke.jpg');">&nbsp;</div>
                            <div class="testimonials__item-copy">
                                <p class="paragraph--med">“Ever since Jason designed our logo we've received rave reviews, saying how fitting it is. Jason also had a very quick turnaround time, which was much appreciated.”</p>
                                <p class="u-margin-vertical-smaller paragraph--small u-uppercase"><span class="u-font-smb">— Brooke Acchione</span>, VP of Operations at <a href="https://retentionrocket.com/" class="u-color-dark u-underline" target="_blank">Retention Rocket</a></p>
                                <img src="images/logo-retention-rocket.png" alt="Logo" class="testimonials__item-logo testimonials__item-logo--2">
                            </div>
                        </div>
                        <div class="testimonials__item">
                            <div class="testimonials__item-headshot" style="background-image: url('images/jessica.jpg');">&nbsp;</div>
                            <div class="testimonials__item-copy">
                                <p class="paragraph--med">“Jason is empathetic, humble, and thoughtful. Above all, I was impressed with Jason’s eye for detail and wealth of knowledge. His positive attitude and design skills would be a true asset for any position requiring visual design chops.”</p>
                                <p class="u-margin-vertical-smaller paragraph--small u-uppercase"><span class="u-font-smb">— Jessica Tiao</span>, Senior Product Designer at <a href="https://www.crazyegg.com/" class="u-color-dark u-underline" target="_blank">Crazy Egg</a></p>
                                <img src="images/logo-crazy-egg.png" alt="Logo" class="testimonials__item-logo testimonials__item-logo--3">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="container u-padding-vertical-huge">
            <div class="row">
                <div class="col-12 col-md-8 offset-md-2 u-align-inline-center">
                    <div class="u-margin-bottom-med-2">
                        <h2 class="u-margin-bottom-smaller">My work has been featured in …</h2>
                    </div>
                    <div class="logos">
                        <img src="images/featured-logo-1.png" alt="Logo" class="logos__item">
                        <img src="images/featured-logo-2.png" alt="Logo" class="logos__item">
                        <img src="images/featured-logo-3.png" alt="Logo" class="logos__item">
                        <img src="images/featured-logo-4.png" alt="Logo" class="logos__item">
                        <img src="images/featured-logo-5.png" alt="Logo" class="logos__item">
                        <img src="images/featured-logo-6.png" alt="Logo" class="logos__item">
                    </div>
                </div>
            </div>
        </section>
                <section class="contact" id="contact" data-scroll-target="contact">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="contact__inner">
                            <div class="u-align-inline-center u-margin-bottom-med">
                                <h2 class="u-margin-bottom-smaller">So … ready to get started?</h2>
                                <p>Like what you&#8217;ve seen so far? Great! Don&#8217;t be shy! Let&#8217;s connect and discuss how you and I can build something amazing together!</p>
                            </div>
<!--
                            <form action="https://formcarry.com/s/ZROIngBJpzW" method="post" class="contact__form" enctype="multipart/form-data" accept-charset="UTF-8">
                                <div class="contact__form-group">
                                    <label for="email">What&#8217;s your email?</label>
                                    <input type="email" name="email" id="email" placeholder="your@email.com" required>
                                </div>
                                <div class="contact__form-group">
                                    <label for="message">What&#8217;s on your mind? I wanna know!</label>
                                    <textarea id="message" name="message" placeholder="How can I help?" required></textarea>
                                    ///<input type="hidden" name="_gotcha">///
                                </div>
                                <div class="contact__form-group">
                                    <div class="g-recaptcha" data-sitekey="6LcsBJEUAAAAAAEe3ViktLk-44PTyiBFvdPZ0sjx"></div>
                                    <button class="btn btn--full btn--accent" type="submit">Send!</button>
                                </div>
                            </form>
-->


                            <form action="https://api.sheetmonkey.io/form/b6eGtw6z7X5CTLj3s9uZ1S" method="post" class="contact__form" >
	                            <div class="contact__form-group">
                                    <label for="email">What&#8217;s your email?</label>
                                    <input type="email" name="email" id="email" placeholder="your@email.com" required>
                                </div>
                                <div class="contact__form-group">
                                    <label for="message">What&#8217;s on your mind? I wanna know!</label>
                                    <textarea id="message" name="message" placeholder="How can I help?" required></textarea>
                                    <!--<input type="hidden" name="_gotcha">-->
                                </div>
                                <div class="contact__form-group">
                                	<input type="hidden" name="Created" value="x-sheetmonkey-current-date-time" />
                                    <button class="btn btn--full btn--accent" type="submit">Send!</button>
                                </div>
							</form>

                            <!--
                            <form action="https://jumprock.co/mail/jason" method="post" class="contact__form">
                                <input type="text" name="trapit" value="" style="display:none">
                                <input type="hidden" name="after" value="https://jasoncaldwell.us/sent.php">
                                <div class="contact__form-group">
                                    <label for="email">What&#8217;s your email?</label>
                                    <input type="email" name="email" id="email" placeholder="your@email.com" required>
                                </div>
                                <div class="contact__form-group">
                                    <label for="message">What&#8217;s on your mind? I wanna know!</label>
                                    <textarea id="message" name="message" placeholder="How can I help?" required></textarea>
                                </div>
                                <div class="contact__form-group">
                                    <button class="btn btn--full btn--accent" type="submit">Send!</button>
                                </div>
                            </form>
                            -->


                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="container">
            <div class="row">
                <div class="col-12 u-align-inline-center">
                    <h2 class="u-margin-bottom-med-3">Pssst! I&#8217;m also social …</h2>
                    <div class="social">
                        <a href="https://twitter.com/jasoncaldwell" class="social__item" target="_blank"><img src="images/twitter.svg" alt="Twitter" class="social__item-icon"></a>
                        <a href="https://www.linkedin.com/in/jrcaldwell" class="social__item" target="_blank"><img src="images/linkedin.svg" alt="LinkedIn" class="social__item-icon"></a>
                        <a href="https://www.instagram.com/iamcaldwell/" class="social__item" target="_blank"><img src="images/instagram.svg" alt="Instagram" class="social__item-icon"></a>
                        <a href="https://dribbble.com/jc" class="social__item" target="_blank"><img src="images/dribbble.svg" alt="Dribbble" class="social__item-icon"></a>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <p class="paragraph--med">© Copyright 2021 Jason Caldwell. All rights reserved.</p>
                </div>
            </div>
        </div>
    </footer>

    <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery.scrollto@2.1.2/jquery.scrollTo.min.js"></script>
    <script src="js/app-dist.js"></script>

</body>

</html>