index.html 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  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>Personal &mdash; Free HTML5 Bootstrap Website Template by FreeHTML5.co</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: 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.png);">
  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="4" data-pie="yes"><span class="icon icon-fighter-jet"></span><span class="menu-text">Умения</span></a></li>
  59. </ul>
  60. <div class="fh5co-tab-content active" data-content="1">
  61. <div class="fh5co-content-inner text-center">
  62. <div class="row row-bottom-padded-sm">
  63. <div class="col-md-12">
  64. <figure>
  65. <img src="images/745613632.jpeg" alt="Free HTML5 Wesbite Template by FreeHTML5.co">
  66. </figure>
  67. <h1>Серегин Севастьян</h1>
  68. <p> <a href="#"></a>Я Серегин Севастьян, специалист в сфере сетевого и системного администрирования, предлагаю качественные услуги по созданию и настройке информационных сетей любой сложности. Мои знания в администрировании серверов на базе Linux и Wibdows гарантируют вам безопасность, простоту использования и бесперебойную работу устройств в вашей сети. Так же я предлагаю услуги по установке и настройке систем видеонаблюдения как для дома, так и для крупных офисов. </p>
  69. </div>
  70. </div>
  71. <ul class="fh5co-social">
  72. <li><a href="https://www.twitch.tv/lyboi123"><i class="icon-twitch"></i></a>
  73. <li><a href="https://vk.com/durov"><i class="icon-vk"></i></a>
  74. </div>
  75. </div>
  76. <div class="fh5co-tab-content" data-content="2">
  77. <div class="fh5co-content-inner">
  78. <div class="row">
  79. <div class="col-md-12">
  80. <div class="fh5co-feature">
  81. <div class="fh5co-icon">
  82. <i class="icon-graduation-cap"></i>
  83. </div>
  84. <div class="fh5co-text">
  85. <h2>2008-2012</h2>
  86. <p>Школа имени Героя Советского Союза, адмирала А.П. Михайловского, дошкольный корпус</p>
  87. </div>
  88. </div>
  89. <div class="fh5co-feature">
  90. <div class="fh5co-icon">
  91. <i class="icon-graduation-cap"></i>
  92. </div>
  93. <div class="fh5co-text">
  94. <h2>2012-2021</h2>
  95. <p>Школа №1200</p>
  96. </div>
  97. </div>
  98. <div class="fh5co-feature">
  99. <div class="fh5co-icon">
  100. <i class="icon-graduation-cap"></i>
  101. </div>
  102. <div class="fh5co-text">
  103. <h2>2021-2022</h2>
  104. <p>Школа №1925</p>
  105. </div>
  106. </div>
  107. <div class="fh5co-feature">
  108. <div class="fh5co-icon">
  109. <i class="icon-graduation-cap"></i>
  110. </div>
  111. <div class="fh5co-text">
  112. <h2>2022-2026</h2>
  113. <p>ГАПОУ КП №11</p>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. <div class="fh5co-tab-content" data-content="3">
  121. <div class="fh5co-content-inner">
  122. <div class="row">
  123. <div class="col-md-12">
  124. <p>I have the privilege to work with these cool companies.</p>
  125. <div class="fh5co-feature">
  126. <div class="fh5co-icon">
  127. <i class="icon-black-tie"></i>
  128. </div>
  129. <div class="fh5co-text">
  130. <h2>2008 - Present</h2>
  131. <h3>XYZ Inc.</h3>
  132. <p>Far far away, behind the word mountains, far from the countries.</p>
  133. </div>
  134. </div>
  135. <div class="fh5co-feature">
  136. <div class="fh5co-icon">
  137. <i class="icon-black-tie"></i>
  138. </div>
  139. <div class="fh5co-text">
  140. <h2>2004-2008</h2>
  141. <h3>Previous Ltd Co.</h3>
  142. <p>Far far away, behind the word mountains, far from the countries.</p>
  143. </div>
  144. </div>
  145. <div class="fh5co-feature">
  146. <div class="fh5co-icon">
  147. <i class="icon-black-tie"></i>
  148. </div>
  149. <div class="fh5co-text">
  150. <h2>1999-2004</h2>
  151. <h3>Previous Ltd Co.</h3>
  152. <p>Far far away, behind the word mountains, far from the countries.</p>
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. <div class="fh5co-tab-content" data-content="4">
  160. <div class="fh5co-content-inner">
  161. <div class="row">
  162. <div class="col-md-12">
  163. <p>Создавал топологию сети для школы, настраивал виртуальный сервер с ADDS, устанавливал и настраивал IP-видеокамеры, настраивал маршрутизаторы Cisco и подобных.</p>
  164. </div>
  165. <div class="col-md-4 col-sm-6 col-xs-12 text-center">
  166. <div class="chart" data-percent="70"><span><strong>Linux</strong>70%</span></div>
  167. </div>
  168. <div class="col-md-4 col-sm-6 col-xs-12 text-center">
  169. <div class="chart" data-percent="30"><span><strong>Windows Server</strong>30%</span></div>
  170. </div>
  171. <div class="col-md-4 col-sm-6 col-xs-12 text-center">
  172. <div class="chart" data-percent="93"><span><strong>Cisco</strong>93%</span></div>
  173. </div>
  174. <div class="col-md-4 col-sm-6 col-xs-12 text-center">
  175. <div class="chart" data-percent="60"><span><strong>Trassir</strong>60%</span></div>
  176. </div>
  177. <div class="col-md-4 col-sm-6 col-xs-12 text-center">
  178. <div class="chart" data-percent="36"><span><strong>Astra Linux</strong>36%</span></div>
  179. </div>
  180. <div class="col-md-4 col-sm-6 col-xs-12 text-center">
  181. <div class="chart" data-percent="99,9"><span><strong>Python</strong>99,9%</span></div>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. <!-- jQuery -->
  189. <script src="js/jquery.min.js"></script>
  190. <!-- jQuery Easing -->
  191. <script src="js/jquery.easing.1.3.js"></script>
  192. <!-- Bootstrap -->
  193. <script src="js/bootstrap.min.js"></script>
  194. <!-- Waypoints -->
  195. <script src="js/jquery.waypoints.min.js"></script>
  196. <!-- Easy PieChart -->
  197. <script src="js/jquery.easypiechart.min.js"></script>
  198. <!-- MAIN JS -->
  199. <script src="js/main.js"></script>
  200. </body>
  201. </html>