index.html 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. <!--
  2. girishm.nfshost.com is the source for webpage (www.girishm.info or its alias www.girishm.nfshost.com) of Girish M
  3. Copyright &copy; 2019 to present, Girish M
  4. This program is free software: you can redistribute it and/or modify
  5. it under the terms of the GNU General Public License as published by
  6. the Free Software Foundation, either version 3 of the License, or
  7. (at your option) any later version.
  8. This program is distributed in the hope that it will be useful,
  9. but WITHOUT ANY WARRANTY; without even the implied warranty of
  10. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  11. GNU General Public License for more details.
  12. You should have received a copy of the GNU General Public License
  13. along with this program. If not, see <https://www.gnu.org/licenses/>
  14. Intensify by TEMPLATED
  15. templated.co @templatedco
  16. Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
  17. -->
  18. <!DOCTYPE HTML>
  19. <html lang="en">
  20. <head>
  21. <title>Girish M</title>
  22. <meta charset="utf-8"/>
  23. <meta content="width=device-width, initial-scale=1" name="viewport"/>
  24. <link href="assets/css/main.css" rel="stylesheet"/>
  25. <style type="text/css">
  26. #intro {
  27. font-weight: bolder;
  28. }
  29. #intro::first-letter {
  30. color: chocolate;
  31. font-size: 150%;
  32. font-weight: bold;
  33. }
  34. #altLinks li {
  35. display: inline;
  36. }
  37. </style>
  38. </head>
  39. <body>
  40. <!-- Header -->
  41. <header id="header">
  42. <nav class="right">
  43. <label for="dark-theme-checkbox" id="dark-theme-checkbox-label">Dark Mode</label>
  44. <input id="dark-theme-checkbox" type="checkbox">
  45. </nav>
  46. <nav class="left">
  47. <a href="#menu"><span>Menu</span></a>
  48. </nav>
  49. <a class="logo" href="index.html">Girish M</a>
  50. </header>
  51. <!-- Menu -->
  52. <nav id="menu">
  53. <ul class="links">
  54. <li><a href="index.html">Home</a></li>
  55. <li><a href="services.html">Services</a></li>
  56. <li><a href="project.html">Projects</a></li>
  57. <li><a href="workExperience.html">Experience</a></li>
  58. <li><a href="education.html">Education</a></li>
  59. <li><a href="writing.html">Blog</a></li>
  60. <li><a href="books.html">Book library</a></li>
  61. <li><a href="photo.html">Photos</a></li>
  62. <!-- <li><a href="shop.html">Shop</a></li> -->
  63. <!-- <li><a href="contact.html">Contact</a></li> -->
  64. <li><a href="assets/pdf/girishResume.pdf">CV</a></li>
  65. <li><a href="subscribe.html">Contact</a></li>
  66. </ul>
  67. </nav>
  68. <!-- Banner -->l
  69. <section id="banner">
  70. <div class="content">
  71. <h1>Hello world!</h1>
  72. </div>
  73. </section>
  74. <!-- Three -->
  75. <section class="wrapper" id="three">
  76. <div class="inner flex flex-3 row 6u 12u$(small)">
  77. <p id="intro">Welcome!
  78. Girish is a software engineer and an open-source contributor,
  79. seamlessly blending technology with his passion for philosophy, literature, and writing.
  80. Explore
  81. his projects and musings, where code converges with culture, in this digital showcase of his
  82. multifaceted interests and experiences.</p>
  83. </div>
  84. </section>
  85. <!-- Footer -->
  86. <footer id="footer">
  87. <ul class="actions">
  88. <li><a href="index.html">Home</a></li>
  89. <li><a href="services.html">Services</a></li>
  90. <li><a href="project.html">Projects</a></li>
  91. <li><a href="workExperience.html">Experience</a></li>
  92. <li><a href="education.html">Education</a></li>
  93. <li><a href="writing.html">Blog</a></li>
  94. <li><a href="books.html">Book library</a></li>
  95. <li><a href="photo.html">Photos</a></li>
  96. <!-- <li><a href="shop.html">Shop</a></li> -->
  97. <!-- <li><a href="contact.html">Contact</a></li> -->
  98. <li><a href="assets/pdf/girishResume.pdf">CV</a></li>
  99. <li><a href="subscribe.html">Contact</a></li>
  100. </ul>
  101. <div class="inner">
  102. <h2>Get In Touch</h2>
  103. <ul class="actions">
  104. <li><span class="icon fa-envelope"></span> <a href="#">girishm at posteo dot net</a></li>
  105. <li><a href="girishmInfo.asc">GPG key</a></li>
  106. </ul>
  107. </div>
  108. <noscript>
  109. <h3>For those who are afraid of non-free JavaScript</h3>
  110. <div class="inner flex flex-3 row 6u 12u$(small)">
  111. <ul id="altLinks">
  112. <li><a href="index.html">Home</a></li>
  113. <li><a href="services.html">Services</a></li>
  114. <li><a href="project.html">Projects</a></li>
  115. <li><a href="workExperience.html">Experience</a></li>
  116. <li><a href="education.html">Education</a></li>
  117. <li><a href="writing.html">Blog</a></li>
  118. <li><a href="books.html">Book library</a></li>
  119. <li><a href="photo.html">Photos</a></li>
  120. <!-- <li><a href="shop.html">Shop</a></li> -->
  121. <!--<li><a href="contact.html">Contact</a></li>-->
  122. <li><a href="assets/pdf/girishResume.pdf">CV</a></li>
  123. <li><a href="subscribe.html">Contact</a></li>
  124. </ul>
  125. </div>
  126. </noscript>
  127. <!--<div class="icon">
  128. <img src="assets/img/5041589.png" alt="FSF Associate Member">
  129. </div>-->
  130. <div class="copyright">
  131. <p>Copyright &copy; 2019 to present, Girish M, <img alt="Creative Commons License" src="assets/img/cc.png"
  132. style="border-width:0"/>
  133. <br/>
  134. This work is licensed under a <a href="http://creativecommons.org/licenses/by/4.0/"
  135. rel="license">Creative
  136. Commons
  137. Attribution 4.0 International License</a>. The source for this web-page can be found <a
  138. href="https://notabug.org/girishm/girishm.nfshost.com/src/test/index.html">here</a>
  139. </p>
  140. &copy; Untitled. Design <a href="https://templated.co">TEMPLATED</a>. Images <a href="https://unsplash.com">Unsplash</a>.
  141. </div>
  142. <a href="javascript.html" rel="jslicense">JavaScript license information</a>
  143. </footer>
  144. <!-- Scripts -->
  145. <script src="assets/js/jquery.min.js"></script>
  146. <script src="assets/js/jquery.scrolly.min.js"></script>
  147. <script src="assets/js/skel.min.js"></script>
  148. <script src="assets/js/util.js"></script>
  149. <script src="assets/js/main.js"></script>
  150. </body>
  151. </html>