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.

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