 <!DOCTYPE html>
<html lang="en">
<head>
    <!-- META TAGS -->
    <meta charset="utf-8">
    <meta name="author" content="AtypicalThemes">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

    <!-- WEBSITE TITLE & DESCRIPTION -->
    <title>Eyeballistic Game Studio</title>
    <meta name="description" content="We make awesome games for mobile, console, and computer platforms.">
    <meta name="keywords" content="game, gaming, videogame, developer, steam, studio, team">

    <!-- OG meta tags that improve the look of your post on social media -->
    <meta property="og:site_name" content="" /><!--websime-->
    <meta property="og:site" content="" /> <!--website link-->
    <meta property="og:title" content=""/> <!--Post title-->
    <meta property="og:description" content="" /> <!--Post description-->
    <meta property="og:image" content="" /><!-- Image link (jpg only)-->
    <meta property="og:url" content="" /> <!--where do you want your post to link to-->
    <meta property="og:type" content="article" />

    <!-- Favicon and Apple Icons -->
    <link rel="apple-touch-icon" sizes="57x57" href="images/favicon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="images/favicon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/favicon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="images/favicon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/favicon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="images/favicon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="images/favicon/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="images/favicon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="images/favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="images/favicon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">

    <!-- STYLES -->
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- FontAwesome -->
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <!-- Animations -->
    <link href="css/animations.css" rel="stylesheet">
    <!-- Lightbox -->
    <link href="css/lightbox.min.css" rel="stylesheet">
    <!-- Video Lightbox -->
    <link href="css/modal-video.min.css" rel="stylesheet">
    <!-- Main Stylesheet -->
    <link href="css/style.css" rel="stylesheet">
  
