ShariX_SportsFriend
/
sharix-sports-webservice-running
-с салаалсан ShariX_Open/sharix-open-webservice-running


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
							<!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 &#8381;</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>