<head> <title>Noah Grundvig Portfolio</title> </head> <!--Navigator Links--> <body> <div> <ul class="navigator"> <li><a href="#contact">Contact</a></li> <li><a href="#about">About</a></li> <li><a href="#projects">Projects</a></li> <li><a href="#blog">Blog</a></li> <li><a href="#home">Home</a></li> <li-nav>FlyinKibblez</li-nav> </ul> </div> <!--Intro Page--> <a class="anchor-home" id="home"></a> <div class="intro-background home-border"> <div class="overlay1"> <div class="container"> <div class="row"> <div class="col=lg-12"> <div class="intro-message"> <h1 style="text-align:center">A Portfolio</h1> <h12 style="text-align:center:">by Noah Grundvig</h12> <h2 style="text-align:center">And this is just the Beginning</h2> <ul class="list-inline intro-social-buttons"> <!--Social buttons--> <li1> <a href="https://codepen.io/FlyinKibblez/" target="_blank" class="btn btn-default img-responsive"><i class="fa fa-codepen fa-fw"></i> <span class="network-name">Codepen</span></a> </li1> <li1> <a href="https://github.com/Flyinkibblez" target="_blank" class="btn btn-default img-responsive"><i class="fa fa-github fa-fw"></i> <span class="network-name">Github</span></a> </li1> <li1> <a href="https://www.linkedin.com/in/noahgrundvig" target="_blank" class="btn btn-default img-responsive"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">Linkedin</span></a> </li1> <li1> <a href="https://www.freecodecamp.com/flyinkibblez" target="_blank" class="btn btn-default img-responsive"><i class="fa fa-fire fa-fw"></i> <span class="network-name">freeCodeCamp</span></a> </li1> </ul> </div> </div> </div> </div> </div> </div> <!--blog section--> <a class="blog" id="blog"></a> <div class="blog-background blog-border"> <div class="overlay2"> <div class="container"> <div class="row"> <div class="col-md-8 col-xs-offset-2"> <!--beginning of blog entries--> <h3 class="blog-header">FlyinKibblez's Blog</h3> <p class="blog-title"> Welcome! </p> <p class="blog-description">As most blogs go, here is just a bit of information on what I have been up to. I don't blog everyday, but will update whenever I feel I have made a significant step in my learning skill. </p> <br> <p class="blog-description1">Come back to see where I'm at! </p> <div class="col-lg-12"> <div class="scrollbar"> <h4 class="blog-title-entry">March 9, 2016 3:42pm</h4> <div class="well" id="well"> <p class="blog-entry text-left">Continuing on...</p> <p class="blog-entry text-left">I was initially making many changes to this page based off recommendations given to me by friends and others willing to offer their critique, but as it turns out, that was going to be almost as much work as just starting from scratch since there were already so many things I would do different. With that in mind, I decided to hold off and continue on with the course until later.</p> <p class="blog-entry text-left">There was already so much stuff I had learned since doing this project, I wanted to get a better grasp on javaScript and then try and apply it as well as JQuery to my page.</p> <p class="blog-entry text-left">Either way, I think I will continue with this blog as I continue my self education.</p> </div> <h4 class="blog-title-entry">February 27, 2016 12:08am</h4> <div class="well" id="well"> <p class="blog-entry text-left">Learned something important today....imgur is horrible for all but reddit. So, I realized at a buddies house than none of my pic links showed up. </p> <p class="blog-entry text-left">Now fixed, thank you. (the site looked horrible without any graphics appearing). </p> </div> <h4 class="blog-title-entry">February 25, 2016 8:30am</h4> <div class="well" id="well"> <p class="blog-entry text-left">Started working on some recommendations I had from reddit for formatting. Added some borders around the background and chandged body color to make each section appear to be floating. </p> </div> <h4 class="blog-title-entry">February 24, 2016 9:30pm</h4> <div class="well" id="well"> <p class="blog-entry text-left">Well, I thought I was done, but I really wanted to figure out this scrollbar thing, so here I am still. </p> </div> <h4 class="blog-title-entry">February 24, 2016 8:30pm</h4> <div class="well" id="well"> <p class="blog-entry text-left">Still some changes I want to make, and I'm sure many more as I learn more. For now, my brain is mush, and I am happy with what I have done. </p> </div> <h4 class="blog-title-entry">February 24, 2016 3:00pm</h4> <div class="well" id="well"> <p class="blog-entry text-left">Welcome to my first post. </p> <p class="blog-entry text-left">Currently, my brain hurts a bit...both figuratively and literally. I think that is to be expected. While I'm not positive on how much content I really HAVE to put in here for one of my first projects, I get the feeling I am over doing it a bit more than I need to.</p> <br> <p class="blog-entry text-left">I figure it's really up to me, and I want it to look nice. Besides, it is turning out to be some good training in research and experiementation.</p> </div> </div> </div> </div> </div> </div> </div> </div> <!--Projects section--> <a class="projects" id="projects"></a> <div class="projects-background project-border"> <div class="overlay3"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3 class="projects-header">Projects</h3> <p class="projects-title"> - current and future works - </p> </div> </div> <div class="col-xs-12"> <!--Projects buttons. Still need to figure out how to adjust auto sizing correctly--> <ul> <li1> <a href="https://codepen.io/FlyinKibblez/pen/QyepJW" target="_blank" class="img-responsive btn-project1 project-background1"></a> </li1> <li1> <a href="https://www.dropbox.com/s/gsl2wjwmtva11u3/Flight%20Expense%20Report.xlsm?dl=0class=" target="_blank" class="img-responsive btn-project2 project-background2"></a> </li1> <li1> <a class="img-responsive btn-project3 project-background3"></a> </li1> </ul> </div> </div> </div> </div> </div> </div> <!--about section--> <a class="about" id="about"></a> <div class="about-background about-border"> <div class="overlay4"> <div class="container"> <div class="row"> <div class="clearfix"></div> <div class="col-xs-12 col-xs-3"> <img class="img-me img-responsive me-border" src="http://i1108.photobucket.com/albums/h401/noahgrundvig/noah_zpsxcso7b8l.jpg"> </div> <div class="col-xs-6 col-xs-offset-3"> <h3 class="about-header">A Little About Me</h3> <p class="about-paragraph"> I am just starting on my journey to <a class="link" target="_blank" href="https://www.freecodecamp.com/flyinkibblez">training myself </a> in various types of code. I am finding it fun, challenging, and rewarding. </p> <p class="about-paragraph">Currently I manage a On-Demand charter company, and am a full-time pilot. While I have a wife and new baby at home that I enjoy spending much of my time with, I spend as much as I can learning new coding skills. </p> <p class="about-paragraph">Even at the very start, the rewards received from successfully seeing the results are something that has be very addicted to coding, and I cannot wait to learn more! </p> </div> </div> </div> </div> </div> </div> <!--contact section--> <a class="contact" id="contact"></a> <div class="contact-background contact-border"> <div class="overlay5"> <div class="container-fluid"> <div class="row"> <div class="auto"> <div class="intro-message"> <h3 class="contact-header">Contact Information</h3> <p class="contact-subtitle">yes, you now have my digits</p> </div> </div> <div class="col-md-6 col-xs-offset-3"> <ul class="list-inline intro-social-buttons"> <!--more social buttons--> <li1> <a href="https://codepen.io/FlyinKibblez/" target="_blank" class="img-responsive btn btn-default btn-md contact-btn-font"><i class="fa fa-codepen fa-fw"></i> <span class="network-name">Codepen</span></a> </li1> <li1> <a href="https://github.com/Flyinkibblez" target="_blank" class="img-responsive btn btn-default btn-md contact-btn-font"><i class="fa fa-github fa-fw"></i> <span class="network-name">Github</span></a> </li1> </div> <div class="col-md-6 col-xs-offset-3"> <li1> <a href="https://www.linkedin.com/in/noahgrundvig" target="_blank" class="img-responsive btn btn-default btn-md contact-btn-font"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">Linkedin</span></a> </li1> <li1> <a href="https://www.freecodecamp.com/flyinkibblez" target="_blank" class="btn btn-default btn-md contact-btn-font"><i class="fa fa-fire fa-fw"></i> <span class="network-name">freeCodeCamp</span></a> </li1> </ul> </div> </div> </div> </div> </div> </div> <!--footer--> <footer> <div class="container"> <div class="row"> <div class="col-lg-12"> <p class="copyright">FlyinKibblez 2016 -- All rights that don't really exist, reserved -- </p> </div> </div> </div> </footer> </body>

!