index.html 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  3. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
  4. <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
  5. <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  6. <head>
  7. <meta charset="utf-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9. <title>Мотыль &mdash; Крутые штуки умею</title>
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11. <meta name="description" content="Free HTML5 Website Template by FreeHTML5.co" />
  12. <meta name="keywords" content="free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
  13. <meta name="author" content="FreeHTML5.co" />
  14. <!--
  15. //////////////////////////////////////////////////////
  16. FREE HTML5 TEMPLATE
  17. DESIGNED & DEVELOPED by FreeHTML5.co
  18. Website: --
  19. Email: setesfindert@gmail.com
  20. Telegram: https://t.me/Yellow_geckon
  21. telegram channel: https://t.me/Chrysof1762
  22. //////////////////////////////////////////////////////
  23. -->
  24. <!-- Facebook and Twitter integration -->
  25. <meta property="og:title" content="https://t.me/Chrysof1762"/>
  26. <meta property="og:image" content="https://t.me/Chrysof1762"/>
  27. <meta property="og:url" content="https://t.me/Chrysof1762"/>
  28. <meta property="og:site_name" content="https://t.me/Chrysof1762"/>
  29. <meta property="og:description" content="https://t.me/Chrysof1762"/>
  30. <meta name="twitter:title" content="https://t.me/Chrysof1762" />
  31. <meta name="twitter:image" content="https://t.me/Chrysof1762" />
  32. <meta name="twitter:url" content="https://t.me/Chrysof1762" />
  33. <meta name="twitter:card" content="https://t.me/Chrysof1762" />
  34. <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
  35. <link rel="shortcut icon" href="favicon.ico">
  36. <!-- <link href='https://fonts.googleapis.com/css?family=Work+Sans:400,300,600,400italic,700' rel='stylesheet' type='text/css'> -->
  37. <!-- Animate.css -->
  38. <link rel="stylesheet" href="css/animate.css">
  39. <!-- Icomoon Icon Fonts-->
  40. <link rel="stylesheet" href="css/icomoon.css">
  41. <!-- Bootstrap -->
  42. <link rel="stylesheet" href="css/bootstrap.css">
  43. <!-- Theme style -->
  44. <link rel="stylesheet" href="css/style.css">
  45. <!-- Modernizr JS -->
  46. <script src="js/modernizr-2.6.2.min.js"></script>
  47. <!-- FOR IE9 below -->
  48. <!--[if lt IE 9]>
  49. <script src="js/respond.min.js"></script>
  50. <![endif]-->
  51. </head>
  52. <body style="background-image: url(images/bg_img.jpg);">
  53. <div id="fh5co-main">
  54. <div class="fh5co-tab-wrap">
  55. <ul class="fh5co-tab-menu">
  56. <li class="active"><a href="#" data-tab="1"><span class="icon icon-glass"></span><span class="menu-text">Хто я</span></a></li>
  57. <li><a href="#" data-tab="2"><span class="icon icon-graduation-cap"></span><span class="menu-text">Чему я учиталсь</span></a></li>
  58. <li><a href="#" data-tab="3"><span class="icon icon-black-tie"></span><span class="menu-text">Что я делала</span></a></li>
  59. <li><a href="#" data-tab="4" data-pie="yes"><span class="icon icon-fighter-jet"></span><span class="menu-text">Что я умею</span></a></li>
  60. </ul>
  61. <div class="fh5co-tab-content active" data-content="1">
  62. <div class="fh5co-content-inner text-center">
  63. <div class="row row-bottom-padded-sm">
  64. <div class="col-md-12">
  65. <figure>
  66. <img src="images/profile_img.png" alt="Free HTML5 Wesbite Template by FreeHTML5.co">
  67. </figure>
  68. <h1>Мотыль</h1>
  69. <p>Саберфайтер, смбшник, Художник(от слова худо), Системный администратор, тот-человек-который-умеет-работать-руками, днд мастер и просто я полезна везде где только можно :) </p>
  70. </div>
  71. </div>
  72. <div class="row">
  73. <div class="col-md-12 fh5co-counter">
  74. <div class="fh5co-number fh5co-left">7</div>
  75. <div class="fh5co-text">
  76. <h3 class="border-bottom">Лет занимаюсь вообще всем до чего руки дотянутся</h3>
  77. <p>С креативными идеями и за ними можете смело идти ко мне</p>
  78. </div>
  79. </div>
  80. </div>
  81. <ul class="fh5co-social">
  82. <li><a href="#"><i class="icon-envelope"></i></a></li>
  83. <li><a href="#"><i class="icon-twitter"></i></a></li>
  84. <li><a href="#"><i class="icon-instagram"></i></a></li>
  85. <li><a href="#"><i class="icon-google"></i></a></li>
  86. <li><a href="#"><i class="icon-linkedin"></i></a></li>
  87. </ul>
  88. </div>
  89. </div>
  90. <div class="fh5co-tab-content" data-content="2">
  91. <div class="fh5co-content-inner">
  92. <div class="row">
  93. <div class="col-md-12">
  94. <p>Я прошла кучу всяких классных обучалок, прям реально много. Как пример - программирование, веб и гейм дизайн, ковка, работа с кожей, системное администрирование, 3d моделирование... перечислять можно очень долго</p>
  95. <div class="fh5co-feature">
  96. <div class="fh5co-icon">
  97. <i class="icon-graduation-cap"></i>
  98. </div>
  99. <div class="fh5co-text">
  100. <h2>2013-2022</h2>
  101. <p>Школа(ужс)</p>
  102. </div>
  103. </div>
  104. <div class="fh5co-feature">
  105. <div class="fh5co-icon">
  106. <i class="icon-graduation-cap"></i>
  107. </div>
  108. <div class="fh5co-text">
  109. <h2>2022-2026</h2>
  110. <p>Колледж пока не закончила</p>
  111. </div>
  112. </div>
  113. <div class="fh5co-feature">
  114. <div class="fh5co-icon">
  115. <i class="icon-graduation-cap"></i>
  116. </div>
  117. <div class="fh5co-text">
  118. <h2>2026-20??</h2>
  119. <p>В институт планирую пойти</p>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. <div class="fh5co-tab-content" data-content="3">
  127. <div class="fh5co-content-inner">
  128. <div class="row">
  129. <div class="col-md-12">
  130. <p>Работала я пока практивески нигде, разве что</p>
  131. <div class="fh5co-feature">
  132. <div class="fh5co-icon">
  133. <i class="icon-black-tie"></i>
  134. </div>
  135. <div class="fh5co-text">
  136. <h2>2024 - Present</h2>
  137. <h3>Место силы</h3>
  138. <p>Веду крайне интересные ваншоты днд</p>
  139. </div>
  140. </div>
  141. <div class="fh5co-feature">
  142. <div class="fh5co-icon">
  143. <i class="icon-black-tie"></i>
  144. </div>
  145. <div class="fh5co-text">
  146. <h2>20??-20??</h2>
  147. <h3>хз</h3>
  148. <p>Хочу работать, хочу деняк</p>
  149. </div>
  150. </div>
  151. </div>
  152. </div>
  153. </div>
  154. </div>
  155. <div class="fh5co-tab-content" data-content="4">
  156. <div class="fh5co-content-inner">
  157. <div class="row">
  158. <div class="col-md-12">
  159. <p>Много всего умею, прям очень много, так что о главном:</p>
  160. </div>
  161. <div class="col-md-4 col-sm-6 col-xs-12 text-center">
  162. <div class="chart" data-percent="70"><span><strong>плакать</strong>70%</span></div>
  163. </div>
  164. <div class="col-md-4 col-sm-6 col-xs-12 text-center">
  165. <div class="chart" data-percent="1000"><span><strong>быть счастливым</strong>1000%</span></div>
  166. </div>
  167. <div class="col-md-4 col-sm-6 col-xs-12 text-center">
  168. <div class="chart" data-percent="80"><span><strong>бить людей</strong>80%</span></div>
  169. </div>
  170. <div class="col-md-4 col-sm-6 col-xs-12 text-center">
  171. <div class="chart" data-percent="50"><span><strong>кушать</strong>50%</span></div>
  172. </div>
  173. <div class="col-md-4 col-sm-6 col-xs-12 text-center">
  174. <div class="chart" data-percent="10"><span><strong>спать</strong>10%</span></div>
  175. </div>
  176. <div class="col-md-4 col-sm-6 col-xs-12 text-center">
  177. <div class="chart" data-percent="90"><span><strong>AngularJS</strong>90%</span></div>
  178. </div>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. <footer id="fh5co-footer">
  184. <div class="row">
  185. <div class="col-md-6 col-md-offset-3 text-center">
  186. <small>
  187. &copy; текст текст текст много текста 2024 <span class="fh5co-author">
  188. Это сделал <a href="https://t.me/Yellow_geckon" target="_blank">ЛЮТЫЙ МОТЫЛЬ</a> Переходите сюда тут классно <a href="https://youtu.be/lD7DQmy4_5Q?si=k49-Qai7H_Ok8DUx" target="_blank">люти аргемвелл</a></span>
  189. </small>
  190. </div>
  191. </div>
  192. </footer>
  193. </div>
  194. <!-- jQuery -->
  195. <script src="js/jquery.min.js"></script>
  196. <!-- jQuery Easing -->
  197. <script src="js/jquery.easing.1.3.js"></script>
  198. <!-- Bootstrap -->
  199. <script src="js/bootstrap.min.js"></script>
  200. <!-- Waypoints -->
  201. <script src="js/jquery.waypoints.min.js"></script>
  202. <!-- Easy PieChart -->
  203. <script src="js/jquery.easypiechart.min.js"></script>
  204. <!-- MAIN JS -->
  205. <script src="js/main.js"></script>
  206. </body>
  207. </html>