123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234 |
- <!DOCTYPE html>
- <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
- <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
- <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
- <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>Мотыль — Крутые штуки умею</title>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="description" content="Free HTML5 Website Template by FreeHTML5.co" />
- <meta name="keywords" content="free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
- <meta name="author" content="FreeHTML5.co" />
- <!--
- //////////////////////////////////////////////////////
- FREE HTML5 TEMPLATE
- DESIGNED & DEVELOPED by FreeHTML5.co
-
- Website: --
- Email: setesfindert@gmail.com
- Telegram: https://t.me/Yellow_geckon
- telegram channel: https://t.me/Chrysof1762
- //////////////////////////////////////////////////////
- -->
- <!-- Facebook and Twitter integration -->
- <meta property="og:title" content="https://t.me/Chrysof1762"/>
- <meta property="og:image" content="https://t.me/Chrysof1762"/>
- <meta property="og:url" content="https://t.me/Chrysof1762"/>
- <meta property="og:site_name" content="https://t.me/Chrysof1762"/>
- <meta property="og:description" content="https://t.me/Chrysof1762"/>
- <meta name="twitter:title" content="https://t.me/Chrysof1762" />
- <meta name="twitter:image" content="https://t.me/Chrysof1762" />
- <meta name="twitter:url" content="https://t.me/Chrysof1762" />
- <meta name="twitter:card" content="https://t.me/Chrysof1762" />
- <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
- <link rel="shortcut icon" href="favicon.ico">
- <!-- <link href='https://fonts.googleapis.com/css?family=Work+Sans:400,300,600,400italic,700' rel='stylesheet' type='text/css'> -->
-
- <!-- Animate.css -->
- <link rel="stylesheet" href="css/animate.css">
- <!-- Icomoon Icon Fonts-->
- <link rel="stylesheet" href="css/icomoon.css">
- <!-- Bootstrap -->
- <link rel="stylesheet" href="css/bootstrap.css">
- <!-- Theme style -->
- <link rel="stylesheet" href="css/style.css">
- <!-- Modernizr JS -->
- <script src="js/modernizr-2.6.2.min.js"></script>
- <!-- FOR IE9 below -->
- <!--[if lt IE 9]>
- <script src="js/respond.min.js"></script>
- <![endif]-->
- </head>
- <body style="background-image: url(images/bg_img.jpg);">
-
- <div id="fh5co-main">
- <div class="fh5co-tab-wrap">
- <ul class="fh5co-tab-menu">
- <li class="active"><a href="#" data-tab="1"><span class="icon icon-glass"></span><span class="menu-text">Хто я</span></a></li>
- <li><a href="#" data-tab="2"><span class="icon icon-graduation-cap"></span><span class="menu-text">Чему я учиталсь</span></a></li>
- <li><a href="#" data-tab="3"><span class="icon icon-black-tie"></span><span class="menu-text">Что я делала</span></a></li>
- <li><a href="#" data-tab="4" data-pie="yes"><span class="icon icon-fighter-jet"></span><span class="menu-text">Что я умею</span></a></li>
- </ul>
- <div class="fh5co-tab-content active" data-content="1">
- <div class="fh5co-content-inner text-center">
- <div class="row row-bottom-padded-sm">
- <div class="col-md-12">
- <figure>
- <img src="images/profile_img.png" alt="Free HTML5 Wesbite Template by FreeHTML5.co">
- </figure>
- <h1>Мотыль</h1>
- <p>Саберфайтер, смбшник, Художник(от слова худо), Системный администратор, тот-человек-который-умеет-работать-руками, днд мастер и просто я полезна везде где только можно :) </p>
- </div>
- </div>
- <div class="row">
- <div class="col-md-12 fh5co-counter">
- <div class="fh5co-number fh5co-left">7</div>
- <div class="fh5co-text">
- <h3 class="border-bottom">Лет занимаюсь вообще всем до чего руки дотянутся</h3>
- <p>С креативными идеями и за ними можете смело идти ко мне</p>
- </div>
- </div>
- </div>
- <ul class="fh5co-social">
- <li><a href="#"><i class="icon-envelope"></i></a></li>
- <li><a href="#"><i class="icon-twitter"></i></a></li>
- <li><a href="#"><i class="icon-instagram"></i></a></li>
- <li><a href="#"><i class="icon-google"></i></a></li>
- <li><a href="#"><i class="icon-linkedin"></i></a></li>
- </ul>
- </div>
- </div>
- <div class="fh5co-tab-content" data-content="2">
- <div class="fh5co-content-inner">
- <div class="row">
- <div class="col-md-12">
- <p>Я прошла кучу всяких классных обучалок, прям реально много. Как пример - программирование, веб и гейм дизайн, ковка, работа с кожей, системное администрирование, 3d моделирование... перечислять можно очень долго</p>
- <div class="fh5co-feature">
- <div class="fh5co-icon">
- <i class="icon-graduation-cap"></i>
- </div>
- <div class="fh5co-text">
- <h2>2013-2022</h2>
- <p>Школа(ужс)</p>
- </div>
- </div>
- <div class="fh5co-feature">
- <div class="fh5co-icon">
- <i class="icon-graduation-cap"></i>
- </div>
- <div class="fh5co-text">
- <h2>2022-2026</h2>
- <p>Колледж пока не закончила</p>
- </div>
- </div>
- <div class="fh5co-feature">
- <div class="fh5co-icon">
- <i class="icon-graduation-cap"></i>
- </div>
- <div class="fh5co-text">
- <h2>2026-20??</h2>
- <p>В институт планирую пойти</p>
- </div>
- </div>
- </div>
-
- </div>
- </div>
- </div>
- <div class="fh5co-tab-content" data-content="3">
- <div class="fh5co-content-inner">
- <div class="row">
- <div class="col-md-12">
- <p>Работала я пока практивески нигде, разве что</p>
- <div class="fh5co-feature">
- <div class="fh5co-icon">
- <i class="icon-black-tie"></i>
- </div>
- <div class="fh5co-text">
- <h2>2024 - Present</h2>
- <h3>Место силы</h3>
- <p>Веду крайне интересные ваншоты днд</p>
- </div>
- </div>
- <div class="fh5co-feature">
- <div class="fh5co-icon">
- <i class="icon-black-tie"></i>
- </div>
- <div class="fh5co-text">
- <h2>20??-20??</h2>
- <h3>хз</h3>
- <p>Хочу работать, хочу деняк</p>
- </div>
- </div>
- </div>
-
- </div>
- </div>
- </div>
- <div class="fh5co-tab-content" data-content="4">
- <div class="fh5co-content-inner">
- <div class="row">
- <div class="col-md-12">
- <p>Много всего умею, прям очень много, так что о главном:</p>
- </div>
- <div class="col-md-4 col-sm-6 col-xs-12 text-center">
- <div class="chart" data-percent="70"><span><strong>плакать</strong>70%</span></div>
- </div>
- <div class="col-md-4 col-sm-6 col-xs-12 text-center">
- <div class="chart" data-percent="1000"><span><strong>быть счастливым</strong>1000%</span></div>
- </div>
- <div class="col-md-4 col-sm-6 col-xs-12 text-center">
- <div class="chart" data-percent="80"><span><strong>бить людей</strong>80%</span></div>
- </div>
- <div class="col-md-4 col-sm-6 col-xs-12 text-center">
- <div class="chart" data-percent="50"><span><strong>кушать</strong>50%</span></div>
- </div>
- <div class="col-md-4 col-sm-6 col-xs-12 text-center">
- <div class="chart" data-percent="10"><span><strong>спать</strong>10%</span></div>
- </div>
- <div class="col-md-4 col-sm-6 col-xs-12 text-center">
- <div class="chart" data-percent="90"><span><strong>AngularJS</strong>90%</span></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <footer id="fh5co-footer">
- <div class="row">
- <div class="col-md-6 col-md-offset-3 text-center">
- <small>
- © текст текст текст много текста 2024 <span class="fh5co-author">
- Это сделал <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>
- </small>
- </div>
- </div>
- </footer>
- </div>
-
- <!-- jQuery -->
- <script src="js/jquery.min.js"></script>
- <!-- jQuery Easing -->
- <script src="js/jquery.easing.1.3.js"></script>
- <!-- Bootstrap -->
- <script src="js/bootstrap.min.js"></script>
- <!-- Waypoints -->
- <script src="js/jquery.waypoints.min.js"></script>
- <!-- Easy PieChart -->
- <script src="js/jquery.easypiechart.min.js"></script>
- <!-- MAIN JS -->
- <script src="js/main.js"></script>
- </body>
- </html>
|