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

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title><NAME> - Game Developer</title>

    <!-- Bootstrap Core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Theme CSS -->
    <link href="css/freelancer.min.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top" class="index">
<div id="skipnav"><a href="#maincontent">Skip to main content</a></div>

    <!-- Navigation -->
    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top navbar-custom">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand" href="#page-top">TexturedGuppy.github.io</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li class="page-scroll">
                        <a href="#portfolio">Portfolio</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#about">About</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#contact">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- Header -->
    <header>
        <div class="container" id="maincontent" tabindex="-1">
            <div class="row">
                <div class="col-lg-12">
                    <img class="img-responsive" src="img/selfie.png" alt="me">
                    <div class="intro-text">
                        <h1 class="name"><NAME></h1>
                        <hr class="star-light">
                        <span class="skills">Game Developer</span>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- Portfolio Grid Section -->
    <section id="portfolio">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Portfolio</h2>
                    <hr class="star-primary">
					<h2>Click On Each Picture To See More!</h2>
                </div>
            </div>
            <div style="padding-bottom:20px;"></div>
            <div class="row">
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/HoboHotboxSoccer.PNG" class="img-responsive" alt="HoboHotboxSoccer">
                    </a>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/CitronUltraCover.PNG" class="img-responsive" alt="Slice of cake">
                    </a>
                </div>
				
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/AirbusDef.gif" class="img-responsive" alt="Airbus">
                    </a>
                </div>
				
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/LevArt.png" class="img-responsive" alt="Game controller">
                    </a>
                </div>
				
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal5" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/Mech.png" class="img-responsive" alt="Coming Soon">
                        
                        
                    </a>
                </div>
				
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal6" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/Forge2.png" class="img-responsive" alt="Submarine">
                    </a>
                </div>

                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal7" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/TitleScreen.png" class="img-responsive" alt="TitleScreen">
                    </a>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal8" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/FoxStar.png" class="img-responsive" alt="TitleScreen">
                    </a>
                </div>
                <!--
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal6" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/submarine.png" class="img-responsive" alt="Submarine">
                    </a>
                </div>
            -->
            </div>
        </div>
    </section>

    <!-- About Section -->
    <section class="success" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>About</h2>
                    <hr class="star-light">
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-lg-offset-2">
                    <p>Hello, my name is <NAME>. I am a Game Development Graduate of Marshall University. 
					I transferred from Computer Science at West Virginia University. 
					I specialize in Gameplay coding but have experience in 3D modeling and animation as well as pixel art.</p>
                </div>
                <div class="col-lg-4">
                    <p>Marshall has also trained me to be a well rounded student that is trained in not just Game Programming 
					but everyday programming as well being a Graduate from the Computer Information Technology Major.</p>
                </div>
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <a href="https://drive.google.com/open?id=1cwIKCfSqV5jWnK5o5qtqACPWQj50q_jX" target = "_blank" class="btn btn-lg btn-outline">
                        <i class="fa fa-download"></i> Resume Found Here!
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- Contact Section -->
    <section id="contact">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Contact Me</h2>
                    <hr class="star-primary">
						
						
							<p><EMAIL></p>
						
                </div>
            </div>
            <!--<div class="row">
                 <div class="col-lg-8 col-lg-offset-2">
                    <!-- To configure the contact form email address, go to mail/contact_me.php and update the email address in the PHP file on line 19. -->
                    <!-- The form should work on most web servers, but if the form is not working you may need to configure your web server differently. 
                    <form name="sentMessage" id="contactForm" novalidate>
                        <div class="row control-group">
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <label for="name">Name</label>
                                <input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <div class="row control-group">
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <label for="email">Email Address</label>
                                <input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <div class="row control-group">
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <label for="phone">Phone Number</label>
                                <input type="tel" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number.">
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <div class="row control-group">
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <label for="message">Message</label>
                                <textarea rows="5" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <br>
                        <div id="success"></div>
                        <div class="row">
                            <div class="form-group col-xs-12">
                                <button type="submit" class="btn btn-success btn-lg">Send</button>
                            </div>
                        </div>
                    </form>
                </div> 
            </div> -->
        </div>
    </section>

    <!-- Footer -->
    <footer class="text-center">
        <div class="footer-above">
            <div class="container">
                <div class="row">
                    <div class="footer-col col-md-4">
                        <h3>Location</h3>
                        <p>2085 1/2 U.S. Highway 60
                            <br>Culloden, WV 25510</p>
                    </div>
                    <div class="footer-col col-md-4">
                        <h3>Around the Web</h3>
                        <ul class="list-inline">
                            <li>
                                <a href="https://www.facebook.com/cameron.asbury" class="btn-social btn-outline"><span class="sr-only">Facebook</span><i class="fa fa-fw fa-facebook"></i></a>
                            </li>
                            <!-- <li>
                                <a href="#" class="btn-social btn-outline"><span class="sr-only">Google Plus</span><i class="fa fa-fw fa-google-plus"></i></a>
                            </li> -->
                            <li>
                                <a href="https://twitter.com/TexturedGuppy" class="btn-social btn-outline"><span class="sr-only">Twitter</span><i class="fa fa-fw fa-twitter"></i></a>
                            </li>
                            <li>
                                <a href="https://www.linkedin.com/in/cameron-asbury-5bba0878/" class="btn-social btn-outline"><span class="sr-only">Linked In</span><i class="fa fa-fw fa-linkedin"></i></a>
                            </li>
                            <!-- <li>
                                <a href="#" class="btn-social btn-outline"><span class="sr-only">Dribble</span><i class="fa fa-fw fa-dribbble"></i></a>
                            </li> -->
                        </ul>
                    </div>
                    <div class="footer-col col-md-4">
                        <h3>Website Theme!</h3>
                        <p>Freelance is a free to use, open source Bootstrap theme created by <a href="http://startbootstrap.com">Start Bootstrap</a>.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-below">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        Copyright &copy; TexturedGuppy.github.io
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
    <div class="scroll-top page-scroll hidden-sm hidden-xs hidden-lg hidden-md">
        <a class="btn btn-primary" href="#page-top">
            <i class="fa fa-chevron-up"></i>
        </a>
    </div>

    <!-- Portfolio Modals -->
    <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2>Hobo Hotbox Soccer</h2>
                            <hr class="star-primary">
							<h2>Made in Unity!</h2>
							<iframe width="720" height="480" src="https://www.youtube.com/embed/-WhgPOvFbg4" frameborder="0" allowfullscreen></iframe>
                            <!-- <img src="img/portfolio/HoboHotboxSoccer.PNG" class="img-responsive img-centered" alt=""> -->
                            <p>This is Hobo Hotbox Soccer! Final Project as a group with 
							<a href="https://scuhooper.github.io/JamesKeeling/"><NAME></a> and 
							<a href="http://www.devdump.me/"><NAME></a>.  
							Cory did all of the art assets for our game while James and I did all of the gameplay programming for the game.
							The game is a small sports game where two Hobos battle it out in a back alley somewhere to a friendly game of soccer.
							There are drugs used for power ups to give the players various powerups. 
							Game has fully customizable controls, volume, and resolution through the menu.</p>
                            <ul class="list-inline item-details">
                                <li>
                                    <strong><a href="https://github.com/TexturedGuppy/HoboHotboxSoccer">Clone The Repo and Play Here!</a>
                                    </strong>
                                </li>
                                <!-- <li>Date:
                                    <strong><a href="http://startbootstrap.com">April 2014</a>
                                    </strong>
                                </li>
                                <li>Service:
                                    <strong><a href="http://startbootstrap.com">Web Development</a>
                                    </strong>
                                </li> -->
                            </ul>
                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2>Citron Ultra</h2>
                            <hr class="star-primary">
							<h2>Made in Unity!</h2>
                            <!-- <img src="img/portfolio/cake.png" class="img-responsive img-centered" alt=""> -->
							<iframe width="720" height="480" src="https://www.youtube.com/embed/LmySKoj2n1E" frameborder="0" allowfullscreen></iframe>
                            <p>In the far off future humans are slowly becoming zombies! 
							The only way to free them from this pained existence is to shoot cans of flavored monster at them until their hearts explode! Vile will save us from our cruel fate!
							This is basically just a small demo, this was a project I created for class. This game will never go any further, for obvious copyright reasons.</p>
                            <ul class="list-inline item-details">
									<li>
										<strong><a href="https://github.com/TexturedGuppy/CitronUltra">Clone The Repo and Play Here!</a>
										</strong>
									</li>
                               <!--  <li>Client:
                                    <strong><a href="http://startbootstrap.com">Start Bootstrap</a>
                                    </strong>
                                </li>
                                <li>Date:
                                    <strong><a href="http://startbootstrap.com">April 2014</a>
                                    </strong>
                                </li>
                                <li>Service:
                                    <strong><a href="http://startbootstrap.com">Web Development</a>
                                    </strong>
                                </li> -->
                            </ul>
                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2>Airbus Defender</h2>
                            <hr class="star-primary">
							<h2>Made in Unity!</h2>
                            <iframe width="720" height="480" src="https://www.youtube.com/embed/RsicJkMk0Pg" frameborder="0" allowfullscreen></iframe>
                            <p>This is an Asteroid Clone we were tasked with creating for class. Has coroutines for spawning asteroids, lives for the player, a score counter, and powerups to grab.</p>
                            <ul class="list-inline item-details">
                                <li>
										<strong><a href="https://github.com/TexturedGuppy/AirbusDefender">Clone The Repo and Play Here!</a>
										</strong>
									</li>
                            </ul>
                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2>Levantera: Tale of The Winds</h2>
                            <hr class="star-primary">
                            <iframe width="720" height="480" src="https://www.youtube.com/embed/aIkYtXp8_kI" frameborder="0" allowfullscreen></iframe>
                            <p>I am a Developer at <a href="http://lassogames.com/lasso/">Lasso Games</a> where I do design and development work on Levantera: Tale of The Winds. Among many other things.  Game is slated for an Early Access Release soon!</p>
                            <ul class="list-inline item-details">
                                <li>
										<strong><a href="https://lassogames.itch.io/levantera-tale-of-the-winds">Download and Play the Public Alpha Here!</a>
                                        </strong><br>
                                        <strong><a href="http://store.steampowered.com/app/506700/Levantera_Tale_of_The_Winds/">Check out the steam page here!</a>
										</strong>
									</li>
                            </ul>
                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2>Mad Cat Mech 3D Model</h2>
                            <hr class="star-primary">
                            <img src="img/portfolio/Mech2.png" style="float: left; width: 50%; margin-bottom: 0.5em;" alt="Coming Soon">
                            <img src="img/portfolio/Mech3.png" style="float: left; width: 50%; margin-bottom: 0.5em;" alt="Coming Soon">
                            <img src="img/portfolio/Mech1.png" style="float: left; width: 50%; margin-bottom: 0.5em;" alt="Coming Soon">
                            <img src="img/portfolio/Mech.png" style="float: left; width: 50%; margin-bottom: 0.5em;" alt="MECH">
                            
                            <p>Model done for my 3D modeling course at Marshall University</p>
                            <ul class="list-inline item-details">
                                    <strong><a href="Mech.html">Check out the Mech in My 3D Model Viewer (No Textures)</a>
                                    </strong>
                            </ul>
                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2>Blacksmith's Shop 3D Model</h2>
                            <hr class="star-primary">
                            <div style = "background-color:black;">
                            <img src="img/portfolio/Forge2.png" style="float: left; width: 100%; margin-bottom: 0.5em;" alt="Coming Soon">
                            <img src="img/portfolio/Forge.png" style="float: left; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon">
                            <img src="img/portfolio/Forge3.png" style="float: left; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon">
                            <img src="img/portfolio/Forge4.png" style="float: left; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon">
                            <img src="img/portfolio/Forge5.png" style="float: left; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon">
                            <img src="img/portfolio/Forge6.png" style="float: left; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon">
                            <img src="img/portfolio/Forge7.png" style="float: left; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon">
                            <img src="img/portfolio/Forge8.png" style="float: left; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon">
                            <img src="img/portfolio/Forge9.png" style="float: left; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon">
                            <img src="img/portfolio/Forge10.png" style="float: left; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon">
                            </div>                            
                            <p>Models done for my 3D modeling course at Marshall University most compiled into one scene.</p>
                            <ul class="list-inline item-details">
                                <strong><a href="Forge.html">Check out the Blacksmith's Shop in My 3D Model Viewer (No Textures)</a>
                                </strong>
                                
                            </ul>
                            <button id="btnSubmit" type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="portfolio-modal modal fade" id="portfolioModal7" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2>3D Marshall University Tour</h2>
                            <hr class="star-primary">
                            <p>Click Each Picture to Blow it up!</p>
                            <div style = "background-color:black;">
                            <a href="img/portfolio/TitleScreen.png" target = "_blank"><img src="img/portfolio/TitleScreen.png"    style="float: left; height:100%; width: 100%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/PlayMapInGame2.png" target = "_blank"><img src="img/portfolio/PlayMapInGame2.png" style="float: left; height:100%; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/PlayMapInGame3.png" target = "_blank"><img src="img/portfolio/PlayMapInGame3.png" style="float: left; height:100%; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/TestMap.png" target = "_blank"><img src="img/portfolio/TestMap.png"        style="float: left; height:100%; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/TestMap2.png" target = "_blank"><img src="img/portfolio/TestMap2.png"       style="float: left; height:100%; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/PlayMap.png" target = "_blank"><img src="img/portfolio/PlayMap.png"        style="float: left; height:100%; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/PlayMap2.png" target = "_blank"><img src="img/portfolio/PlayMap2.png"       style="float: left; height:100%; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/PlayMap3.png" target = "_blank"><img src="img/portfolio/PlayMap3.png"       style="float: left; height:100%; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/PlayMap4.png" target = "_blank"><img src="img/portfolio/PlayMap4.png"       style="float: left; height:100%; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/PlayMapInGame.png" target = "_blank"><img src="img/portfolio/PlayMapInGame.png"  style="float: left; height:100%; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            </div>                            
                            <p>Group Mate <NAME> and I set out to make a simulation of sorts, that involved making a 3D model of the campus that prospective students or current students
                                could use to explore campus. This Project was all done in the Unreal Engine along with tools such as Maya and Sketchup. Special Thanks to Sketchup Artist Sintuasha.
                                Textures obtainined with a DJI phantom drone graciously loaned to use by <NAME> Marshall University Computer Information Technology Chair.

                            </p>
                            <ul class="list-inline item-details">
                                <strong>
                                </strong>
                                
                            </ul>
                            <button id="btnSubmit" type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--
    <div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2>Blacksmith's Shop 3D Model</h2>
                            <hr class="star-primary"><commit_msg>Minor Tweaks to the file names because github pages is very picky<commit_after><!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title><NAME> - Game Developer</title>

    <!-- Bootstrap Core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Theme CSS -->
    <link href="css/freelancer.min.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top" class="index">
