index.html

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

<head>

    
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-PWT79N1EXE"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
    
      gtag('config', 'G-PWT79N1EXE');
    </script>


    <!-- Basic Page Needs
    ================================================== -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>Ubaid Ur Rehman - Senior Unity Developer</title>

    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="keywords" content="">

    <!-- Mobile Specific Metas
    ================================================== -->
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes" />

    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">

    <!-- Favicon
    ================================================== -->
    <!-- <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicon.png"> -->

    <!-- Stylesheets
    ================================================== -->
    <!-- Bootstrap core CSS -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="assets/css/style.css" rel="stylesheet">
    <link href="assets/css/responsive.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[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>

    <header id="masthead" class="site-header" data-anchor-target=".hero"
        data-top="background: rgba(255,255,255,0); padding: 30px 0; box-shadow: 0px 0px 20px 6px rgba(0, 0, 0, 0);"
        data-top-bottom="background: rgba(255,255,255,1); padding: 10px 0; box-shadow: 0px 0px 20px 6px rgba(0, 0, 0, 0.2);">
        <nav id="primary-navigation" class="site-navigation">
            <div class="container">
                <div class="navbar-header page-scroll">

                    <button type="button" class="navbar-toggle collapsed" data-target="#portfolio-perfect-collapse"
                        aria-expanded="false">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>

                    <!-- <a href="#hero" class="site-logo"><img src="assets/img/logo.png" alt="logo"></a> -->

                </div><!-- /.navbar-header -->

                <div class="main-menu" id="portfolio-perfect-collapse">

                    <ul class="nav navbar-nav navbar-right">

                        <li class="page-scroll"><a href="#hero">Home</a></li>
                        <li class="page-scroll"><a href="#about">About</a></li>
                        <li class="page-scroll"><a href="#service">Service</a></li>
                        <li class="page-scroll"><a href="#portfolio">Portfolio</a></li>
                        <li class="page-scroll"><a href="#contact">Contact</a></li>

                    </ul><!-- /.navbar-nav -->

                </div><!-- /.navbar-collapse -->

            </div>
        </nav><!-- /.primary-navigation -->
    </header><!-- /#header -->

    <div id="hero" class="hero">
        <div class="container">
            <div class="row">

                <div class="col-md-6">
                    <h1>Ubaid Ur Rehman</h1>
                    <div class="page-scroll">
                        <p class="job-title">Senior Unity Developer</p>
                        <a href="#contact" class="btn btn-fill ">Hire me</a>
                        <div class="clearfix visible-xxs"></div>
                        <a href="#portfolio" class="btn btn-border">Explore more</a>
                    </div>
                </div>

                <div class="col-md-6 text-right">
                    <img src="assets/img/Ubi.png" alt="alex-vidal">
                </div>

            </div>
        </div>
    </div><!-- /.hero -->

    <main id="main" class="site-main">

        <section id="about" class="site-section section-about text-center">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-md-offset-3">
                        <h2>About</h2>
                        <img src="assets/img/lines.svg" class="img-lines" alt="lines">
                        <p>Hello! I'm Ubaid, a unity game developer, gaming enthusiast, and a guy obsessed with
                            learning and excelling in the field of GameDev. Also I'm a founder of URNA. I’m
                            currently working as a Backend Game Developer at Definity Legend but I am always on
                            a hunt on finiding more projects that enables me todo more. If you have a project that
                            you want to get started or think you need my help with something, then get in touch.</p>
                        <a href="/CV.pdf" class="btn btn-fill" target="_blank" download>Download
                            my cv</a>
                    </div>
                </div>
            </div>
        </section><!-- /.secton-about -->

        <section class="site-section section-skills">
            <div class="container">
                <div class="text-center">
                    <h3>My Skills</h3>
                    <img src="assets/img/lines.svg" class="img-lines" alt="lines">
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="skill">
                            <h4>UNITY</h4>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" data-transitiongoal="85"></div>
                                <!-- /.progress-bar -->
                            </div><!-- /.progress -->
                        </div><!-- /.skill -->
                        <div class="skill">
                            <h4>ADOBE ILLUSTRATOR</h4>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" data-transitiongoal="70"></div>
                                <!-- /.progress-bar -->
                            </div><!-- /.progress -->
                        </div><!-- /.skill -->
                    </div>
                    <div class="col-md-4">
                        <div class="skill">
                            <h4>C#</h4>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" data-transitiongoal="89"></div>
                                <!-- /.progress-bar -->
                            </div><!-- /.progress -->
                        </div><!-- /.skill -->
                        <div class="skill">
                            <h4>ADOBE PHOTOSHOP</h4>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" data-transitiongoal="70"></div>
                                <!-- /.progress-bar -->
                            </div><!-- /.progress -->
                        </div><!-- /.skill -->
                    </div>
                    <div class="col-md-4">

                        <div class="skill">
                            <h4>VERSION CONTROL</h4>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" data-transitiongoal="70"></div>
                                <!-- /.progress-bar -->
                            </div><!-- /.progress -->
                        </div><!-- /.skill -->
                        <div class="skill">
                            <h4>MAYA</h4>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" data-transitiongoal="60"></div>
                                <!-- /.progress-bar -->
                            </div><!-- /.progress -->
                        </div><!-- /.skill -->
                    </div>
                </div>
            </div>
        </section><!-- /.secton-skills -->

        <section id="service" class="site-section section-services overlay text-center">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h3>What i do</h3>
                        <img src="assets/img/lines.svg" class="img-lines" alt="lines">
                    </div>
                    <div class="col-sm-4">
                        <div class="service">
                            <img src="assets/img/front-end.svg" alt="Front End Developer">
                            <h4>Unity Engine</h4>
                            <p>As a unity game developer, I have more than two years of working experience in C#.
                            </p>
                        </div><!-- /.service -->
                    </div>
                    <div class="col-sm-4">
                        <div class="service">
                            <img src="assets/img/back-end.svg" alt="Back End Developer">
                            <h4>Back-end</h4>
                            <p>Utilising unity networking and REST APIs I have devloped a portal system to store
                                user's game progress.</p>
                        </div><!-- /.service -->
                    </div>
                    <div class="col-sm-4">
                        <div class="service">
                            <img src="assets/img/consultancy.svg" alt="Coding">
                            <h4>Consultancy</h4>
                            <p>As well as providing development services, I can also help you decide strategic
                                roadmaps and effective optimization techniques via consultancy services.</p>
                        </div><!-- /.service -->

                    </div>
                </div>
            </div>
        </section><!-- /.secton-services -->

        <section id="portfolio" class="site-section section-portfolio">
            <div class="container">
                <div class="text-center">
                    <h3>My recent Works</h3>
                    <img src="assets/img/lines.svg" class="img-lines" alt="lines">
                </div>

                <section id="portfolio" class="site-section section-portfolio">
                    <div class="container">
                        <div class="col-md-4 col-xs-6">
                            <div class="portfolio-item">
                                <!-- <video width="320" height="240" autoplay>
                                    <source src="Dicast.mp4" type="video/mp4">
                                </video> -->
                                <img src="assets/img/dicast.png" class="img-res" alt="">
                                <div class="portfolio-item-info">
                                    <h4>Multiplayer Dice Cast AKA Dicast</h4>
                                    <a href="Dicast.mp4"><span class="glyphicon glyphicon-film"></span></a>
                                </div><!-- /.portfolio-item-info -->
                            </div><!-- /.portfolio-item -->

                        </div>
                        <div class="col-md-4 col-xs-6">
                            <div class="portfolio-item">
                                <!--   <video width="320" height="240" autoplay>
                                    <source src="/HoloVideo.mp4" type="video/mp4">
                                </video> -->
                                <img src="assets/img/Hololens.png" class="img-res" alt="">
                                <div class="portfolio-item-info">
                                    <h4>Mixed Reality Project</h4>
                                    <a href="./HoloVideo.mp4"><span class="glyphicon glyphicon-film"></span></a>
                                </div><!-- /.portfolio-item-info -->
                            </div><!-- /.portfolio-item -->

                        </div>
                        <div class="col-md-4 col-xs-6">
                            <div class="portfolio-item">
                                <!--  <video width="320" height="240" autoplay>
                                    <source src="/VRGame.mp4" type="video/mp4">
                                </video> -->
                                <img src="assets/img/VR.png" class="img-res" alt="">

                                <div class="portfolio-item-info">
                                    <h4>VR Game</h4>

                                    <a href="./VRGame.mp4"><span class="glyphicon glyphicon-film"></span></a>
                                </div><!-- /.portfolio-item-info -->
                            </div><!-- /.portfolio-item -->

                        </div>


                        <div class="container">
                            <div class="container">

                                <div class="row">
                                    <div class="col-md-4 col-xs-6">
                                        <div class="portfolio-item">
                                            <img src="assets/img/DogeBall.png" class="img-res" alt="">
                                            <div class="portfolio-item-info">
                                                <h4>Space Ball</h4>
                                                <a href="#" data-toggle="modal" data-target="#portfolioItem1"><span
                                                        class="glyphicon glyphicon-eye-open"></span></a>
                                                <a href="./spaceBall.mp4"><span
                                                        class="glyphicon glyphicon-film"></span></a>
                                            </div><!-- /.portfolio-item-info -->
                                        </div><!-- /.portfolio-item -->
                                    </div>
                                    <div class="col-md-4 col-xs-6">
                                        <div class="portfolio-item">
                                            <img src="assets/img/Gladiators.png" class="img-res" alt="">
                                            <div class="portfolio-item-info">
                                                <h4>Gladiators</h4>
                                                <a href="#" data-toggle="modal" data-target="#portfolioItem2"><span
                                                        class="glyphicon glyphicon-eye-open"></span></a>
                                                <a href="#"><span class="glyphicon glyphicon-link"></span></a>
                                            </div><!-- /.portfolio-item-info -->
                                        </div><!-- /.portfolio-item -->
                                    </div>
                                    <div class="col-md-4 col-xs-6">
                                        <div class="portfolio-item">
                                            <img src="assets/img/ConsequencesGame.png" class="img-res" alt="">
                                            <div class="portfolio-item-info">
                                                <h4>Consequences Game</h4>
                                                <a href="#" data-toggle="modal" data-target="#portfolioItem3"><span
                                                        class="glyphicon glyphicon-eye-open"></span></a>
                                                <a href="#"><span class="glyphicon glyphicon-link"></span></a>
                                            </div><!-- /.portfolio-item-info -->
                                        </div><!-- /.portfolio-item -->
                                    </div>
                                    <div class="col-md-4 col-xs-6">
                                        <div class="portfolio-item">
                                            <img src="assets/img/DesertRacing.png" class="img-res" alt="">
                                            <div class="portfolio-item-info">
                                                <h4>Desert Racing</h4>
                                                <a href="#" data-toggle="modal" data-target="#portfolioItem4"><span
                                                        class="glyphicon glyphicon-eye-open"></span></a>
                                                <a href="#"><span class="glyphicon glyphicon-link"></span></a>
                                            </div><!-- /.portfolio-item-info -->
                                        </div><!-- /.portfolio-item -->
                                    </div>
                                    <div class="col-md-4 col-xs-6">
                                        <div class="portfolio-item">
                                            <img src="assets/img/ArmyCounterTerroristAttack.png" class="img-res" alt="">
                                            <div class="portfolio-item-info">
                                                <h4>Army Counter Terrorist Attack</h4>
                                                <a href="#" data-toggle="modal" data-target="#portfolioItem5"><span
                                                        class="glyphicon glyphicon-eye-open"></span></a>
                                                <a href="#"><span class="glyphicon glyphicon-link"></span></a>
                                            </div><!-- /.portfolio-item-info -->
                                        </div><!-- /.portfolio-item -->
                                    </div>
                                    <div class="col-md-4 col-xs-6">
                                        <div class="portfolio-item">
                                            <img src="assets/img/WordWizardPuzzle.png" class="img-res" alt="">
                                            <div class="portfolio-item-info">
                                                <h4>Word Wizard Puzzle</h4>
                                                <a href="#" data-toggle="modal" data-target="#portfolioItem6"><span
                                                        class="glyphicon glyphicon-eye-open"></span></a>
                                                <a href="#"><span class="glyphicon glyphicon-link"></span></a>
                                            </div><!-- /.portfolio-item-info -->
                                        </div><!-- /.portfolio-item -->
                                    </div>
                                    <div class="col-md-4 col-xs-6">
                                        <div class="portfolio-item">
                                            <img src="assets/img/HayDay.png" class="img-res" alt="">
                                            <div class="portfolio-item-info">
                                                <h4>Hay Day</h4>
                                                <a href="#" data-toggle="modal" data-target="#portfolioItem7"><span
                                                        class="glyphicon glyphicon-eye-open"></span></a>
                                                <a href="#"><span class="glyphicon glyphicon-link"></span></a>
                                            </div><!-- /.portfolio-item-info -->
                                        </div><!-- /.portfolio-item -->
                                    </div>
                                    <br />
                                    <br />
                                    <br />
                                </div>
                            </div>
                        </div>


                        <br />


                        <div class="container">
                            <div class="text-center">
                                <h3>Personal Projects</h3>
                                <img src="assets/img/lines.svg" class="img-lines" alt="lines">
                            </div>
                            <div class="row">
                                <div class="col-md-4 col-xs-6">
                                    <div class="portfolio-item">
                                        <img src="assets/img/HelpBirdFly.png" class="img-res" alt="">
                                        <div class="portfolio-item-info">
                                            <h4>Help Bird Fly</h4>
                                            <a href="#" data-toggle="modal" data-target="#portfolioItem11"><span
                                                    class="glyphicon glyphicon-eye-open"></span></a>
                                            <a
                                                href="https://play.google.com/store/apps/details?id=com.helpbirdfly.urna"><span
                                                    class="glyphicon glyphicon-link"></span></a>
                                        </div><!-- /.portfolio-item-info -->
                                    </div><!-- /.portfolio-item -->
                                </div>
                                <div class="col-md-4 col-xs-6">
                                    <div class="portfolio-item">
                                        <img src="assets/img/ballbalancer.png" class="img-res" alt="">
                                        <div class="portfolio-item-info">
                                            <h4>Ball Balance Adventure</h4>
                                            <a href="#" data-toggle="modal" data-target="#portfolioItem19"><span
                                                    class="glyphicon glyphicon-eye-open"></span></a>
                                            <a
                                                href="https://play.google.com/store/apps/details?id=com.URNA.BallBalanceAdventure"><span
                                                    class="glyphicon glyphicon-link"></span></a>
                                        </div><!-- /.portfolio-item-info -->
                                    </div><!-- /.portfolio-item -->
                                </div>

                                <div class="col-md-4 col-xs-6">
                                    <div class="portfolio-item">
                                        <img src="assets/img/ArmWrestle.png" class="img-res" alt="">
                                        <div class="portfolio-item-info">
                                            <h4>Arm Wrestle Multiplayer</h4>
                                            <a href="#" data-toggle="modal" data-target="#portfolioItem20"><span
                                                    class="glyphicon glyphicon-eye-open"></span></a>
                                            <a href="https://play.google.com/store/apps/details?id=com.URNA.ArmWrestle"><span
                                                    class="glyphicon glyphicon-link"></span></a>
                                        </div><!-- /.portfolio-item-info -->
                                    </div><!-- /.portfolio-item -->
                                </div>

                                <div class="col-md-4 col-xs-6">
                                    <div class="portfolio-item">
                                        <img src="assets/img/HangADoodle.png" class="img-res" alt="">
                                        <div class="portfolio-item-info">
                                            <h4>Hang A Doodle - Word Puzzle</h4>
                                            <a href="#" data-toggle="modal" data-target="#portfolioItem21"><span
                                                    class="glyphicon glyphicon-eye-open"></span></a>
                                            <a
                                                href="https://play.google.com/store/apps/details?id=com.URNA.HangADoodle.WordPuzzle"><span
                                                    class="glyphicon glyphicon-link"></span></a>
                                        </div><!-- /.portfolio-item-info -->
                                    </div><!-- /.portfolio-item -->
                                </div>

                                <div class="col-md-4 col-xs-6">
                                    <div class="portfolio-item">
                                        <img src="assets/img/CarParkingSim.png" class="img-res" alt="">
                                        <div class="portfolio-item-info">
                                            <h4>Car Parking Sim - Park & Drive</h4>
                                            <a href="#" data-toggle="modal" data-target="#portfolioItem22"><span
                                                    class="glyphicon glyphicon-eye-open"></span></a>
                                            <a
                                                href="https://play.google.com/store/apps/details?id=com.URNA.CarParkingSimulatorParkDrive"><span
                                                    class="glyphicon glyphicon-link"></span></a>
                                        </div><!-- /.portfolio-item-info -->
                                    </div><!-- /.portfolio-item -->
                                </div>

                                <div class="col-md-4 col-xs-6">
                                    <div class="portfolio-item">
                                        <img src="assets/img/AmbulanceRush.png" class="img-res" alt="">
                                        <div class="portfolio-item-info">
                                            <h4>Ambulance Rush</h4>
                                            <a href="#" data-toggle="modal" data-target="#portfolioItem12"><span
                                                    class="glyphicon glyphicon-eye-open"></span></a>
                                            <a
                                                href="https://play.google.com/store/apps/details?id=com.URNA.AmbulanceRush"><span
                                                    class="glyphicon glyphicon-link"></span></a>
                                        </div><!-- /.portfolio-item-info -->
                                    </div><!-- /.portfolio-item -->
                                </div>
                                <div class="col-md-4 col-xs-6">
                                    <div class="portfolio-item">
                                        <img src="assets/img/4x4Offroad.png" class="img-res" alt="">
                                        <div class="portfolio-item-info">
                                            <h4>4x4 Offroad</h4>
                                            <a href="#" data-toggle="modal" data-target="#portfolioItem13"><span
                                                    class="glyphicon glyphicon-eye-open"></span></a>
                                            <a
                                                href="https://play.google.com/store/apps/details?id=com.urna.Offraod4x4.suv"><span
                                                    class="glyphicon glyphicon-link"></span></a>
                                        </div><!-- /.portfolio-item-info -->
                                    </div><!-- /.portfolio-item -->
                                </div>
                                <div class="col-md-4 col-xs-6">
                                    <div class="portfolio-item">
                                        <img src="assets/img/StickySniper.png" class="img-res" alt="">
                                        <div class="portfolio-item-info">
                                            <h4>Sticky Sniper</h4>
                                            <a href="#" data-toggle="modal" data-target="#portfolioItem14"><span
                                                    class="glyphicon glyphicon-eye-open"></span></a>
                                            <a href="#"><span class="glyphicon glyphicon-link"></span></a>
                                        </div><!-- /.portfolio-item-info -->
                                    </div><!-- /.portfolio-item -->
                                </div>
                                <div class="col-md-4 col-xs-6">
                                    <div class="portfolio-item">
                                        <img src="assets/img/ZombieApocalypse.png" class="img-res" alt="">
                                        <div class="portfolio-item-info">
                                            <h4>Zombie Apocalypse</h4>
                                            <a href="#" data-toggle="modal" data-target="#portfolioItem15"><span
                                                    class="glyphicon glyphicon-eye-open"></span></a>
                                            <a href="#"><span class="glyphicon glyphicon-link"></span></a>
                                        </div><!-- /.portfolio-item-info -->
                                    </div><!-- /.portfolio-item -->
                                </div>
                                <div class="col-md-4 col-xs-6">
                                    <div class="portfolio-item">
                                        <img src="assets/img/WhiteWalkerSlayer.png" class="img-res" alt="">
                                        <div class="portfolio-item-info">
                                            <h4>White Walker Slayer</h4>
                                            <a href="#" data-toggle="modal" data-target="#portfolioItem16"><span
                                                    class="glyphicon glyphicon-eye-open"></span></a>
                                            <a href="#"><span class="glyphicon glyphicon-link"></span></a>
                                        </div><!-- /.portfolio-item-info -->
                                    </div><!-- /.portfolio-item -->
                                </div>
                            </div>
                        </div>


                </section><!-- /.secton-portfolio -->


                <section class="site-section section-counters text-center">
                    <div class="container">
                        <div class="row">
                            <div class="col-sm-4 col-xs-12">
                                <p class="counter start" data-to="5" data-speed="1000">0</p>
                                <h4>Years Experience</h4>
                            </div>
                            <div class="col-sm-4 col-xs-12">
                                <p class="counter start" data-to="35" data-speed="1000">0</p>
                                <h4>Projects Delivered</h4>
                            </div>
                            <div class="col-sm-4 col-xs-12">
                                <p id="infinity" class="counter" data-from="0" data-to="1" data-speed="1000">0</p>
                                <h4>Seconds on this site!<br>What are you waiting for?</h4>
                            </div>
                        </div>
                    </div>
                </section><!-- /.section-counters -->

                <section id="contact" class="site-section section-form text-center">
                    <div class="container">

                        <h3>Contact</h3>
                        <img src="assets/img/lines.svg" class="img-lines" alt="lines">
                        <form>
                            <div class="row">
                                <div class="col-sm-6">
                                    <input type="text" name="name" class="form-control mt-x-0" placeholder="Name"
                                        required>
                                </div>
                                <div class="col-sm-6">
                                    <input type="email" name="email" class="form-control" placeholder="Email" required>
                                </div>
                                <div class="col-sm-12">
                                    <textarea name="message" id="mesaage" class="form-control" placeholder="Message"
                                        required></textarea>
                                </div>
                            </div>
                            <button href="#" class="btn btn-border" type="submit">Hire Me <span
                                    class="glyphicon glyphicon-send"></span></button>
                        </form>
                    </div>
                </section><!-- /.section-form -->

    </main><!-- /#main -->

    <footer id="colophon" class="site-footer">
        <div class="container">
            <div class="row">
                <div class="col-sm-4 col-xs-12">
                    <a class="icon gplus-bg" href="https://www.linkedin.com/in/iubi/"><i class="icon-linkedin"></i></a>
                </div>
                <div class="col-sm-4 col-sm-offset-0 col-xs-6 col-xs-offset-3">
                    <p class="copyright"><span id="year"></span>. All Rights Reserved</p>
                </div>
                <div class="col-sm-4 col-xs-3">
                    <div class="text-right page-scroll">
                        <a class="icon icon-up-bg" href="#heros"><i class="icon-up"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </footer><!-- /#footer -->

    <!-- Modals -->
    <div id="portfolioItem1" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <img class="img-res" src="assets/img/DogeBall.png" alt="">
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">Space Ball</h4>
                    <p>Space Ball is an AI and a multiplayer game that I had developed from the scratch for a client
                        of Aptechmedia. In Doge Ball we made foos ball game with a theme of extraterrestrial in mind.
                    </p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div id="portfolioItem2" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <img class="img-res" src="assets/img/Gladiators.png" alt="">
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">Gladiators</h4>
                    <p>Gladiators is Aptechmedia's own project that I had revamped from head to toe. A total of 3
                        senior developers had been working on this project before I got my hands on it. I was introduced
                        to several new concepts and have learned alot while understanding the code and implementing my
                        own .</p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div id="portfolioItem3" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <img class="img-res" src="assets/img/ConsequencesGame.png" alt="">
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">Consequences Game</h4>
                    <p>Consequences Game is a childrens behaviour grooming game that was abandoned mid-way by two
                        developers before it had gotten to Aptechmedia.
                        I was given the opportunity to complete the project. </p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div id="portfolioItem4" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <img class="img-res" src="assets/img/DesertRacing.png" alt="">
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">Desert Racing</h4>
                    <p>Desert Racing is a project that I did for a client of my own from Lahore. </p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div id="portfolioItem5" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <img class="img-res" src="assets/img/ArmyCounterTerroristAttack.png" alt="">
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">Counter Terrorist Attack</h4>
                    <p>Counter Terrorist Attack is a shooting game that I debugged for a client of my own from Lahore.
                    </p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div id="portfolioItem6" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <img class="img-res" src="assets/img/WordWizardPuzzle.png" alt="">
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">Word Wizard Puzzle</h4>
                    <p>Word Wizard Puzzle was Aptechmedia's client game project that was completely revamped by a Senior
                        Developer
                        of Aptechmedia and was handed over to me for AD's sdk integration.
                    </p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div id="portfolioItem7" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <img class="img-res" src="assets/img/HayDay.png" alt="">
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">Hay Day</h4>
                    <p>A farming project which I upgraded and debugged from unity 5.5 to unity 2019 and implemetned AD's
                        sdk for a client of my own.
                    </p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->


    <div id="portfolioItem7" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <img class="img-res" src="assets/img/HayDay.png" alt="">
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">Hay Day</h4>
                    <p>A farming project which I upgraded and debugged from unity 5.5 to unity 2019 and implemetned AD's
                        sdk for a client of my own.
                    </p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <div id="portfolioItem11" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <img class="img-res" src="assets/img/HelpBirdFly.png" alt="">
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">Help Bird Fly</h4>
                    <p>Help Bird Fly was the first game that laid down the foundiation of indie development under the
                        titel of URNA which I developed from scratch.
                        Seeing the trend and popularity and simple mechanisim of Flappy Bird lead me to the development
                        of this game.
                    </p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div id="portfolioItem12" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <img class="img-res" src="assets/img/AmbulanceRush.png" alt="">
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">Ambulance Rush</h4>
                    <p>Ambuance Rush was my first game that I developed in the genre of Hyper Casual. Working full time
                        and working
                        on my own project was kind of tough but I managed.
                    </p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div id="portfolioItem13" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <img class="img-res" src="assets/img/4x4Offroad.png" alt="">
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">4x4 Offroad</h4>
                    <p>Being a car addict and racing and offroad gaming enthusiast I have always wanted to develope a
                        game that could
                        give you an experience of real offraoding. Thus developed 4x4 Offroad game. The 3d modeling was
                        done in maya.
                    </p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div id="portfolioItem14" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <img class="img-res" src="assets/img/StickySniper.png" alt="">
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">Sticky Sniper</h4>
                    <p>Carrying on the trend of Hyper Casual genre, Sticky Sniper was my second hyper casual game that I
                        have developed and published recently.
                    </p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div id="portfolioItem15" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <img class="img-res" src="assets/img/ZombieApocalypse.png" alt="">
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">Zombie Apocalypse</h4>
                    <p>Doom being one of the games that got me so addicted that I spent day and night playing it in
                        childhoold, made me to develope a horror game
                        for my Final Year Project and I ended up developeing Zombie Apocalypse.
                    </p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div id="portfolioItem16" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <img class="img-res" src="assets/img/WhiteWalkerSlayer.png" alt="">
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">White Walker Slayer</h4>
                    <p>White Walker Slayer is a hyper casual game which I have developed recently for the Game Jam that
                        was organized by MindStorm Studios.
                    </p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div id="portfolioItem17" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <video width="852" height="480" autoplay muted>
                        <source src="/HoloVideo.mp4" type="video/mp4">
                    </video>
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">Project Demox</h4>
                    <p>Project Demox is a mixed reality project that I have been working on for a client.
                    </p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div id="portfolioItem18" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <video width="852" height="480" autoplay muted>
                        <source src="/VRGame.mp4" type="video/mp4">
                    </video>
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">VR Game</h4>
                    <p>It was a VR Game that I was prototyping for Oculus Quest 2 in SCRUM environment for a client. The
                        idea was to engage the kids in performing simple tasks and completing the task will do something
                        good in the world.
                    </p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div id="portfolioItem18" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <video width="852" height="480" autoplay muted>
                        <source src="/Dicast.mp4" type="video/mp4">
                    </video>
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">Dicast</h4>
                    <p>Dicast was a multiplayer turn base project that I solo developed for a client of Aptechmedia,
                        having 3 modes and AI functionality. If user was unable to find another player, the game will
                        then be played with AI.
                    </p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div id="portfolioItem19" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <img class="img-res" src="assets/img/ballbalancer.png" alt="">
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">Ball Balance Adventure</h4>
                    <p>In my teenage, I use to play a similar game on my xbox and developed it in unity.
                    </p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div id="portfolioItem20" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <img class="img-res" src="assets/img/ArmWrestle.png" alt="">
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">Arm Wrestle Multiplayer</h4>
                    <p>One day I was sitting surfing through the web and came accross an arm wrestling competiton and I
                        thought
                        why not make a game out of it and that's wehn I developed arm wrestle that would let you play
                        with AI or you can play with your friends.
                    </p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <div id="portfolioItem21" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <img class="img-res" src="assets/img/HangADoodle.png" alt="">
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">Hang A Doodle - Word Puzzle</h4>
                    <p>Hang a doodle was a fun puzzle project that I did just to recreate my childhood memories playing
                        Hangaroo from dusk till dawn.
                        In a hang a doodle you guess animals and birs based on hints provided and every wrong guess will
                        put your doodle into danger.
                    </p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->


    <div id="portfolioItem22" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <a class="close" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
                    <img class="img-res" src="assets/img/CarParkingSim.png" alt="">
                </div>
                <div class="modal-body">
                    <h4 class="modal-title">Car Parking Sim - Park & Drive</h4>
                    <p>As being a car enthusiast I decided to develop this parking single player game haivng number of
                        cars.</p>
                </div>
                <div class="modal-footer">
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
    <script src="assets/js/skrollr.min.js"></script>
    <script
        src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-progressbar/0.9.0/bootstrap-progressbar.min.js"></script>
    <script src="assets/js/jquery.countTo.min.js"></script>
    <script src="assets/js/script.js"></script>
    <script>
        window.onload = function () {
            var currentYear = new Date().getFullYear();
            document.getElementById("year").innerHTML = currentYear;
        };
    </script>
</body>

</html>