</head>
<body>
    <!-- Loading Screen -->
    <div id="loader-wrapper">
        <h1 class="loader-logo"><span class="colored">G</span>ET READY</h1>
        <div id="progress"></div>
        <h3 class="loader-text">LOADING</h3>
    </div>
    
    <!-- //// HEADER //// -->
    <header id="main-header">
        <nav class="navbar fixed-top navbar-expand-lg navbar-light">
            <div class="container">
                <!-- Site Logo -->
                <a id="logo" class="navbar-brand" href="#"><img class="img-fluid" src="images/logo.png" alt="site logo"></a>
                <!-- Dropdown Button -->
                <button id="hamburger" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                </button>
                <!-- Navigation Links -->
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item active">
                            <a class="nav-link" href="#about">About</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#games">Games</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#team">Team</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#careers">Careers</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#contact">Contact</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </header><!-- Header End -->
    
    <!-- /// HERO SECTION /// -->
    <div id="hero-section" class="small-margin">
        <div id="particles-web"></div>
        <div class="row hero-unit">
            <div class="container">
                <div class="hero-caption"><!-- Main Tagline -->
                    <h1>We Make <span class="colored">Amazing Games</span></h1>
                </div>
            </div>
        </div>
    </div><!-- Hero Section End -->
    
    <!-- /// Main Container /// -->
    <div class="container">
        <!-- /// ABOUT SECTION /// -->
        <div id="about" class="large-margin">
            <a href="about"></a><!-- Nav Anchor -->
            <div class="row heading tiny-margin">
                <div class="col-md-auto">
                    <h1 class="animation-element slide-down">ABOUT <span class="colored">US</span></h1>
                </div>
                <div class="col">
                    <hr class="animation-element extend">
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <p class="small-margin">We are a dedicated team of developers, designers, artists, programmers, and most importantly gaming enthusiasts. We're the team behind the MKHD fan project where we infamously appealed to series co-creator, Ed Boon, to remake the original MK games in HD! Though MK IP owner Warner Bros. initially gave our team the green light to work on the project, they abruptly changed their minds based on evidence it might cannibalize sales of their main line 2019 MK game thus ending Eyeballistic's involvement.</p>
                    <p class="small-margin">Undeterred, our team has come together to produce our own fighting game which we're seeking to release within the next year. Although we produce all types of games, our specialty is fighting games. We also have industry leading net frame rollback proprietary online technology which sets us apart from everyone else when it comes to competitive online play. Many talented teams exist that produce fighting games, but only a handful of developers can claim to have as much expert knowledge of this genre as our team does. We've been playing these games at a tournament and competition level for over a decade.</p>
                </div>
                <div class="col-md-6">
                    <img id="support-image" src="images/placeholder.jpg" data-src="images/LAWSHOW.jpg" class="img-fluid b-lazy" alt="digital collage">
                    <img id="support-image" src="images/placeholder.jpg" data-src="images/MKHD.png" class="img-fluid b-lazy" alt="digital collage">
                </div>
            </div>
        </div>
        <!-- /// GAMES SECTION /// -->
        <div id="games" class="large-margin">
            <a href="games"></a><!-- Nav Anchor -->
            <div class="row heading tiny-margin">
                <div class="col-md-auto">
                    <h1 class="animation-element slide-down">OUR <span class="colored">GAMES</span></h1>
                </div>
                <div class="col">
                    <hr class="animation-element extend">
                </div>
            </div>
            <div class="row ">
                <div class="col-md-11 small-margin">
                   <p>Here at Eyeballistic we pride ourselves in delivering rich and polished experiences that our fanbase can enjoy and immerse themselves into. Our games always offer a ton of replay value and the ability to play and compete online. We put our players first, profit margins are important but we know word of mouth and community driven sales are ultimately what will help us thrive so we can keep doing what we love!</p>
                </div>
                <div class="col-md-12">
                    <ul class="game-tags">
                        <li>Sort By Tag :</li>
                        <li><a href="#" data-filter=".new">NEW</a></li>
                        <li><a href="#" data-filter="*">ALL</a></li>
                        <li><a href="#" data-filter=".pc">PC</a></li>
                        <li><a href="#" data-filter=".vr">VR</a></li>
                    </ul>
                </div>
            </div>
            <div class="games-portfolio ">
                <!-- Game Card Video -->
                <div class="row game-card pc new">
                    <div class="col-lg-12 col-xl-5 game-card-left">
                        <!-- <a href="#" class="js-video-button" data-video-id="jAMpi0W5fgU" data-channel="youtube"> Video link goes here -->
                            <!-- <div class="overlay">
                                <i class="fa fa-play fa-3x"></i>
                            </div> -->
                            <img src="images/placeholder.jpg" data-src="images/lawless_small.png" class="img-fluid b-lazy" alt="video thumbnail"> <!-- Video Thumbnail Img -->
                        </a>
                    </div>
                    <div class="col-lg-12 col-xl-7 game-card-right">
                        <h2 class="short-hr-left">LAWLESS</h2>
                        <p class="tags"><span class="subtle">Fighting RPG | In Development</span> </p>
                        <p class="game-description">Do you want to know how the world ends? Lawless tells the story of the four horsemen of the apocalypse. With an engaging single player storyline, a unique cast of fighters, RPG like character customization and competitive local and online play, Lawless will take the fighting genre to new heights. Interested investors or publishers should contact us about playing our vertical slice.<span class="expand colored strong" data-toggle="modal" data-target="#game1"> Read More</span></p>
                        <!-- <div class="steam-btn">
                            <a href="#">
                                <i class="fa fa-steam fa-3x"></i>
                                <p>GET IT ON <br><span class="spaced">STEAM</span></p>
                            </a>
                        </div> -->
                        <!-- <div class="reviews">
                            <a href="#"><div class="score-card">
                                <p class="score">8.0</p>
                                <p>Gamespot</p>
                            </div></a>
                            <a href="#"><div class="score-card">
                                <p class="score">7.9</p>
                                <p>IGN</p>
                            </div></a>
                            <a href="#"><div class="score-card">
                                <p class="score">86</p>
                                <p>Metacritic</p>
                            </div></a>
                        </div> -->
                    </div>
                    <!-- Modal -->
                    <div class="modal fade game-modal" id="game1" tabindex="-1" role="dialog" aria-labelledby="scales" aria-hidden="true">
                        <div class="modal-dialog modal-lg" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h1 class="modal-title" id="scales">LAWLESS</h1>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                               <div class="modal-body">
                                   <h2 class="short-hr-left">TEAM UP TO STOP WAR FROM ENDING THE WORLD</h2>
                                   <iframe width="765" height="430" src="https://www.youtube.com/embed/jAMpi0W5fgU?vq=hd1440" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                   <p>Lawless has a deeply engaging single player storyline with branching storyline paths. The characters, lore and world of Lawless will attract our players to engage with our game long after they've stopped playing other fighting games. With our unique character customization and per character level progression features, players will feel connected all the more to the fighters they choose to go to battle with.</p>
                                   <img class="img-fluid" src="images/lawless_large_story.jpg" alt="screenshot">
                                   <br>
                                   <h2 class="short-hr-left">MAKE FRIENDS OR ENEMIES</h2>
                                   <p>Lawless features a completely new and different way of building a community and socializing with others online. You select an avatar and then explore, interact, engage with or challenge others online in a 3D lobby that has its roots in MMORPGs.</p>
                                   <img class="img-fluid" src="images/lawless_large_social.jpg" alt="screenshot">
                                   <br>
                                   <h2 class="short-hr-left">DEEP GAMEPLAY</h2>
                                   <p>We've tuned every aspect of our game to meet and exceed player expectations for a tournament ready fighting game. Meter management, frame advantage, reversals, punishers are all there but we've also built a combo system that allows our players ultimate creativity in planning how to defeat their opponents. Lawless isn't just for pro players either! The combat, and combos are easy to pull off even for a casual fighting game player. We believe Lawless can be the next Mortal Kombat, Street Fighter or Killer Instinct. We just need your investment to bring our vision to market. Contact us today to play our vertical slice!</p>
                                   <img class="img-fluid" src="images/lawless_large_game.jpg" alt="screenshot">
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="button secondary" data-dismiss="modal">Close</button>
                                </div>
                            </div>
                        </div>
                     </div>
                </div><!-- Game Card End -->
                
                <!-- Game Card Video -->
                <div class="row game-card vr">
                    <div class="col-lg-12 col-xl-5 game-card-left">
                        <!-- <a href="#" class="js-video-button" data-video-id='lKeTSLqYrsQ' data-channel="youtube"> Video link goes here -->
                            <!-- <div class="overlay">
                                <i class="fa fa-play fa-3x"></i>
                            </div> -->
                            <img src="images/placeholder.jpg" data-src="images/beatron_small.png" class="img-fluid b-lazy" alt="video thumbnail"> <!-- Video Thumbnail Img -->
                        </a>
                    </div>
                    <div class="col-lg-12 col-xl-7 game-card-right">
                        <h2 class="short-hr-left">BEATRON 2000</h2>
                        <p class="tags"><span class="subtle">VR Music Rhythm Game | Oculus Go</span> </p>
                        <p class="game-description">Experience music as never before as you bash, slice, and throw your laser disc in time to the beat!  Beatron 2000 is the hot new rhythm game for Oculus Go.  Try your hand at four difficulty levels for every song, all with hand-placed targets for maximum fun.  Can you win a gold star on every one?<span class="expand colored strong" data-toggle="modal" data-target="#game2"> Read More</span></p>
                        <a href="https://www.oculus.com/experiences/go/2269478696459386/?locale=en_US" class="button-store">
                            <i class="fa fa-oculus fa-2x"></i>
                            <p>Available on<br><span class="strong">Oculus Go Store</span></p>
                        </a>

                        <div class="rating">
                            <p class="strong">4.3</p>
                            <ul>
                                <li><i class="fa fa-star colored"></i></li>
                                <li><i class="fa fa-star colored"></i></li>
                                <li><i class="fa fa-star colored"></i></li>
                                <li><i class="fa fa-star colored"></i></li>
                                <li><i class="fa fa-star-o"></i></li>
                            </ul>
                        </div>
                    </div>
                    <!-- Modal -->
                    <div class="modal fade game-modal" id="game2" tabindex="-1" role="dialog" aria-labelledby="bedlam" aria-hidden="true">
                        <div class="modal-dialog modal-lg" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h1 class="modal-title" id="bedlam">Beatron 2000</h1>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                               <div class="modal-body">
                                   <h2 class="short-hr-left">CRITICALLY ACCLAIMED</h2>
                                   <iframe width="765" height="430" src="https://www.youtube.com/embed/lKeTSLqYrsQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                                   <p>Critics agree that Beatron 2000 is the must have game if you own an Oculus Go. Each song has four levels of difficulty and you can throw your disc to slash incoming beats which adds another layer of fun! Challenge yourself to get a gold star on all of the built in songs. Immerse yourself in the futuristic environments while you slash and bash throw your disc at the beats traveling toward you!</p>
                                   <img class="img-fluid" src="images/beatron_large_desert.jpg" alt="screenshot">
                                   <br>
                                   <h2 class="short-hr-left">ADD YOUR OWN SONGS</h2>
                                   <p>Add your own songs with our song editor for both Windows and Mac computers. Make Beatron 2000 a part of your workout routine with the music you own and love to listen to!</p>
                                   <img class="img-fluid" src="images/beatron_large_city.jpg" alt="screenshot">
                                   <br>
                                   <h2 class="short-hr-left">CLIMB THE LEADERBOARDS</h2>
                                   <p>Beatron 2000 has global leaderboards so you can see just how good you are compared with thousands of other players from around the world.</p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="button secondary" data-dismiss="modal">Close</button>
                                </div>
                            </div>
                        </div>
                     </div>
                </div><!-- Game Card End -->
                
                <!-- Game Card -->
                <div class="row game-card pc new">
                    <div class="col-lg-12 col-xl-5 game-card-left">
                        <a href="images/cold_blood_small.jpg" data-lightbox="screenshots_aurora">
                            <div class="overlay">
                                <i class="fa fa-picture-o fa-3x"></i>
                            </div>
                            <picture>
                                <source media="(min-width: 1200px)" srcset="images/cold_blood_small.jpg">
                                <source media="(min-width: 768px)" srcset="images/cold_blood_small.jpg">
                                <img src="images/cold_blood_small.jpg" data-src="images/cold_blood_small.jpg" class="img-fluid b-lazy" alt="aurora image">
                            </picture>
                        </a>
                        <a href="images/game_large.jpg" data-lightbox="screenshots_aurora"></a>
                        <a href="images/game_large.jpg" data-lightbox="screenshots_aurora"></a>
                    </div>
                    <div class="col-lg-12 col-xl-7 game-card-right">
                        <h2 class="short-hr-left">COLDBLOOD</h2>
                        <p class="tags"><span class="subtle">Action RPG | In Development</span> </p>
                        <p class="game-description">Dark Souls meets Metroidvania. Coldblood will emphasize exploration, multiple adventure paths and challenging boss battles. Along the way you'll use magic and enhance weapons and armor to defeat your opponents. The storyline will be engaging and action is intentionally condensed to short 30 minute play sessions.</p>
                        <div class="steam-btn">
                            <!-- <a href="#">
                                <i class="fa fa-steam fa-3x"></i>
                                <p>GET IT ON <br><span class="spaced">STEAM</span></p>
                            </a> -->
                        </div>
                        <!-- <div class="reviews">
                            <a href="#"><div class="score-card">
                                <p class="score">8.5</p>
                                <p>Gamespot</p>
                            </div></a>
                            <a href="#"><div class="score-card">
                                <p class="score">8.1</p>
                                <p>IGN</p>
                            </div></a>
                            <a href="#"><div class="score-card">
                                <p class="score">83</p>
                                <p>Metacritic</p>
                            </div></a>
                        </div> -->
                    </div>
                    <!-- Modal -->
                    <div class="modal fade game-modal" id="game3" tabindex="-1" role="dialog" aria-labelledby="aurora" aria-hidden="true">
                        <div class="modal-dialog modal-lg" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h1 class="modal-title" id="aurora">AURORA AWAKENING</h1>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                               <div class="modal-body">
                                   <iframe class="modal-vid" src="https://www.youtube.com/watch?v=RGmH4sOmksk&feature=youtu.be" allowfullscreen></iframe>
                                   <h2 class="short-hr-left">EXPLORE AN EXPANSIVE WORLD</h2>
                                   <p>Integer eget diam felis. Quisque et aliquet lectus, et lacinia turpis. Praesent eget pretium orci. Sed vestibulum rutrum volutpat. Curabitur feugiat arcu odio, quis convallis eros laoreet ac.</p>
                                   <img class="img-fluid" src="images/game_large.jpg" alt="screenshot">
                                   <br>
                                   <h2 class="short-hr-left">ADAPT AND DEVELOP YOUR CHARACTER</h2>
                                   <p>Suspendisse ultricies, dui vitae convallis blandit, ipsum sem mattis diam, in egestas arcu lacus sed lectus. Donec at interdum tellus. Quisque pellentesque a felis et rutrum. Donec condimentum magna sit amet viverra convallis. Fusce accumsan efficitur orci a commodo.</p>
                                   <img class="img-fluid" src="images/game_large.jpg" alt="screenshot">
                                   <br>
                                   <h2 class="short-hr-left">GET IMMERSED IN A DEEP STORY</h2>
                                   <p>Mauris at sapien nibh. Integer id tellus vitae ante cursus pharetra. Vestibulum ultrices eleifend enim, quis maximus nibh dapibus in. Phasellus lacinia nec leo at semper. Duis nisl odio, lacinia quis dui at, pretium tincidunt metus. Maecenas condimentum purus sit amet neque maximus tempor. Proin eros massa, ullamcorper eget rutrum eu, feugiat id purus.</p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="button secondary" data-dismiss="modal">Close</button>
                                </div>
                            </div>
                        </div>
                     </div>
                </div><!-- Game Card End -->
            
            </div>
        </div>
        <!-- /// TEAM SECTION /// -->
        <div id="team" class="large-margin">
            <a href="team"></a><!-- Nav Anchor -->
            <div class="row heading tiny-margin">
                <div class="col-md-auto">
                    <h1 class="animation-element slide-down">THE <span class="colored">TEAM</span></h1>
                </div>
                <div class="col">
                    <hr class="animation-element extend">
                </div>
            </div>
            <div class="row medium-margin">
                <div class="col-md-11 tiny-margin">
                    <p>Our passion unites us. Our curiosity compels us. Our creativity propels us.</p>
                </div>
                <div id="full-row" class="row text-center">
                    <div class="col-md-3 team-card">
                        <figure>
                            <img src="images/placeholder.jpg" data-src="images/joes.jpg" class="img-fluid b-lazy" alt="teammember">
                            <figcaption class="team-caption">
                                <p>"I can make a tool for that."</p>
                                <hr class="hr-short">
                                <!-- <ul>
                                    <li><a href="#"><i class="fa fa-facebook fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin fa-lg"></i></a></li>
                                </ul> -->
                            </figcaption>
                        </figure>
                        <p class="team-name">Joe Strout</p>
                        <p class="subtle">Principal Engineer</p>
                    </div>
                    <div class="col-md-3 team-card">
                        <figure>
                            <img src="images/placeholder.jpg" data-src="images/joet.jpg" class="img-fluid b-lazy" alt="teammember">
                            <figcaption class="team-caption">
                                <p>“Get me in the room and I'll convince them.”</p>
                                <hr class="hr-short">
                                <!-- <ul>
                                    <li><a href="#"><i class="fa fa-facebook fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin fa-lg"></i></a></li>
                                </ul> -->
                            </figcaption>
                        </figure>
                        <p class="team-name">Joe Tresca</p>
                        <p class="subtle">Founder/CEO</p>
                    </div>
                    <div class="col-md-3 team-card">
                        <figure>
                            <img src="images/placeholder.jpg" data-src="images/michael.jpg" class="img-fluid b-lazy" alt="teammember">
                            <figcaption class="team-caption">
                                <p>“What do you want me to research?”</p>
                                <hr class="hr-short">
                                <!-- <ul>
                                    <li><a href="#"><i class="fa fa-facebook fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin fa-lg"></i></a></li>
                                </ul> -->
                            </figcaption>
                        </figure>
                        <p class="team-name">Michael Summers</p>
                        <p class="subtle">Senior Programmer</p>
                    </div>
                    <div class="col-md-3 team-card">
                        <figure>
                            <img src="images/placeholder.jpg" data-src="images/jeremy.jpg" class="img-fluid b-lazy" alt="teammember">
                            <figcaption class="team-caption">
                                <p>“We can do better, that's all I'm saying.”</p>
                                <hr class="hr-short">
                                <!-- <ul>
                                    <li><a href="#"><i class="fa fa-facebook fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin fa-lg"></i></a></li>
                                </ul> -->
                            </figcaption>
                        </figure>
                        <p class="team-name">Jeremy Ortiz</p>
                        <p class="subtle">Creative Director</p>
                    </div>

                    <div class="col-md-3 team-card">
                        <figure>
                            <img src="images/placeholder.jpg" data-src="images/justin.jpg" class="img-fluid b-lazy" alt="teammember">
                            <figcaption class="team-caption">
                                <p>“I played that game! We could learn from what they did there.”</p>
                                <hr class="hr-short">
                                <!-- <ul>
                                    <li><a href="#"><i class="fa fa-facebook fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin fa-lg"></i></a></li>
                                </ul> -->
                            </figcaption>
                        </figure>
                        <p class="team-name">Justin Slaughter</p>
                        <p class="subtle"> Lead Sound/Music Composer</p>
                    </div>
                    <div class="col-md-3 team-card">
                        <figure>
                            <img src="images/placeholder.jpg" data-src="images/gabe.jpg" class="img-fluid b-lazy" alt="teammember">
                            <figcaption class="team-caption">
                                <p>“We need to make the mechanics more like an action adventure.”</p>
                                <hr class="hr-short">
                                <!-- <ul>
                                    <li><a href="#"><i class="fa fa-facebook fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin fa-lg"></i></a></li>
                                </ul> -->
                            </figcaption>
                        </figure>
                        <p class="team-name">Gabe Melendez</p>
                        <p class="subtle">Lead Game Designer</p>
                    </div>
                    <div class="col-md-3 team-card">
                        <figure>
                            <img src="images/placeholder.jpg" data-src="images/chris.jpg" class="img-fluid b-lazy" alt="teammember">
                            <figcaption class="team-caption">
                                <p>“What do you guys think about this new environment I've been working on?”</p>
                                <hr class="hr-short">
                                <!-- <ul>
                                    <li><a href="#"><i class="fa fa-facebook fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin fa-lg"></i></a></li>
                                </ul> -->
                            </figcaption>
                        </figure>
                        <p class="team-name">Chris Fantauzzo</p>
                        <p class="subtle">Lead Environment Artist</p>
                    </div>
                    <div class="col-md-3 team-card">
                        <figure>
                            <img src="images/placeholder.jpg" data-src="images/ali.jpg" class="img-fluid b-lazy" alt="teammember">
                            <figcaption class="team-caption">
                                <p>“I don't sleep, but when I do I animate in my dreams.”</p>
                                <hr class="hr-short">
                                <!-- <ul>
                                    <li><a href="#"><i class="fa fa-facebook fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin fa-lg"></i></a></li>
                                </ul> -->
                            </figcaption>
                        </figure>
                        <p class="team-name">Alireza Sedghi </p>
                        <p class="subtle">Lead Animator</p>
                    </div>
                    <div class="col-md-3 team-card">
                        <figure>
                            <img src="images/placeholder.jpg" data-src="images/cris.jpg" class="img-fluid b-lazy" alt="teammember">
                            <figcaption class="team-caption">
                                <p>“What is the next task?”</p>
                                <hr class="hr-short">
                                <!-- <ul>
                                    <li><a href="#"><i class="fa fa-facebook fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin fa-lg"></i></a></li>
                                </ul> -->
                            </figcaption>
                        </figure>
                        <p class="team-name">Cris Nascimento </p>
                        <p class="subtle">3D Generalist</p>
                    </div>
                    <div class="col-md-3 team-card">
                        <figure>
                            <img src="images/placeholder.jpg" data-src="images/kenn.jpg" class="img-fluid b-lazy" alt="teammember">
                            <figcaption class="team-caption">
                                <p>“I retopologized all those armor pieces yesterday, what's next?”</p>
                                <hr class="hr-short">
                                <!-- <ul>
                                    <li><a href="#"><i class="fa fa-facebook fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter fa-lg"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin fa-lg"></i></a></li>
                                </ul> -->
                            </figcaption>
                        </figure>
                        <p class="team-name">Kenn Edwards</p>
                        <p class="subtle">Senior Character Artist</p>
                    </div>
                </div>
            </div>
            <div class="row tiny-margin">
                <div class="col-md-11">
                    <h2 class="short-hr-left">OUR STUDIO</h2>
                    <p>Oh about that, we're a distributed team. This is the future of game development and we already know it works because we've been doing it for 4 years now. Everyone works remotely and regularly video chats and uses instant messaging tools to make sure we stay on schedule. By hiring anywhere in the world, our pool of talent is not limited by location, plus we don't waste good money keeping the lights on.</p>
                </div>
            </div>
            <!-- <div class="grid-gallery">
                <div class="row">
                    <div class="col-md-4 gallery-item">
                        <a href="images/studio.jpg" data-lightbox="studio_gallery">
                            <div class="overlay gallery">
                                <i class="fa fa-picture-o fa-3x"></i>
                            </div>
                            <img src="images/placeholder.jpg" data-src="images/studio.jpg" class="img-fluid b-lazy" alt="">
                        </a>
                    </div>
                    <div class="col-md-4 gallery-item">
                        <a href="images/studio.jpg" data-lightbox="studio_gallery">
                            <div class="overlay gallery">
                                <i class="fa fa-picture-o fa-3x"></i>
                            </div>
                            <img src="images/placeholder.jpg" data-src="images/studio.jpg" class="img-fluid b-lazy" alt="">
                        </a>
                    </div>
                    <div class="col-md-4 gallery-item">
                        <a href="images/studio.jpg" data-lightbox="studio_gallery">
                            <div class="overlay gallery">
                                <i class="fa fa-picture-o fa-3x"></i>
                            </div>
                            <img src="images/placeholder.jpg" data-src="images/studio.jpg" class="img-fluid b-lazy" alt="">
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4 gallery-item">
                        <a href="images/studio.jpg" data-lightbox="studio_gallery">
                            <div class="overlay gallery">
                                <i class="fa fa-picture-o fa-3x"></i>
                            </div>
                            <img src="images/placeholder.jpg" data-src="images/studio.jpg" class="img-fluid b-lazy" alt="">
                        </a>
                    </div>
                    <div class="col-md-4 gallery-item">
                        <a href="images/studio.jpg" data-lightbox="studio_gallery">
                            <div class="overlay gallery">
                                <i class="fa fa-picture-o fa-3x"></i>
                            </div>
                            <img src="images/placeholder.jpg" data-src="images/studio.jpg" class="img-fluid b-lazy" alt="">
                        </a>
                    </div>
                    <div class="col-md-4 gallery-item">
                        <a href="images/studio.jpg" data-lightbox="studio_gallery">
                            <div class="overlay gallery">
                                <i class="fa fa-picture-o fa-3x"></i>
                            </div>
                            <img src="images/placeholder.jpg" data-src="images/studio.jpg" class="img-fluid b-lazy" alt="">
                        </a>
                    </div>
                </div>
            </div> -->
        </div>
        <!-- /// CAREERS SECTION /// -->
        <div id="careers" class='large-margin'>
            <a href="careers"></a><!-- Nav Anchor -->
            <div class="row heading tiny-margin">
                <div class="col-md-auto">
                    <h1 class="animation-element slide-down">WE'RE <span class="colored">HIRING</span></h1>
                </div>
                <div class="col">
                    <hr class="animation-element extend">
                </div>
            </div>
            <div class="row medium-margin">
                <div class="col-md-11">
                    <h2 class="short-hr-left">JOB OPENINGS</h2>
                    <p>Are you a talented and motivated individual? Then we would love to have you on our team. </p><br>
                </div>
                <div class="col-md-4">
                    <div class="job-card">
                        <h3 class="colored">SENIOR PRODUCER</h3>
                        <p>You'll need to be comfortable with managing a team remotely and you are super organized yet flexible.</p>
                        <button class="button" data-toggle="modal" data-target="#modal1">View Details</button>
                    </div>
                    <!-- Modal -->
                    <div class="modal fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="lead-programmer" aria-hidden="true">
                        <div class="modal-dialog modal-lg" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h2 class="modal-title colored" id="lead-programmer">SENIOR PRODUCER</h2>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    <h3>THE IDEAL CANDIDATE:</h3>
                                    <p>You love the challenge of keeping our games on schedule but planning ahead and buffering for changes is just a part of your DNA.</p>
                                    <ul class="skill-list">
                                        <li>JIRA</li>
                                        <li>Excel</li>
                                        <li>One shipped title on any platform</li>
                                        <li>Risk Management</li>
                                        <li>Initiative</li>
                                    </ul>
                                    <br>
                                    <h3>REQUIREMENTS:</h3>
                                    <ul>
                                    <li><p>Development experience in the games industry a plus.</p></li>
                                    <li><p>Strong communication and organizational skills</p></li>
                                    <li><p>Must work well under pressure and handle multiple tasks</p></li>
                                    <li><p>Passion for making GREAT games</p></li>
                                    </ul>
                                    <br>
                                    <h3>HOW TO APPLY:</h3>
                                    <p>If you think you have what it takes to join our team you can apply here <a href="mailto:jtresca@eyeballistic.com" >jtresca@eyeballistic.com</a></p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="button secondary" data-dismiss="modal">Close</button>
                                    <a href="mailto:jtresca@eyeballistic.com" class="button">Apply</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="job-card">
                        <h3 class="colored">ONLINE NETWORK ENGINEER</h3>
                        <p>You know network engineering inside and out.</p>
                        <button class="button" data-toggle="modal" data-target="#modal2">View Details</button>
                    </div>
                    <!-- Modal -->
                    <div class="modal fade " id="modal2" tabindex="-1" role="dialog" aria-labelledby="level-designer" aria-hidden="true">
                        <div class="modal-dialog modal-lg" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h2 class="modal-title colored" id="level-designer">ONLINE NETWORK ENGINEER</h2>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    <h3>THE IDEAL CANDIDATE:</h3>
                                    <p>You love online network play and can confidently explain how it works and how you'd work to improve it.</p>
                                    <ul class="skill-list">
                                        <li>C#</li>
                                        <li>Unity Engine Experience</li>
                                        <li>One shipped title demonstrating your contribution to online play.</li>
                                    </ul>
                                    <br>
                                    <h3>REQUIREMENTS:</h3>
                                    <ul>
                                    <li><p>Bachelor's Degree in Computer Science and/or Mathematics</p></li>
                                    <li><p>Proficient with c# and object-oriented programming</p></li>
                                    <li><p>Development experience in the games industry a plus.</p></li>
                                    <li><p>Must work well under pressure and handle multiple tasks</p></li>
                                    <li><p>Passion for making GREAT games</p></li>
                                    </ul>
                                    <br>
                                    <h3>HOW TO APPLY:</h3>
                                    <p>If you think you have what it takes to join our team you can apply here <a href="mailto:jtresca@eyeballistic.com" >jtresca@eyeballistic.com</a></p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="button secondary" data-dismiss="modal">Close</button>
                                    <a href="mailto:jtresca@eyeballistic.com" class="button">Apply</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="job-card">
                        <h3 class="colored">CHARACTER ARTIST</h3>
                        <p>Every little detail matters to you. You obsess over how the pores on the tip of your character's nose look.</p>
                        <button class="button" data-toggle="modal" data-target="#modal3">View Details</button>
                    </div>
                    <!-- Modal -->
                    <div class="modal fade " id="modal3" tabindex="-1" role="dialog" aria-labelledby="ai-engineer" aria-hidden="true">
                        <div class="modal-dialog modal-lg" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h2 class="modal-title colored" id="ai-engineer">CHARACTER ARTIST</h2>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                               <div class="modal-body">
                                    <h3>THE IDEAL CANDIDATE:</h3>
                                    <p>Be a badass digital sculptor who isn't afraid to retopologize your own work.</p>
                                    <ul class="skill-list">
                                        <li>zBrush</li>
                                        <li>Photoshop</li>
                                        <li>Unity</li>
                                        <li>Blender/3ds Max/Maya</li>
                                    </ul>
                                    <br>
                                    <h3>REQUIREMENTS:</h3>
                                    <ul>
                                    <li><p>Development experience in the games industry a plus.</p></li>
                                    <li><p>You are an artist that other artist's admire.</p></li>
                                    <li><p>Strong communication and organizational skills</p></li>
                                    <li><p>Must work well under pressure and handle multiple tasks</p></li>
                                    <li><p>Passion for making GREAT games</p></li>
                                    </ul>
                                    <br>
                                    <h3>HOW TO APPLY:</h3>
                                    <p>If you think you have what it takes to join our team you can apply here <a href="mailto:jtresca@eyeballistic.com" >jtresca@eyeballistic.com</a></p>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="button secondary" data-dismiss="modal">Close</button>
                                    <a href="mailto:jtresca@eyeballistic.com" class="button">Apply</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- <div class="row">
                <div class="col-md-12 text-center">
                    <h2 class="short-hr-center">OUR NEWSLETTER</h2>
                    <p>Stay up to date with the team and our products by subscribing to our newsletter.</p>
                    <form id="newsletter" data-toggle="validator">
                        <input type="email" id="emailsign" placeholder="Your email adress"> 
                        <button type="submit" id="form-signup" class="button">SUBSCRIBE</button>
                        <div id="msgSignup" class="h3 text-center hidden"></div>
                    </form>
                </div>
            </div> -->
        </div>
        <!-- /// CONTACT SECTION /// -->
        <div id="contact" class="large-margin">
            <a href="contact"></a><!-- Nav Anchor -->
            <div class="row heading tiny-margin">
                <div class="col-md-auto">
                    <h1 class="animation-element slide-down">GET IN <span class="colored">TOUCH</span></h1>
                </div>
                <div class="col">
                    <hr class="animation-element extend">
                </div>
            </div>
            <div class="">
                <div class="row small-margin">
                    <div class="col-md-11">
                        <p>Have a special project that you would like our team to work on? We would love to hear from you!</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <h2 class="short-hr-left">LEAVE US A MESSAGE</h2>
                        <form id="contactForm" data-toggle="validator">
                            <div class="form-group">
                                <!-- Name Field -->
                                <input type="text" id="name" placeholder="Name*" required size="35" data-error="Name is required">
                                <div class="help-block with-errors"></div>
                            </div>
                            <div class="form-group">
                                <!-- Email Field -->
                                <input type="email" id="email" placeholder="Email*" required size="35" data-error="Email is required">
                                <div class="help-block with-errors"></div>
                            </div>
                            <div class="form-group">
                                <!-- Message Field -->
                                <textarea id="message" name="message" placeholder="Message*" required data-error="Message cannot be empty"></textarea>
                                <p class="subtle">* required field</p>
                                <div class="help-block with-errors"></div>
                                <!-- Submit Button -->
                                <button type="submit" class="button">SEND MESSAGE</button>
                                <!-- Success Message -->
                                <div id="msgSubmit" class="text-center hidden"></div>
                            </div>
                        </form>
                    </div>
                    <div class="col-md-6">
                        <h2 class="short-hr-left">OUR DETAILS</h2>
                        <div id="contact-info">
                            <ul>
                                <!-- <li><i class="fa fa-phone"></i><p>Phone: <span class="colored"><a href="tel:+1(803)635585">+1 (803) 635 585</a></span></p></li> -->
                                <li><i class="fa fa-envelope"></i><p>Email: <span class="colored"><a href="mailto:jtresca@eyeballistic.com">jtresca@eyeballistic.com</a></span></p></li>
                                <li><i class="fa fa-globe"></i><p>Website: <span class="colored"><a href="www.eyeballistic.com" target="_blank">www.eyeballistic.com</a></span></p></li>
                                <!-- <li><i class="fa fa-map-marker"></i><p>Address: <span class="colored">1168 12th Street East Oconomowoc, WI 53066</span></p></li> -->
                            </ul>
                        </div>
                        <!-- Google Map -->
                        <!-- <div id="map-canvas"></div> -->
                    </div>
                </div>
            </div>
        </div>
    </div><!-- Main Container End -->
    <!-- /// FOOTER /// -->
    <footer id="main-footer">
        <div id="footer"> 
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <p id="copyright">&copy; Eyeballistic, Inc. <span id="year"> </span></p><!-- Copyright Text -->
                        <ul class="social-links"> <!-- Social Media Icons -->
                            <!-- <li><a href="#"><i class="fa fa-facebook fa-lg icon-social"></i></a></li> -->
                            <li><a href="https://twitter.com/EyeballisticGMS"><i class="fa fa-twitter  fa-lg icon-social"></i></a></li>
                            <li><a href="https://www.linkedin.com/in/joe-tresca-8035017/"><i class="fa fa-linkedin fa-lg icon-social"></i></a>
                            <!-- <li><a href="#"><i class="fa fa-pinterest fa-lg icon-social"></i></a>
                            <li><a href="#"><i class="fa fa-instagram fa-lg icon-social"></i></a> -->
                        </ul>
                    </div>
                </div>
            </div><!-- Container End -->
        </div>
    </footer><!-- Footer End -->
    
    <!-- //// SCRIPTS //// -->
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/blazy.min.js"></script>
    <script src="js/particles.js"></script>
    <script src="js/isotope.pkgd.min.js"></script>
    <script src="js/lightbox.min.js"></script>
    <script src="js/jquery-modal-video.min.js"></script>
    <script src="js/validator.min.js"></script>
    <script src="js/strider.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB64kJJiSynOc9ZqkNMOyl94cvsw5Z2uno"></script>
</body>
</html>