≺!DOCTYPE html

html lang="en"

head

   ≺!-- Global site tag (gtag.js) - Google Analytics --≻

   script async src="https://www.googletagmanager.com/gtag/js?id=UA-140418508-1"≻≺/script

   script

       window.dataLayer = window.dataLayer || [];

       function gtag(){dataLayer.push(arguments);}

       gtag('js', new Date());

       gtag('config', 'UA-140418508-1');

   ≺/script

   meta charset="utf-8"

   meta http-equiv="X-UA-Compatible" content="IE=edge"

   meta name="viewport" content="width=device-width, initial-scale=1"

   titleArnav Dashaputra≺/title

   ≺!-- FAVICONS--≻

   link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon"

   link rel="icon" href="img/favicon/favicon.ico" type="image/x-icon" ≺!--For masked forwarding--≻

   link rel="icon" sizes="16x16 32x32 64x64" href="img/favicon/favicon.ico"

   link rel="icon" type="image/png" sizes="196x196" href="img/favicon/favicon-192.png"

   link rel="icon" type="image/png" sizes="160x160" href="img/favicon/favicon-160.png"

   link rel="icon" type="image/png" sizes="96x96" href="img/favicon/favicon-96.png"

   link rel="icon" type="image/png" sizes="64x64" href="img/favicon/favicon-64.png"

   link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32.png"

   link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16.png"

   link rel="apple-touch-icon" href="img/favicon/favicon-57.png"

   link rel="apple-touch-icon" sizes="114x114" href="img/favicon/favicon-114.png"

   link rel="apple-touch-icon" sizes="72x72" href="img/favicon/favicon-72.png"

   link rel="apple-touch-icon" sizes="144x144" href="img/favicon/favicon-144.png"

   link rel="apple-touch-icon" sizes="60x60" href="img/favicon/favicon-60.png"

   link rel="apple-touch-icon" sizes="120x120" href="img/favicon/favicon-120.png"

   link rel="apple-touch-icon" sizes="76x76" href="img/favicon/favicon-76.png"

   link rel="apple-touch-icon" sizes="152x152" href="img/favicon/favicon-152.png"

   link rel="apple-touch-icon" sizes="180x180" href="img/favicon/favicon-180.png"

   meta name="msapplication-TileColor" content="#000000"

   meta name="msapplication-TileImage" content="img/favicon/favicon-144.png"

   meta name="msapplication-config" content="img/favicon/browserconfig.xml"

   ≺!-- Bootstrap --≻

   link href="css/bootstrap.min.css" rel="stylesheet"

   link href="ionicons/css/ionicons.min.css" rel="stylesheet"

   link href="css/animate.min.css" rel="stylesheet"

   link href="css/aos.css" rel="stylesheet" ≺!--https://michalsnik.github.io/aos/--≻

   link href="css/style.css" rel="stylesheet"

≺/head

