|
@@ -1,132 +0,0 @@
|
|
|
-<!DOCTYPE html>
|
|
|
|
|
-<html>
|
|
|
|
|
- <head>
|
|
|
|
|
- <meta charset="UTF-8">
|
|
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
|
- <link rel="shortcut icon" type="image/png" href="https://animaproject.s3.amazonaws.com/home/favicon.png" />
|
|
|
|
|
- <link rel="stylesheet" type="text/css" href="css/style.css">
|
|
|
|
|
-
|
|
|
|
|
- </head>
|
|
|
|
|
- <body>
|
|
|
|
|
- <header>
|
|
|
|
|
- <a href="personal_acc.html"><img src="img/logo_open.svg" alt="sharix" style="height:42px"></a>
|
|
|
|
|
- </header>
|
|
|
|
|
- <div class="logout">
|
|
|
|
|
- <a href="" class="logoutCircle"><img src="img/Vector.svg"></a>
|
|
|
|
|
- <a href="" class="logoutText">Выйти</a>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <main>
|
|
|
|
|
- <div class="container-acc">
|
|
|
|
|
-
|
|
|
|
|
- <div class="person">
|
|
|
|
|
- <img src="img/userPhoto.png" id="userPhoto">
|
|
|
|
|
- <div class="aboutUser">
|
|
|
|
|
- <p class="name">Антон Долин</p>
|
|
|
|
|
- <p class="email">anton@dolin.ru</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- <img src="img/settings.svg" id="settings">
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- <div id="myModal" class="modal">
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- <div class="modal-content">
|
|
|
|
|
- <form method="" action="">
|
|
|
|
|
- <div class="formElement">
|
|
|
|
|
- <p>Имя</p>
|
|
|
|
|
- <input id="name" name="name" type="text" value="Антон">
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="formElement">
|
|
|
|
|
- <p>Фамилия</p>
|
|
|
|
|
- <input id="surname" name="surname" type="text" value="Долин">
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="formElement">
|
|
|
|
|
- <p>Электронная почта</p>
|
|
|
|
|
- <input id="email" name="email" type="text" value="anton@dolin.ru">
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="formElement">
|
|
|
|
|
- <p>Номер телефона</p>
|
|
|
|
|
- <input id="phone" name="phone" type="text" value="+71231231212">
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="formBtns">
|
|
|
|
|
- <a href="" id="closeModal">Отмена</a>
|
|
|
|
|
- <button id="save" type="submit">Сохранить</button>
|
|
|
|
|
- </div>
|
|
|
|
|
- </form>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- <div class="wrapper bnh">
|
|
|
|
|
- <div class="balance">
|
|
|
|
|
- <div class="titleGroup">
|
|
|
|
|
- <h2>Баланс</h2>
|
|
|
|
|
- <a href="" id="plus"><img src="img/plus.svg" id="plus"></a>
|
|
|
|
|
- </div>
|
|
|
|
|
- <p class="balanceValue">1 500 000, 83 ₽</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="history">
|
|
|
|
|
- <div class="titleGroup">
|
|
|
|
|
- <h2>История</h2>
|
|
|
|
|
- <a href="" id="arrow"><img src="img/arrow.svg" id="plus"></a>
|
|
|
|
|
- </div>
|
|
|
|
|
- <a href="" class="historyElement"><p>Покупка курса "Основы работы с ShariX"</p></a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <section class="myServices">
|
|
|
|
|
- <h2>Мои сервисы</h2>
|
|
|
|
|
- <div class="wrapper services">
|
|
|
|
|
- <div class="service">
|
|
|
|
|
- <a href=""><img src="img/logo_open.svg"></a>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="service">
|
|
|
|
|
- <a href=""><img src="img/logo_open.svg"></a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </section>
|
|
|
|
|
-
|
|
|
|
|
- <section class="myCourses">
|
|
|
|
|
- <h2>Мои курсы</h2>
|
|
|
|
|
- <div class="wrapper courses">
|
|
|
|
|
- <a href="">
|
|
|
|
|
- <div class="course">
|
|
|
|
|
- <img src="img/people.svg">
|
|
|
|
|
- <p>Основы работы с ShariX</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </a>
|
|
|
|
|
- <a href="">
|
|
|
|
|
- <div class="course">
|
|
|
|
|
- <img src="img/iot.svg">
|
|
|
|
|
- <p>Интернет вещей</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </a>
|
|
|
|
|
- <a href="">
|
|
|
|
|
- <div class="course">
|
|
|
|
|
- <img src="img/arrows.svg">
|
|
|
|
|
- <p>Введение в Sharing-сервисы</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </a>
|
|
|
|
|
- </div>
|
|
|
|
|
- </section>
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
- </main>
|
|
|
|
|
-
|
|
|
|
|
- <footer>
|
|
|
|
|
- <ul>
|
|
|
|
|
- <li id="deleteAcc"><a href="">Удалить аккаунт</a></li>
|
|
|
|
|
- <li><a href="">Контакты</a></li>
|
|
|
|
|
- <li><a href="">Условия использования</a></li>
|
|
|
|
|
- <li><a href="">Политика конфиденциальности</a></li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </footer>
|
|
|
|
|
-
|
|
|
|
|
- <script src="js/script.js"></script>
|
|
|
|
|
- </body>
|
|
|
|
|
-
|
|
|
|
|
-</html>
|
|
|
