<!-- This site is built on Bootstrap using the BlackrockDigital Freelancer Bootstrap theme as its basis - @SmartyP -->
<!--
                          ^~_:=ioe!!?%%%$$$$$$$$$$$$$$$$$$$$$$%%%%!!!e*i+_.                         
                   ^_=*?%O$$%?ioee**o**********o-;***************!-=**ee!?%O%o:`                    
                 _$$?!*******e_;***************o_+e**************!_=*********e?Oe^                  
                `O!***********;_e*****e**oooooooooooooooo**e****o*-i***********o$*                  
           `-;=*!&OO&&&&&&&&##O$OO%!*i+;_-______________--;+ie!%OO$####&&&&&&#OO#$o=:~`             
       ~=!O&@@@@@@@@@&$?!eooiioo*e?$#&&@&O?oii__-_-;=+*?O&@&&#$?e*ooiioo*!?$&@@@@@@@@@&Oe+~         
      ^O&@@&&&@@@@%i:---i_:+-______--:=e#@@O`eO=*ei%_*&@@#e=:--_______:+~o---;i%@@@@@#&@@@O`        
       ?@@*;i#@@*e=-__-=;-o_____________-=O$ !o ^i _=_@O+-____________-o__i_-__-?!@@Oi;!@@!         
       i@@@@@@@e ;*_;++-+=________________-?`=.    +~;?-_______________-=+-;+;::! ?@@@@@@@+         
       ^;oO@@@&^ .?~:;;+___________________==        *________________-__-++;:-o= -&@@@$i:`         
          `o@@$   ?_--___-__-;io;_-________-!`-~  ^~`$-________-:io;:-_______--?` `O@@=`            
           ^&@%   =+-______-i??!i%_________;&+i*e;!_*&:_______-;%??=%;-_______;i   %@#`             
            $@O   .*-______-=?????________-%@#o+_:*i&@?-_______;????%:_______-*~  `#@?              
            o@&.  `*-_________+=;-_______-o@&+_____-+&@i-________+=+_________-*.  _&@i              
            -&@o   o--__________________-i&#;________+&&+--__________________-i_  !@&~              
            `?@&~  =o-_________________-o@#;__________;#@i-_____-______________= _&@e               
             ~#@O^ ?:________________-:%@$:____________:O@?:-__-______________-o-#@O^               
              -#@#i%-______________-:!@@e________________!@@e:-_______________-e@@O~                
               .!@@#*;---____---_+*O@@?;______-:;;:______-;%@@$*+_---____---+*#@@e^                 
              .:_*##@@&O%!ee!?$#@@@#e:______;ooiio!?________;!#@@@#$?!ee!%O&@@&e!~:__.              
          -::;-^`ee-+o!%O##&#O$?ei;-______-i+-________________-;ie%$O#&##O%!o+-;i:~^^-;::-          
       -;;~^^.__-?o_:_________-____________:____+i_________________-_____-____i*` ~___~^^~;;-       
    ^;;-`__--~   +!o_________________________-io~^=o__________________________-oi     ^-__-`~;;^    
    *.^.;;::~-_^ -%:___;++;_________________-*o`   oo_______________:;;;:_______$_  ^_-~_:;;.^.*    
     ~~__:~^~=.i~_^:=+=+ii+=::______________;O`    _$-_______________i%!o+____+=:._~i.=~^~___~~     
          _+_;.i      :o+==+;______________-*?     +$-______________;:_i_=::::      i~+_=_          
          `:-_=^     ^i:=+:_________________+#^   `$o__________________:;==__=^ `   ^=_-:`          
               _*:___+______________________-$+   ~&:-i:_________________-=i__+___;:-               
               ^O____________________________oi   -&::!-__________________=:_____;&~                
               ^#___________________________-?~   ^O*%:___________________________&-                
               ^&;__-__;;;:__-______________+o+    _&+______________-______-_____+O`                
               `&eie!!!ee!??$$?ei:-__________:%`   %?-__________:ie?%%%%%%??!*=:-i#`                
               ^%*+;;;;;;;;;;;+ie%O!+________-&-   $O_________i%?*=;;;;;;;;;;=*!?!&;                
               =i;;;;;=iiii=;;;;;;;o%$=_______#=   =&i____-_=!o;;;;;;;;;;;;;;;;;;+oe*^              
               i++i+=+;_-~-_+i**+;;;;i%?++;__-&*   `#%-;oo*?i;;;;+o**o===++=io**=;;;o_              
               ^o?!eoio*%OO!o;-_%%=;;;;+*ioe?!#o    *O!o++=;;+*?O#O$_^-+*?O$?*iio!?i*^              
               +eo*e*o=_` .;!OOOOO#?=;;;;;;;;+O+   ;$+;;;;+e%#O####OO#O#*:^ ^:=**e**!-              
           ^__;++=io?OOO#%o:_OO####O#$?!!*=;;;$+   :$;;+*%#O##########O%-;*$#O#$!oi+++:__`          
          =i_=:=+;-   ~=?#OOOO########OOOO?e?!$`   `o??e=*%##O#########OOOO#e;^  `_;=+;+:o:         
        .=_+;;+~_+~?==-  *O#########O#!+_:;::~`      .^-::;:_i%##########O#:  _==?^o^_=:+;:=`       
       -i.i`+_ ~= .o iOO?#O#######O#o~+i;`                 .+i__?OO#######OO!OO_ !  o  +-~i^*^      
       e^* _;  *  -+ :O########OO%=_oo.                       _*+_*OO########OO^ e  ^o  o^^o-=      
       e;_ e  -;  ~=  *O###OO#%i_;e=^                           -**_;*OOO#####;  e   *` ~= i-o      
       ;%;.*  ;-  ^o  ~OOO?o;_+e*_                                ^+e*:_=e%OO%`  e   i^  *~i$.      
        _ii;;;ii;++o+;_~~_=*ei_                                      `;*eo;-~-:++o++;*+;;+i=^       
          -========io***i:.                                              `-+o*o*oi=======;^         
                ```                                                               ```               
-->

<!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>@SmartyP - Mobile and Web Developer in Atlanta</title>

    <!-- Bootstrap Core CSS -->
    <!-- <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> -->
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

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

    <!-- Custom Fonts -->
    <!-- <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> -->
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
    <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">

    <!-- 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">@SmartyP</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="#about">About</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#experience">Experience</a>
                    </li>
                    <li class="page-scroll">
                        <a href="#moreinfo">TMI</a>
                    </li>                    
                    <li class="page-scroll">
                        <a href="#recognitions">Recognitions</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">
            <div class="row">
                <div class="col-lg-12">
                    <img class="img-responsive" src="img/profile_circle.png" alt="@SmartyP avatar image">
                    <div class="intro-text">
                        <span class="name">Roger Peters</span>
                        <span class="subname">(aka @SmartyP)</span>
                        <hr class="star-light">
                        <span class="skills">Mobile and Web Developer</span><br/>
                        <span class="skills">Atlanta, GA</span>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- About Section -->
    <section class="portfolio" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>About Me</h2>
                    <hr class="star-primary">
                </div>
            </div>
            <div class="row">
                <div class="col-lg-9">
                    <p>I'm a creative developer in Atlanta with 15+ years of professional experience creating apps and games for desktop, web, and mobile. I'm a coder, a gamer, a widower and father, a hip-hop head, and a craft beer enthusiast.</p>
                </div>
                <!-- <div class="col-lg-3">
                    <p>Find out more about my mobile micro-consultancy:</p>
                    <p>
                    <a href="http://www.allmobileeverything.com" class="btn btn-success btn-lg"><i class="fa fa-globe"></i>&nbsp;AllMobileEverything.com</a>
                    </p>
                </div> -->
                <div class="col-lg-3">
                    <p>Find out more about my personal creations:</p>
                    <p>
                    <a href="http://www.smartypantscoding.com" class="btn btn-success btn-lg"><i class="fa fa-globe"></i>&nbsp;SmartyPantsCoding.com</a><br />
                    </p>
                </div>                
            </div>
        </div>
    </section>

    <!-- Experience Section -->
    <section class="success" id="experience">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Development Experience</h2>
                    <hr class="star-light">
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4 text-center">
                    <i class="fa fa-code-fork fa-5x"></i>
                    <h3>App Dev: 15+ Years</h3>
                </div>                                
                <div class="col-sm-4 text-center">
                    <i class="fa fa-windows fa-5x"></i>
                    <h3>C# / .Net: 13+ Years</h3>
                </div>                
                <div class="col-sm-4 text-center">
                    <i class="fa fa-file-code-o fa-5x"></i>
                    <h3>XAML: 8+ Years</h3>
                </div>                                
            </div>
            <div class="row">
                <div class="col-sm-4 text-center">
                    <i class="fa fa-mobile fa-5x"></i>
                    <h3>Mobile: 8+ Years</h3>
                </div>                
                <div class="col-sm-4 text-center">
                    <i class="fa fa-apple fa-5x"></i>
                    <h3>iOS: 6+ Years</h3>
                </div>                         
                <div class="col-sm-4 text-center">
                    <i class="fa fa-android fa-5x"></i>
                    <h3>Android: 6+ Years</h3>                    
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4 col-sm-offset-2 text-center">
                    <i class="fa fa-rocket fa-5x"></i>
                    <h3>Xamarin: 6+ Years</h3>
                </div>         
                <div class="col-sm-4 text-center">
                    <i class="fa fa-rocket fa-5x"></i>
                    <h3>Unity: 2+ Years</h3>
                </div>
            </div>            
        </div>
    </section>

    <!-- TMI Section -->
    <section class="portfolio" id="moreinfo">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>More Than You Want to Know..</h2>
                    <hr class="star-primary">
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4 portfolio-item">
                    <h3>Current Projects</h3>
                    <ul>
                        <li><a href="http://www.iwantyoutobehappier.com">IWantYouToBeHappier.com</a></li>
                        <li>React.js private project</li>
                    </ul>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <h3>Current Interests</h3>
                    <ul>
                        <li>Single Page Applications (React / Angular)</li> 
                        <li>Mobile (Xamarin)</li>
                        <li>VR (Unity)</li>
                        <li>Smart devices</li>
                        <li>Video games</li>
                    </ul>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <h3>Current Daily Tools</h3>
                    <ul>
                        <li>Chrome</li>
                        <li>VS Code</li>
                        <li>SourceTree</li>
                        <li>Evernote</li>
                        <li>Photoshop</li>
                        <li>Asana</li>
                    </ul>      
                </div>                
                <div class="col-sm-4 portfolio-item">
                    <h3>Current Beer Favorites</h3>
                    <ul>
                        <li>21st Amendment Brew Free or Die! IPA</li>
                        <li>Terrapin Hopsecutioner</li>
                        <li>Sweetwater 420</li>
                        <li>Dogfish 120/90/60 Minute IPAs</li>
                        <li>Ithica Flower Power</li>
                        <li>Brooklyn Monster</li>
                    </ul>
                </div>
                <div class="col-sm-4 portfolio-item">
                    <h3>Recent Games Played</h3>
                    <ul>
                        <li>Joust</li>
                        <li>Tapper</li>    
                        <li>Fallout 76</li>
                        <li>Rage 2</li>
                        <li>Mortal Kombat 11</li>
                        <li>Doom (2016)</li>
                    </ul>                
                </div>                
                <div class="col-sm-4 portfolio-item">
                    <h3>Current Hip-Hop Favorites</h3>
                    <ul>
                        <li>Yelawolf</li>
                        <li>Big Sean</li>
                        <li>Eminem</li>
                        <li>T.I.</li>
                        <li>Drake</li>
                        <li>Mac Miller</li>
                        <li>Fabolous</li>                        
                    </ul>                
                </div>                                
            </div>
        </div>
    </section>    

    <!-- Recognitions Section -->
    <section class="success" id="recognitions">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Recognitions</h2>
                    <hr class="star-light">
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-lg-offset-1 text-center">
                    <img class="img-responsive img-centered" src="img/xamarin_mvp.png" alt="Xamarin MVP badge" />
                    <h3>Xamarin MVP</h3>
                    <strong>2015-<span id="mvpyears">2018</span></strong>
                </div>
                <div class="col-lg-4 col-lg-offset-2 text-center">
                    <img class="img-responsive img-centered" src="img/xamarin_certified.png" alt="Xamarin Certified Mobile Developer badge" />
                    <h3>Xamarin Certified Mobile Developer</h3>
                    <strong>2014-<span id="certyears">2018</span></strong>
                </div>                
            </div>
        </div>
    </section>    

    <!-- Contact Section -->
    <section id="contact">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2>Get in Touch</h2>
                    <hr class="star-primary">
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <p>Got something to say? Know how to form complete sentences? Then get in touch!</p>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <p>&nbsp;</p>
                </div>
            </div>
            
            <!-- contact form -->
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2">
                    <!-- using netlify injected recaptcha, ref: https://docs.netlify.com/forms/spam-filters/#extra-spam-prevention -->
                    <form name='sentMessage' id='contactForm' data-netlify-recaptcha='true' novalidate method='post'><input type='hidden' name='form-name' value='sentMessage' />
                        <div class="row control-group">
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <label>Name</label>

                                <!-- honeypot field, not shown to users (ref: https://docs.netlify.com/forms/spam-filters/#honeypot-field)-->
                                <p class="hidden">
                                    <input name="bot-field" />
                                </p>

                                <input type="text" name="name" 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>Email Address</label>
                                <input type="email" name="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>Message</label>
                                <textarea rows="5" name="message" 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" style="margin-bottom:20px;margin-left:0px;">
                            <div><script src='https://www.google.com/recaptcha/api.js'></script>
<div class='g-recaptcha' data-sitekey='6LdAvUIUAAAAAHjrjmjtNTcXyKm0WKwefLp-dQv9'></div>
<noscript>
  <div>
  <div style="width: 302px; height: 422px; position: relative;">
  <div style="width: 302px; height: 422px; position: absolute;">
  <iframe src="https://www.google.com/recaptcha/api/fallback?k=6LdAvUIUAAAAAHjrjmjtNTcXyKm0WKwefLp-dQv9" frameborder="0" scrolling="no"
    style="width: 302px; height:422px; border-style: none;">
  </iframe>
  </div>
  </div>
  <div style="width: 300px; height: 60px; border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px; right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1; border-radius: 3px;">
    <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response"
      style="width: 250px; height: 40px; border: 1px solid #c1c1c1; margin: 10px 25px; padding: 0px; resize: none;" >
    </textarea>
  </div>
  </div>
</noscript>
</div>
                        </div>
                        <div class="row">
                            <div class="form-group col-xs-12">
                                <button id="btnSubmit" type="submit" class="btn btn-success btn-lg">Send Message</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-6">
                        <h3>Social</h3>
                        <ul class="list-inline">
                            <li>
                                <a href="https://twitter.com/smartyp" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a>
                            </li>
                            <li>
                                <a href="https://www.linkedin.com/in/rogerfpeters" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin"></i></a>
                            </li>
                        </ul>
                    </div>
                    <div class="footer-col col-md-6">
                        <h3>Find Out More</h3>
                        <!-- <p><a href="http://www.allmobileeverything.com">AllMobileEverything.com</a></p> -->
                        <p><a href="http://www.smartypantscoding.com">SmartyPantsCoding.com</a></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-below">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        Copyright &copy; <a href="http://www.smartypantscoding.com">SmartyPantsCoding, LLC</a> <span id="copyrightyear">2016</span>
                    </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>

    <!-- jQuery -->
    <!-- <script src="vendor/jquery/jquery.min.js"></script> -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <!-- <script src="vendor/bootstrap/js/bootstrap.min.js"></script> -->
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

    <!-- Plugin JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

    <!-- Contact Form JavaScript -->
    <script src="js/jqBootstrapValidation.js"></script>
    <script src="js/contact_me.js"></script>

    <!-- Theme JavaScript -->
    <script src="js/freelancer.min.js"></script>

    <!-- Update years to have this year -->
    <!-- <script>document.getElementById('mvpyears').textContent = new Date().getFullYear()</script>
    <script>document.getElementById('certyears').textContent = new Date().getFullYear()</script> -->
    <script>document.getElementById('copyrightyear').textContent = new Date().getFullYear()</script>

</body>

</html>