body

   ≺!-- Preloader --≻

   div id="preloader"

       div id="status"

           div class="preloader" aria-busy="true" aria-label="Loading, please wait." role="progressbar"≻≺/div

       ≺/div

       div data-aos-duration="100"

           h6 style="text-align:center;"≻≺font size=1 color=white≻≺i≻≺bthe website may be down, or you may have to enable javascript and refresh.≺/b≻≺/i≻≺/font≻≺/h6

       ≺/div

   ≺!--≺script≻window.stop();≺/script≻--≻

   ≺/div

   ≺!-- ./Preloader --≻

   ≺!-- /header --≻

   header class="navbar-fixed-top" id="header"

       nav

           ul

               li≻≺a href="#about"ABOUT≺/a≻≺/li

               li≻≺a href="#projects"PROJECTS≺/a≻≺/li

               li≻≺a href="#experience"EXPERIENCE≺/a≻≺/li

               li≻≺a href="#contact"CONTACT≺/a≻≺/li

           ≺/ul

       ≺/nav

   ≺/header

   ≺!-- ./header --≻

   ≺!-- home --≻

   div class="gacontainer"≻≺a href="https://www.google.com/analytics"≻≺img class="ga" src="img/images/GA.png" ≻≺/a≻≺/div

   div class="lecontainer"≻≺a href="https://letsencrypt.org/"≻≺img class="le" src="img/images/LE.png" ≻≺/a≻≺/div

   div class="gitcontainer"≻≺a href="https://github.io/"≻≺img class="git" src="img/images/Git.png" ≻≺/a≻≺/div

   div class="section" id="home" data-stellar-background-ratio="0.5"

       canvas id="canvas" onresize="onresize()" width="1000px" height="1000px"≻≺/canvas

       div class="container"

           div class="disply-table"

               div class="table-cell" data-aos="fade-up" data-aos-delay="0"

                   h4≻≺font color="white"≻≺iArnav Dashaputra · Personal Portfolio≺/i≻≺/font≻≺/h4

                   h1≻≺font color="white"Student &br /≻ Web Developer≺/font≻≺/h1

                   canvas id="scroll-canvas" width="75px" height="200px"≻≺/canvas

                   img src="ionicons\fonts\Chevron_down.png" id="chevron_down" height="100px" width="100px"

               ≺/div

           ≺/div

       ≺/div

   ≺/div

   ≺!-- ./home --≻

   ≺!-- audio

   ≺div id="music"≻   

       ≺style≻

           audio {

               background-color: black;

               position: relative;

               width: 100%;

               height: 18px;

               z-index: 1000;

               }

       ≺/style≻               

       ≺audio controls preload="none" loop autoplay≻

           ≺source src="userfiles/music/key.mp3" type="audio/mpeg"≻

       ≺/audio≻

   ≺/div≻

   ./audio --≻

   ≺!-- about --≻

   div class="section" id="about"

       div class="container"

           div class="col-md-6" data-aos="fade-up"

               h401≺/h4≻≺img src="img/images/pichu.gif" align="right" alt="pichuuu uwu"

               h1 class="size-50"≻≺font color="white"About me≺/font≻≺/h1

               div class="h-50"≻≺/div

               p≻≺font color="white"Hello! I am a high school student interested in computer science and programming, robotics, video games, and going to sleep late. ≺/p

               pI enjoy going to local community hacking events and creating short programs to learn more about my interests. Check our my current (and upcoming) projects on this website!≺/font≻≺/p

               p≻≺font color="red"≻≺b≺/b≻≺/font≻≺font color="white"This website is a work in progress, with no expected due date. This is going to require me learning a lot of webdev, with additional testing along the way.≺/font≻≺/p

               div class="h-50"≻≺/div

           ≺/div

           div class="col-md-6 about-img-div"

               div class="about-border" data-aos="fade-up" data-aos-delay=".5"

               ≺/div

               img src="img/about-img.jpg" width="400" class="img-responsive" alt="" align="right" data-aos="fade-right" data-aos-delay="0" /≻

           ≺/div

       ≺/div

   ≺/div

   ≺!-- ./about --≻

   ≺!-- projects --≻

   div class="section" id="projects"

       div class="container"

           div class="col-md-12" data-aos="fade-up"

               h402≺/h4

               h1 class="size-50"≻≺font color="white"My≺/font br /≻ font color="white"Projects≺/font≻≺/h1

           ≺/div

           div class="main-container portfolio-inner clearfix"

               div class="portfolio-div"

                   div class="portfolio"

                       div class="categories-grid wow fadeInLeft" data-aos="fade-up"

                           nav class="categories"

                               ul class="portfolio_filter"

                                   li≻≺a href="" class="active" data-filter="*"All≺/a≻≺/li

                                   li≻≺a href="" data-filter=".health"Health≺/a≻≺/li

                                   li≻≺a href="" data-filter=".productivity"Productivity≺/a≻≺/li

                               ≺/ul

                           ≺/nav

                       ≺/div

                       div class="no-padding portfolio_container clearfix" data-aos="fade-up"

                           div class="col-md-4 col-sm-6 productivity"

                               a id="demo01" href="utinerary" class="portfolio_item" img src="img/portfolio/01.jpg" alt="image" class="img-responsive" /≻

                                   div class="portfolio_item_hover"

                                       div class="portfolio-border clearfix"

                                           div class="item_info" spanUtinerary≺/span emProductivity≺/em ≺/div

                                       ≺/div

                                   ≺/div

                               ≺/a

                           ≺/div

                           div class="col-md-4 col-sm-6 health"

                               a id="demo02" href="nutrifit" class="portfolio_item" img src="img/portfolio/02.jpg" alt="image" class="img-responsive" /≻

                                   div class="portfolio_item_hover"

                                       div class="portfolio-border clearfix"

                                           div class="item_info" spanNutriFit≺/span emNutrition≺/em ≺/div

                                       ≺/div

                                   ≺/div

                               ≺/a

                           ≺/div

                           div class="col-md-4 col-sm-6 health productivity"

                               a id="demo03" href="spark" class="portfolio_item" img src="img/portfolio/03.jpg" alt="image" class="img-responsive" /≻

                                   div class="portfolio_item_hover"

                                       div class="portfolio-border clearfix"

                                           div class="item_info" spanSpark≺/span emNutrition≺/em ≺/div

                                       ≺/div

                                   ≺/div

                               ≺/a

                           ≺/div

                           div class="col-md-4 col-sm-6 health"

                               a id="demo04" href="revitalize" class="portfolio_item" img src="img/portfolio/04.jpg" alt="image" class="img-responsive" /≻

                                   div class="portfolio_item_hover"

                                       div class="portfolio-border clearfix"

                                           div class="item_info" spanRevitalize≺/span emNutrition≺/em ≺/div

                                       ≺/div

                                   ≺/div

                               ≺/a

                           ≺/div

                           div class="col-md-4 col-sm-6 health"

                               a id="demo05" href="sightsaver" class="portfolio_item" img src="img/portfolio/05.jpg" alt="image" class="img-responsive" /≻

                                   div class="portfolio_item_hover"

                                       div class="portfolio-border clearfix"

                                           div class="item_info" spanSightSaver.tk≺/span emHealth≺/em ≺/div

                                       ≺/div

                                   ≺/div

                               ≺/a

                           ≺/div

                           ≺/div

                       ≺/div

                   ≺/div

               ≺/div

           ≺/div

       ≺/div

   ≺/div

   ≺!-- ./projects --≻

   ≺!-- experience  --≻

   div class="section" id="experience"

       div class="container"

           div class="col-md-12" data-aos="fade-up"

               h403≺/h4

               h1 class="size-50"≻≺font color=#18273EMy br /≻ Experience≺/font≻≺/h1

               div class="h-50"≻≺/div

           ≺/div

           div class="col-md-12"

               ul class="timeline"

                   li class="timeline-event"

                       label class="timeline-event-icon"≻≺/label

                       div class="timeline-event-copy"

                               p class="timeline-event-thumbnail"March 2014 - Present≺/p

                               h3Boy Scouts of America≺/h3

                               h4≻≺iTroop 46, Mercer Area District, WCC≺/i≻≺/h4

                               p≻≺strongThe following ranks were achieved with the correpsonding dates.≺/strong

                               br≻≺b·≺/b i≻≺u≻≺a href="https://meritbadge.org/wiki/index.php/Star_rank" style="color:black"Star Scout≺/a≻≺/u - February 12th, 2018.≺/i

                               br≻≺b·≺/b i≻≺u≻≺a href="https://meritbadge.org/wiki/index.php/Life_rank" style="color:black"Life Scout≺/a≻≺/u - May 5th, 2019.≺/i

                               br≻≺b·≺/b i≻≺u≻≺a href="https://meritbadge.org/wiki/index.php/Eagle_Scout_rank" style="color:black"Eagle≺/a≻≺/u - Expected by 2020.≺/i≻≺/p

                       ≺/div

                   ≺/li

                   li class="timeline-event"

                           label class="timeline-event-icon"≻≺/label

                           div class="timeline-event-copy"

                               p class="timeline-event-thumbnail"December 2016 - June 2017≺/p

                               h3Techsters Extracurricular Course≺/h3

                               h4≻≺iAssistant Student Teacher≺/i≻≺/h4

                               p≻≺strongLed others in gaining exposure and experience in STEAM fields by conducting various hands-on activities and projects.≺/strong

                               br≻≺iMontgomery Upper Middle School, Skillman NJ≺/i≻≺/p

                           ≺/div

                   ≺/li

                   li class="timeline-event"

                       label class="timeline-event-icon"≻≺/label

                       div class="timeline-event-copy"

                           p class="timeline-event-thumbnail"September 2017 - Present≺/p

                           h3High School≺/h3

                           h4≻≺iGraduating Class of 2021≺/i≻≺/h4

                           p≻≺strongSubmitted Projects in the Following Events:≺/strong

                           br≻≺b· Winner≺/b of Montgomery MontyHacks I with project 'NutriFit'.

                           br≻≺b·≺/b Montgomery MontyHacks II with project 'SightSaver.tk'

                           br≻≺b·≺/b Edison HackJA with project 'Revitalize'≺/p

                           p≻≺iMontgomery High School, Skillman NJ≺/i≻≺/p

                       ≺/div

                   ≺/li

                   li class="timeline-event"

                       label class="timeline-event-icon"≻≺/label

                       div class="timeline-event-copy"

                           p class="timeline-event-thumbnail"September 2017 - Present≺/p

                           h3FIRST Robotics Competition≺/h3

                           h4≻≺iCAD & VR≺/i≻≺/h4

                           p≻≺strong≻≺a href="http://cougarrobotics.com" style="color:black"Team 1403 Cougar Robotics≺/a≻≺/strong

                           brQualified for the 2019 Detroit World Championship by Winning the Charimans Award at the LeHigh District Championship

                           br≻≺i2019 Season ended with a 2-8-0 Record in Detroit's Archimedes Division, ranking 63rd.≺/i≻≺/p

                       ≺/div

                   ≺/li

               ≺/ul

           ≺/div

       ≺/div

   ≺/div

   ≺!-- ./experience --≻

   ≺!-- contact --≻

   div class="section" id="contact"

       div class="container"

           div class="col-md-12" data-aos="fade-up"

               h404≺/h4

               h1 class="size-50"≻≺font color=#18273EContact  Me≺/font≻≺/h1

               div class="h-50"≻≺/div

           ≺/div

           div class="col-md-4" data-aos="fade-up"

               h3Phone Number≺/h3

               p(908) 952-8341≺/p

               h3E-mail≺/h3

               p≻≺a href="mailto:arugold1@gmail.com?cc=arnav.dashaputra@gmail.com&subject=New%20Contact%20From%20Website"arugold1@gmail.com≺/a≻≺/p

               h3GitHub≺/h3

               p≻≺a href="http://github.com/ArnavD74/"http://github.com/ArnavD74/≺/a≻≺/p

               h3Social Networks≺/h3

               ul class="social"

                   li≻≺a href="https://www.facebook.com/arnavdashaputra"≻≺i class="ion-social-facebook"≻≺/i≻≺/a≻≺/li

                   li≻≺a href="https://www.instagram.com/arnav.xd/"≻≺i class="ion-social-instagram"≻≺/i≻≺/a≻≺/li

                   li≻≺a href="https://www.linkedin.com/in/arnav-d-91215811a/"≻≺i class="ion-social-linkedin"≻≺/i≻≺/a≻≺/li

                   li≻≺a href="https://www.youtube.com/channel/UCZqyFKqYKZt3lYyLWvWfy4A?theme=dark"≻≺i class="ion-social-youtube"≻≺/i≻≺/a≻≺/li

                   li≻≺a href="https://steamcommunity.com/id/antispectrum"≻≺i class="ion-steam"≻≺/i≻≺/a≻≺/li

                   br

                   br

                   li≻≺h4≻≺a href="http://github.com/ArnavD74/Website"≻≺i class="ion-fork-repo"≻≺/i≻≺/aFork me on GitHub!≺/h4≻≺/li

               ≺/ul

               div class="clearfix"≻≺/div

               div class="h-50"≻≺/div

           ≺/div

           iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfxGlTS9QizM13BnpRAYn66wyOKuoU68qJsc6mZETj8OO-HQQ/viewform?embedded=true" width="640" height="706" frameborder="0" marginheight="0" marginwidth="0"Loading...≺/iframe

       ≺/div

       br

   ≺/div

  ≺!-- ./contact --≻

   ≺!-- banner --≻

   div class="cccontainer"≻≺a href="https://creativecommons.org/licenses/by-nc-nd/4.0/"≻≺img class="cc" src="img/images/commons.png" height="20px"≻≺/a≻≺/div

   div class="section" id="banner"

       h6 style="text-align:center;"≻≺bMade by Arnav Dashaputra & Brandon Cheng, 2019

   ≺/div

   ≺!-- ./banner --≻

   ≺!-- js --≻

   div id=js

       ≺!-- jQuery --≻

       script src="js/jquery.js"≻≺/script

       script src="js/bootstrap.min.js"≻≺/script

       script src="js/plugins.js"≻≺/script

       script src="js/aos.js"≻≺/script

       script src="js/jquery.form.js"≻≺/script

       script src="js/jquery.validate.min.js"≻≺/script

       ≺!-- custom --≻

       script src="js/dots-lines.js"≻≺/script

       script src="js/indicator.js"≻≺/script

       ≺!--  main --≻

       script src="js/custom.js"≻≺/script

   ≺/div

≺/body

≺/html