<div id="skipnav"><a href="#maincontent">Skip to main content</a></div>

    <!-- Navigation -->
    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top navbar-custom">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand" href="#page-top">TexturedGuppy.github.io</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li class="page-scroll">
                        <a href="#portfolio">Portfolio</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#about">About</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#contact">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- Header -->
    <header>
        <div class="container" id="maincontent" tabindex="-1">
            <div class="row">
                <div class="col-lg-12">
                    <img class="img-responsive" src="img/selfie.png" alt="me">
                    <div class="intro-text">
                        <h1 class="name"><NAME></h1>
                        <hr class="star-light">
                        <span class="skills">Game Developer</span>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- Portfolio Grid Section -->
    <section id="portfolio">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Portfolio</h2>
                    <hr class="star-primary">
					<h2>Click On Each Picture To See More!</h2>
                </div>
            </div>
            <div style="padding-bottom:20px;"></div>
            <div class="row">
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/HoboHotboxSoccer.PNG" class="img-responsive" alt="HoboHotboxSoccer">
                    </a>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/CitronUltraCover.PNG" class="img-responsive" alt="Slice of cake">
                    </a>
                </div>
				
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/AirbusDef.gif" class="img-responsive" alt="Airbus">
                    </a>
                </div>
				
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/LevArt.png" class="img-responsive" alt="Game controller">
                    </a>
                </div>
				
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal5" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/Mech.png" class="img-responsive" alt="Coming Soon">
                        
                        
                    </a>
                </div>
				
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal6" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/Forge2.png" class="img-responsive" alt="Submarine">
                    </a>
                </div>

                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal7" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/TitleScreen.PNG" class="img-responsive" alt="TitleScreen">
                    </a>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal8" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/FoxStar.PNG" class="img-responsive" alt="TitleScreen">
                    </a>
                </div>
                <!--
                <div class="col-sm-4 portfolio-item">
                    <a href="#portfolioModal6" class="portfolio-link" data-toggle="modal">
                        <div class="caption">
                            <div class="caption-content">
                                <i class="fa fa-search-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/submarine.png" class="img-responsive" alt="Submarine">
                    </a>
                </div>
            -->
            </div>
        </div>
    </section>

    <!-- About Section -->
    <section class="success" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>About</h2>
                    <hr class="star-light">
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-lg-offset-2">
                    <p>Hello, my name is <NAME>. I am a Game Development Graduate of Marshall University. 
					I transferred from Computer Science at West Virginia University. 
					I specialize in Gameplay coding but have experience in 3D modeling and animation as well as pixel art.</p>
                </div>
                <div class="col-lg-4">
                    <p>Marshall has also trained me to be a well rounded student that is trained in not just Game Programming 
					but everyday programming as well being a Graduate from the Computer Information Technology Major.</p>
                </div>
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <a href="https://drive.google.com/open?id=1cwIKCfSqV5jWnK5o5qtqACPWQj50q_jX" target = "_blank" class="btn btn-lg btn-outline">
                        <i class="fa fa-download"></i> Resume Found Here!
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- Contact Section -->
    <section id="contact">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Contact Me</h2>
                    <hr class="star-primary">
						
						
							<p><EMAIL></p>
						
                </div>
            </div>
            <!--<div class="row">
                 <div class="col-lg-8 col-lg-offset-2">
                    <!-- To configure the contact form email address, go to mail/contact_me.php and update the email address in the PHP file on line 19. -->
                    <!-- The form should work on most web servers, but if the form is not working you may need to configure your web server differently. 
                    <form name="sentMessage" id="contactForm" novalidate>
                        <div class="row control-group">
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <label for="name">Name</label>
                                <input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <div class="row control-group">
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <label for="email">Email Address</label>
                                <input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <div class="row control-group">
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <label for="phone">Phone Number</label>
                                <input type="tel" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number.">
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <div class="row control-group">
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <label for="message">Message</label>
                                <textarea rows="5" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <br>
                        <div id="success"></div>
                        <div class="row">
                            <div class="form-group col-xs-12">
                                <button type="submit" class="btn btn-success btn-lg">Send</button>
                            </div>
                        </div>
                    </form>
                </div> 
            </div> -->
        </div>
    </section>

    <!-- Footer -->
    <footer class="text-center">
        <div class="footer-above">
            <div class="container">
                <div class="row">
                    <div class="footer-col col-md-4">
                        <h3>Location</h3>
                        <p>2085 1/2 U.S. Highway 60
                            <br>Culloden, WV 25510</p>
                    </div>
                    <div class="footer-col col-md-4">
                        <h3>Around the Web</h3>
                        <ul class="list-inline">
                            <li>
                                <a href="https://www.facebook.com/cameron.asbury" class="btn-social btn-outline"><span class="sr-only">Facebook</span><i class="fa fa-fw fa-facebook"></i></a>
                            </li>
                            <!-- <li>
                                <a href="#" class="btn-social btn-outline"><span class="sr-only">Google Plus</span><i class="fa fa-fw fa-google-plus"></i></a>
                            </li> -->
                            <li>
                                <a href="https://twitter.com/TexturedGuppy" class="btn-social btn-outline"><span class="sr-only">Twitter</span><i class="fa fa-fw fa-twitter"></i></a>
                            </li>
                            <li>
                                <a href="https://www.linkedin.com/in/cameron-asbury-5bba0878/" class="btn-social btn-outline"><span class="sr-only">Linked In</span><i class="fa fa-fw fa-linkedin"></i></a>
                            </li>
                            <!-- <li>
                                <a href="#" class="btn-social btn-outline"><span class="sr-only">Dribble</span><i class="fa fa-fw fa-dribbble"></i></a>
                            </li> -->
                        </ul>
                    </div>
                    <div class="footer-col col-md-4">
                        <h3>Website Theme!</h3>
                        <p>Freelance is a free to use, open source Bootstrap theme created by <a href="http://startbootstrap.com">Start Bootstrap</a>.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-below">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        Copyright &copy; TexturedGuppy.github.io
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
    <div class="scroll-top page-scroll hidden-sm hidden-xs hidden-lg hidden-md">
        <a class="btn btn-primary" href="#page-top">
            <i class="fa fa-chevron-up"></i>
        </a>
    </div>

    <!-- Portfolio Modals -->
    <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2>Hobo Hotbox Soccer</h2>
                            <hr class="star-primary">
							<h2>Made in Unity!</h2>
							<iframe width="720" height="480" src="https://www.youtube.com/embed/-WhgPOvFbg4" frameborder="0" allowfullscreen></iframe>
                            <!-- <img src="img/portfolio/HoboHotboxSoccer.PNG" class="img-responsive img-centered" alt=""> -->
                            <p>This is Hobo Hotbox Soccer! Final Project as a group with 
							<a href="https://scuhooper.github.io/JamesKeeling/"><NAME></a> and 
							<a href="http://www.devdump.me/"><NAME></a>.  
							Cory did all of the art assets for our game while James and I did all of the gameplay programming for the game.
							The game is a small sports game where two Hobos battle it out in a back alley somewhere to a friendly game of soccer.
							There are drugs used for power ups to give the players various powerups. 
							Game has fully customizable controls, volume, and resolution through the menu.</p>
                            <ul class="list-inline item-details">
                                <li>
                                    <strong><a href="https://github.com/TexturedGuppy/HoboHotboxSoccer">Clone The Repo and Play Here!</a>
                                    </strong>
                                </li>
                                <!-- <li>Date:
                                    <strong><a href="http://startbootstrap.com">April 2014</a>
                                    </strong>
                                </li>
                                <li>Service:
                                    <strong><a href="http://startbootstrap.com">Web Development</a>
                                    </strong>
                                </li> -->
                            </ul>
                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2>Citron Ultra</h2>
                            <hr class="star-primary">
							<h2>Made in Unity!</h2>
                            <!-- <img src="img/portfolio/cake.png" class="img-responsive img-centered" alt=""> -->
							<iframe width="720" height="480" src="https://www.youtube.com/embed/LmySKoj2n1E" frameborder="0" allowfullscreen></iframe>
                            <p>In the far off future humans are slowly becoming zombies! 
							The only way to free them from this pained existence is to shoot cans of flavored monster at them until their hearts explode! Vile will save us from our cruel fate!
							This is basically just a small demo, this was a project I created for class. This game will never go any further, for obvious copyright reasons.</p>
                            <ul class="list-inline item-details">
									<li>
										<strong><a href="https://github.com/TexturedGuppy/CitronUltra">Clone The Repo and Play Here!</a>
										</strong>
									</li>
                               <!--  <li>Client:
                                    <strong><a href="http://startbootstrap.com">Start Bootstrap</a>
                                    </strong>
                                </li>
                                <li>Date:
                                    <strong><a href="http://startbootstrap.com">April 2014</a>
                                    </strong>
                                </li>
                                <li>Service:
                                    <strong><a href="http://startbootstrap.com">Web Development</a>
                                    </strong>
                                </li> -->
                            </ul>
                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2>Airbus Defender</h2>
                            <hr class="star-primary">
							<h2>Made in Unity!</h2>
                            <iframe width="720" height="480" src="https://www.youtube.com/embed/RsicJkMk0Pg" frameborder="0" allowfullscreen></iframe>
                            <p>This is an Asteroid Clone we were tasked with creating for class. Has coroutines for spawning asteroids, lives for the player, a score counter, and powerups to grab.</p>
                            <ul class="list-inline item-details">
                                <li>
										<strong><a href="https://github.com/TexturedGuppy/AirbusDefender">Clone The Repo and Play Here!</a>
										</strong>
									</li>
                            </ul>
                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2>Levantera: Tale of The Winds</h2>
                            <hr class="star-primary">
                            <iframe width="720" height="480" src="https://www.youtube.com/embed/aIkYtXp8_kI" frameborder="0" allowfullscreen></iframe>
                            <p>I am a Developer at <a href="http://lassogames.com/lasso/">Lasso Games</a> where I do design and development work on Levantera: Tale of The Winds. Among many other things.  Game is slated for an Early Access Release soon!</p>
                            <ul class="list-inline item-details">
                                <li>
										<strong><a href="https://lassogames.itch.io/levantera-tale-of-the-winds">Download and Play the Public Alpha Here!</a>
                                        </strong><br>
                                        <strong><a href="http://store.steampowered.com/app/506700/Levantera_Tale_of_The_Winds/">Check out the steam page here!</a>
										</strong>
									</li>
                            </ul>
                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2>Mad Cat Mech 3D Model</h2>
                            <hr class="star-primary">
                            <img src="img/portfolio/Mech2.png" style="float: left; width: 50%; margin-bottom: 0.5em;" alt="Coming Soon">
                            <img src="img/portfolio/Mech3.png" style="float: left; width: 50%; margin-bottom: 0.5em;" alt="Coming Soon">
                            <img src="img/portfolio/Mech1.png" style="float: left; width: 50%; margin-bottom: 0.5em;" alt="Coming Soon">
                            <img src="img/portfolio/Mech.png" style="float: left; width: 50%; margin-bottom: 0.5em;" alt="MECH">
                            
                            <p>Model done for my 3D modeling course at Marshall University</p>
                            <ul class="list-inline item-details">
                                    <strong><a href="mech.html">Check out the Mech in My 3D Model Viewer (No Textures)</a>
                                    </strong>
                            </ul>
                            <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2>Blacksmith's Shop 3D Model</h2>
                            <hr class="star-primary">
                            <div style = "background-color:black;">
                            <a href="img/portfolio/Forge2.png" target = "_blank"><img src="img/portfolio/Forge2.png" style="float: left; width: 100%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/Forge.png" target = "_blank"><img src="img/portfolio/Forge.png" style="float: left; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/Forge3.png" target = "_blank"><img src="img/portfolio/Forge3.png" style="float: left; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/Forge4.png" target = "_blank"><img src="img/portfolio/Forge4.png" style="float: left; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/Forge5.png" target = "_blank"><img src="img/portfolio/Forge5.png" style="float: left; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/Forge6.png" target = "_blank"><img src="img/portfolio/Forge6.png" style="float: left; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/Forge7.png" target = "_blank"><img src="img/portfolio/Forge7.png" style="float: left; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/Forge8.png" target = "_blank"><img src="img/portfolio/Forge8.png" style="float: left; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/Forge9.png" target = "_blank"><img src="img/portfolio/Forge9.png" style="float: left; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/Forge10.png" target = "_blank"><img src="img/portfolio/Forge10.png" style="float: left; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            </div>                            
                            <p>Models done for my 3D modeling course at Marshall University most compiled into one scene.</p>
                            <ul class="list-inline item-details">
                                <strong><a href="forge.html">Check out the Blacksmith's Shop in My 3D Model Viewer (No Textures)</a>
                                </strong>
                                
                            </ul>
                            <button id="btnSubmit" type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="portfolio-modal modal fade" id="portfolioModal7" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2>3D Marshall University Tour</h2>
                            <hr class="star-primary">
                            <p>Click Each Picture to Blow it up!</p>
                            <div style = "background-color:black;">
                            <a href="img/portfolio/TitleScreen.PNG" target = "_blank"><img src="img/portfolio/TitleScreen.PNG"    style="float: left; height:100%; width: 100%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/PlayMapInGame2.PNG" target = "_blank"><img src="img/portfolio/PlayMapInGame2.PNG" style="float: left; height:100%; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/PlayMapInGame3.PNG" target = "_blank"><img src="img/portfolio/PlayMapInGame3.PNG" style="float: left; height:100%; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/TestMap.PNG" target = "_blank"><img src="img/portfolio/TestMap.PNG"        style="float: left; height:100%; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/TestMap2.PNG" target = "_blank"><img src="img/portfolio/TestMap2.PNG"       style="float: left; height:100%; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/PlayMap.PNG" target = "_blank"><img src="img/portfolio/PlayMap.PNG"        style="float: left; height:100%; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/PlayMap2.PNG" target = "_blank"><img src="img/portfolio/PlayMap2.PNG"       style="float: left; height:100%; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/PlayMap3.PNG" target = "_blank"><img src="img/portfolio/PlayMap3.PNG"       style="float: left; height:100%; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/PlayMap4.PNG" target = "_blank"><img src="img/portfolio/PlayMap4.PNG"       style="float: left; height:100%; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            <a href="img/portfolio/PlayMapInGame.PNG" target = "_blank"><img src="img/portfolio/PlayMapInGame.PNG"  style="float: left; height:100%; width: 33%; margin-bottom: 0.5em;" alt="Coming Soon"></a>
                            </div>                            
                            <p>Group Mate <NAME> and I set out to make a simulation of sorts, that involved making a 3D model of the campus that prospective students or current students
                                could use to explore campus. This Project was all done in the Unreal Engine along with tools such as Maya and Sketchup. Special Thanks to Sketchup Artist <a href="https://3dwarehouse.sketchup.com/user/1459191453641649819450950/sintsusha?nav=models">Sintsusha</a>.
                                Textures obtainined with a DJI phantom drone graciously loaned to use by <NAME>shall University Computer Information Technology Chair.

                            </p>
                            <ul class="list-inline item-details">
                                <strong>
                                </strong>
                                
                            </ul>
                            <button id="btnSubmit" type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--
    <div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-content">
            <div class="close-modal" data-dismiss="modal">
                <div class="lr">
                    <div class="rl">
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <h2>Blacksmith's Shop 3D Model</h2>
                            <hr class="star-primary">
{'fraction_non_alphanumeric': 0.13930262837847504, 'fraction_numerical': 0.01201871485599004, 'mean_word_length': 1.3146112067823552, 'pattern_counts': {'":': 0, '<': 1551, '<?xml version=': 0, '>': 1547, 'https://': 35, 'lorem ipsum': 0, 'www.': 14, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 86, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5056170', 'n_tokens_mistral': 19698, 'n_tokens_neox': 17925, 'n_words': 4208}