index.html 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  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>Сайт Андрея Трусова</title>
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11. <meta name="description" content="" />
  12. <meta name="keywords" content="" />
  13. <meta name="author" content="" />
  14. <!--
  15. //////////////////////////////////////////////////////
  16. FREE HTML5 TEMPLATE
  17. DESIGNED & DEVELOPED by FreeHTML5.co
  18. Website: http://freehtml5.co/
  19. Email: info@freehtml5.co
  20. Twitter: http://twitter.com/fh5co
  21. Facebook: https://www.facebook.com/fh5co
  22. //////////////////////////////////////////////////////
  23. -->
  24. <!-- Facebook and Twitter integration -->
  25. <meta property="og:title" content=""/>
  26. <meta property="og:image" content=""/>
  27. <meta property="og:url" content=""/>
  28. <meta property="og:site_name" content=""/>
  29. <meta property="og:description" content=""/>
  30. <meta name="twitter:title" content="" />
  31. <meta name="twitter:image" content="" />
  32. <meta name="twitter:url" content="" />
  33. <meta name="twitter:card" content="" />
  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="Картинка профиля" width=" 300" height=" 300">
  67. </figure>
  68. <h1>Андрей Трусов</h1>
  69. <p>Родился и проживаю в Москве. Начал увлекаться техникой ещё с детства, так как мой папа работает в сфере техники. В школе я увидел что технические сферы обучения мне давались с лёгкостью так что после 9 класса, я твердо решил поступить на СиСадмина</p>
  70. </div>
  71. </div>
  72. <div class="row">
  73. <div class="col-md-12 fh5co-counter">
  74. <div class="fh5co-number fh5co-left">0</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="fe_speed@mail.ru"><i class="icon-envelope"></i></a></li>
  83. <li><a href="https://vk.com/da_eto_je_andrey"><i class="icon-vk"></i></a></li>
  84. </ul>
  85. </div>
  86. </div>
  87. <div class="fh5co-tab-content" data-content="2">
  88. <div class="fh5co-content-inner">
  89. <div class="row">
  90. <div class="col-md-12">
  91. <p>До сих пор учусь, студент колледжа</p>
  92. <div class="fh5co-feature">
  93. <div class="fh5co-icon">
  94. <i class="icon-graduation-cap"></i>
  95. </div>
  96. <div class="fh5co-text">
  97. <h2>2013 - 2022</h2>
  98. <p>Школа №2036</p>
  99. </div>
  100. </div>
  101. <div class="fh5co-feature">
  102. <div class="fh5co-icon">
  103. <i class="icon-graduation-cap"></i>
  104. </div>
  105. <div class="fh5co-text">
  106. <h2>2022 - Сейчас</h2>
  107. <p>ГАПОУ КП №11</p>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. <div class="fh5co-tab-content" data-content="3">
  115. <div class="fh5co-content-inner">
  116. <div class="row">
  117. <div class="col-md-12">
  118. <p></p>
  119. <div class="fh5co-feature">
  120. <div class="fh5co-icon">
  121. <i class="icon-black-tie"></i>
  122. </div>
  123. <div class="fh5co-text">
  124. <h2>Нету :(</h2>
  125. <h3></h3>
  126. <p></p>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. <div class="fh5co-tab-content" data-content="4">
  134. <div class="fh5co-content-inner">
  135. <div class="row">
  136. <div class="col-md-12">
  137. <p>Создавал виртуальную сеть школы, поднимал домен и настраивал базовые сервисы active directory</p>
  138. </div>
  139. <div class="col-md-4 col-sm-6 col-xs-12 text-center">
  140. <div class="chart" data-percent="30"><span><strong>Linux</strong>30%</span></div>
  141. </div>
  142. <div class="col-md-4 col-sm-6 col-xs-12 text-center">
  143. <div class="chart" data-percent="68"><span><strong>Windows</strong>68%</span></div>
  144. </div>
  145. <div class="col-md-4 col-sm-6 col-xs-12 text-center">
  146. <div class="chart" data-percent="80"><span><strong>Cisco</strong>80%</span></div>
  147. </div>
  148. <div class="col-md-4 col-sm-6 col-xs-12 text-center">
  149. <div class="chart" data-percent="50"><span><strong>Python</strong>50%</span></div>
  150. </div>
  151. <div class="col-md-4 col-sm-6 col-xs-12 text-center">
  152. <div class="chart" data-percent="89"><span><strong>Обжим</strong>89%</span></div>
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. <footer id="fh5co-footer">
  159. <div class="row">
  160. <div class="col-md-6 col-md-offset-3 text-center">
  161. <small>
  162. </small>
  163. </div>
  164. </div>
  165. </footer>
  166. </div>
  167. <!-- jQuery -->
  168. <script src="js/jquery.min.js"></script>
  169. <!-- jQuery Easing -->
  170. <script src="js/jquery.easing.1.3.js"></script>
  171. <!-- Bootstrap -->
  172. <script src="js/bootstrap.min.js"></script>
  173. <!-- Waypoints -->
  174. <script src="js/jquery.waypoints.min.js"></script>
  175. <!-- Easy PieChart -->
  176. <script src="js/jquery.easypiechart.min.js"></script>
  177. <!-- MAIN JS -->
  178. <script src="js/main.js"></script>
  179. </body>
  180. </html>