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.

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