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.

197 lines
6.8 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. <br><br><br>
  67. <div class="container">
  68. <div class="row">
  69. <div class="col-md-6 p-3">
  70. <center><h1 class="align-content-center">Message Sent</h1></center>
  71. Thank you for sending me a message. I will try my best to
  72. get back to you within a week. In the meantime, feel free to
  73. check out my Github and Youtube accounts.
  74. </div>
  75. <div class="col-md-6 p-6">
  76. <div class="d-flex justify-content-center">
  77. <p><iframe width="100%" height="315" src="https://www.youtube.com/embed/DoDaHmyIPvQ"
  78. frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></p>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. <!-- Footer -->
  84. <footer class="text-center">
  85. <div class="footer-above">
  86. <div class="container">
  87. <div class="row">
  88. <div class="footer-col col-md-4">
  89. <h3>Location</h3>
  90. <p>Rochester Institute of Technology
  91. <br>1 Lomb Memorial Dr, Rochester, NY 14623</p>
  92. </div>
  93. <div class="footer-col col-md-4">
  94. <h3>Around the Web</h3>
  95. <ul class="list-inline">
  96. <li class="list-inline-item">
  97. <a class="btn-social btn-outline" href="https://www.youtube.com/c/JrtechsNet">
  98. <i class="fa fa-fw fa-youtube"></i>
  99. </a>
  100. </li>
  101. <li class="list-inline-item">
  102. <a class="btn-social btn-outline" href="https://github.com/jrtechs">
  103. <i class="fa fa-fw fa-github"></i>
  104. </a>
  105. </li>
  106. <li class="list-inline-item">
  107. <a class="btn-social btn-outline" href="http://jrtechs.net">
  108. <i class="fa fa-fw fa-wordpress"></i>
  109. </a>
  110. </li>
  111. </ul>
  112. </div>
  113. <div class="footer-col col-md-4">
  114. <h3>About This Website</h3>
  115. <p>Check out the source code for this website on my
  116. <a href="https://github.com/jrtechs">github</a>.</p>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. <div class="footer-below">
  122. <div class="container">
  123. <div class="row">
  124. <div class="col-lg-12">
  125. Copyright &copy; Jrtechs.me 2018
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. </footer>
  131. <!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
  132. <div class="scroll-top d-lg-none">
  133. <a class="btn btn-primary js-scroll-trigger" href="#page-top">
  134. <i class="fa fa-chevron-up"></i>
  135. </a>
  136. </div>
  137. <!-- Bootstrap core JavaScript -->
  138. <script src="js/jquery.min.js"></script>
  139. <script src="js/popper.min.js"></script>
  140. <script src="js/bootstrap.min.js"></script>
  141. <!-- Plugin JavaScript -->
  142. <script src="js/jquery.easing.min.js"></script>
  143. <script>
  144. $("form").submit(function(event) {
  145. var recaptcha = $("#g-recaptcha-response").val();
  146. if (recaptcha === "") {
  147. event.preventDefault();
  148. alert("Please check the recaptcha");
  149. }
  150. });
  151. </script>
  152. <!-- For contact form -->
  153. <script src='https://www.google.com/recaptcha/api.js'></script>
  154. <!--
  155. __,,,,_
  156. _ __..-;''`--/'/ /.',-`-.
  157. (`/' ` | \ \ \\ / / / / .-'/`,_
  158. /'`\ \ | \ | \| // // / -.,/_,'-,
  159. /<7' ; \ \ | ; ||/ /| | \/ |`-/,/-.,_,/')
  160. / _.-, `,-\,__| _-| / \ \/|_/ | '-/.;.\'
  161. `-` f/ ; / __/ \__ `/ |__/ |
  162. `-' | -| =|\_ \ |-' |
  163. __/ /_..-' ` ),' //
  164. fL ((__.-'((___..-'' \__.'
  165. Wacha doing here?
  166. Check out more of my code at https://github.com/jrtechs
  167. -->
  168. </body>
  169. </html>