Personal portfolio website created with bootstrap.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

187 lines
6.5 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta name="description" content="Portfolio website for Jeffery Russell a computer science student at RIT">
  7. <meta name="author" content="Jeffery Russell">
  8. <title>Jeffery Russell</title>
  9. <link href="css/bootstrap.css" rel="stylesheet">
  10. <!-- Custom fonts for this template -->
  11. <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
  12. <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
  13. <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic"
  14. rel="stylesheet" type="text/css">
  15. <link href="css/freelancer.css" rel="stylesheet">
  16. </head>
  17. <body id="page-top">
  18. <!-- Navigation -->
  19. <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
  20. <div class="container">
  21. <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
  22. data-target="#navbarResponsive" aria-controls="navbarResponsive"
  23. aria-expanded="false" aria-label="Toggle navigation">
  24. Menu
  25. <i class="fa fa-bars"></i>
  26. </button>
  27. <div class="collapse navbar-collapse" id="navbarResponsive">
  28. <ul class="navbar-nav mr-auto">
  29. <li class="nav-item">
  30. <a class="nav-link js-scroll-trigger" href="index.html">Portfolio</a>
  31. </li>
  32. <li class="nav-item">
  33. <a class="nav-link js-scroll-trigger" href="index.html">About</a>
  34. </li>
  35. <li class="nav-item">
  36. <a class="nav-link js-scroll-trigger" href="index.html">Contact</a>
  37. </li>
  38. <li class="nav-item">
  39. <a class="nav-link js-scroll-trigger" href="Jeffery_Russell_Resume.pdf">Resume</a>
  40. </li>
  41. </ul>
  42. <ul class="navbar-nav navbar-right">
  43. <li class="nav-item">
  44. <a class="nav-link js-scroll-trigger" href="https://jrtechs.net">Blog</a>
  45. </li>
  46. <li class="nav-item">
  47. <a class="nav-link js-scroll-trigger" href="https://github.com/jrtechs">Github</a>
  48. </li>
  49. <li class="nav-item">
  50. <a class="nav-link js-scroll-trigger" href="https://www.youtube.com/c/JrtechsNet">Youtube</a>
  51. </li>
  52. </ul>
  53. </div>
  54. </div>
  55. </nav>
  56. <!-- Header -->
  57. <header class="masthead">
  58. <div class="container">
  59. <div class="intro-text">
  60. <span class="name">Jeffery Russell</span>
  61. <hr class="star-light">
  62. <span class="skills">Computer Science Student at RIT</span>
  63. </div>
  64. </div>
  65. </header>
  66. <section id="portfolio">
  67. <div class="container">
  68. <h2 class="text-center">Message Sent</h2>
  69. <hr class="star-primary">
  70. <h5 class="text-center">Thank you for sending me a message. I will try my best to
  71. get back to you within a week. In the meantime, feel free to
  72. check out my Github and Youtube accounts.</h4>
  73. </div>
  74. </section>
  75. <!-- Footer -->
  76. <footer class="text-center">
  77. <div class="footer-above">
  78. <div class="container">
  79. <div class="row">
  80. <div class="footer-col col-md-4">
  81. <h3>Location</h3>
  82. <p>Rochester Institute of Technology
  83. <br>1 Lomb Memorial Dr, Rochester, NY 14623</p>
  84. </div>
  85. <div class="footer-col col-md-4">
  86. <h3>Around the Web</h3>
  87. <ul class="list-inline">
  88. <li class="list-inline-item">
  89. <a class="btn-social btn-outline" href="https://www.youtube.com/c/JrtechsNet">
  90. <i class="fa fa-fw fa-youtube"></i>
  91. </a>
  92. </li>
  93. <li class="list-inline-item">
  94. <a class="btn-social btn-outline" href="https://github.com/jrtechs">
  95. <i class="fa fa-fw fa-github"></i>
  96. </a>
  97. </li>
  98. <li class="list-inline-item">
  99. <a class="btn-social btn-outline" href="http://jrtechs.net">
  100. <i class="fa fa-fw fa-wordpress"></i>
  101. </a>
  102. </li>
  103. </ul>
  104. </div>
  105. <div class="footer-col col-md-4">
  106. <h3>About This Website</h3>
  107. <p>Check out the source code for this website on my
  108. <a href="https://github.com/jrtechs">github</a>.</p>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. <div class="footer-below">
  114. <div class="container">
  115. <div class="row">
  116. <div class="col-lg-12">
  117. Copyright &copy; Jrtechs.me 2018
  118. </div>
  119. </div>
  120. </div>
  121. </div>
  122. </footer>
  123. <!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
  124. <div class="scroll-top d-lg-none">
  125. <a class="btn btn-primary js-scroll-trigger" href="#page-top">
  126. <i class="fa fa-chevron-up"></i>
  127. </a>
  128. </div>
  129. <!-- Bootstrap core JavaScript -->
  130. <script src="js/jquery.min.js"></script>
  131. <script src="js/popper.min.js"></script>
  132. <script src="js/bootstrap.min.js"></script>
  133. <!-- Plugin JavaScript -->
  134. <script src="js/jquery.easing.min.js"></script>
  135. <script>
  136. $("form").submit(function(event) {
  137. var recaptcha = $("#g-recaptcha-response").val();
  138. if (recaptcha === "") {
  139. event.preventDefault();
  140. alert("Please check the recaptcha");
  141. }
  142. });
  143. </script>
  144. <!-- For contact form -->
  145. <script src='https://www.google.com/recaptcha/api.js'></script>
  146. <!--
  147. __,,,,_
  148. _ __..-;''`--/'/ /.',-`-.
  149. (`/' ` | \ \ \\ / / / / .-'/`,_
  150. /'`\ \ | \ | \| // // / -.,/_,'-,
  151. /<7' ; \ \ | ; ||/ /| | \/ |`-/,/-.,_,/')
  152. / _.-, `,-\,__| _-| / \ \/|_/ | '-/.;.\'
  153. `-` f/ ; / __/ \__ `/ |__/ |
  154. `-' | -| =|\_ \ |-' |
  155. __/ /_..-' ` ),' //
  156. fL ((__.-'((___..-'' \__.'
  157. Wacha doing here?
  158. Check out more of my code at https://github.com/jrtechs
  159. -->
  160. </body>
  161. </html>