_template-top.php 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="description" content="">
  8. <meta name="author" content="">
  9. <title>Joshua Branson</title>
  10. <!-- Custom styles for this template -->
  11. <!-- Bootstrap core CSS -->
  12. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
  13. integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
  14. <link href="style.css" rel="stylesheet" type="text/css">
  15. <link href="helpful-css.css" rel="stylesheet" type="text/css">
  16. <!-- Just for debugging purposes. Don't actually copy this line! -->
  17. <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
  18. <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  19. <!--[if lt IE 9]>
  20. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  21. <script src="https://oss.maxcdn.com/libs/r espond.js/1.4.2/respond.min.js"></script>
  22. <![enddif]-->
  23. </head>
  24. <body>
  25. <nav id="navbar" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  26. <div class="container-fluid">
  27. <div class="col-sm-10 col-sm-offset-2">
  28. <!-- brand and toggle get grouped for better mobile display -->
  29. <div class="navbar-header">
  30. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
  31. <span class="sr-only">toggle navigation</span>
  32. <span class="icon-bar"></span>
  33. <span class="icon-bar"></span>
  34. <span class="icon-bar"></span>
  35. </button>
  36. <a class="navbar-brand" onclick="loadHome()" id="index">Joshua Branson</a>
  37. </div>
  38. <!-- collect the nav links, forms, and other content for toggling -->
  39. <div class="collapse navbar-collapse" id="navbar-collapse">
  40. <ul class="nav navbar-nav">
  41. <li><a href="about.php" id="about" onclick="loadAbout()">About Me</a></li>
  42. <li><a href="skills.php" id="skills" onclick="loadSkills()">Skills</a></li>
  43. <li><a href="experience.php" id="experience" onclick="loadExperience()">Experience</a></li>
  44. <li><a href="portfolio.php" id="portfolio" onclick="loadPortfolio()">Portfolio</a></li>
  45. </ul>
  46. </div><!-- /.navbar-collapse -->
  47. </div>
  48. </div><!-- /.container-fluid -->
  49. </nav>
  50. <!-- container -->
  51. <div class="container">