/
eb
/
moderno
Обзор
Документация
Войти
/
eb
/
moderno
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
app/profile.html
564 строки
22 KB
Будаев Евгений
fix title pages
28 апр 2020, 16:51
28 апр 2020, 16:51
bff60d4
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Profile</title> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300,500;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap" rel="stylesheet"> <link rel="stylesheet" href="css/libs.min.css"> <link rel="stylesheet" href="css/style.min.css"> </head> <body> <div class="wrapper"> <div class="content page-content"> <header class="header"> <div class="header__top"> <div class="container"> <div class="header__top-inner"> <div class="header__logo"> <a href="#"> <img src="images/logo.png" alt="logo"> </a> </div> <div class="header__text"> <a href="#"> <span>Need help?</span> </a> Talk to an expert: <a class="header__phone" href="tel:61383766284">+61 3 8376 6284</a> </div> <div class="header__box"> <div class="notification__box"> <a class="notification header-circle active icon-bell-o" href="#"><span>8</span></a> <div class="circle__menu notification__menu"> <a class="circle__item icon-bell-o icons-color" href="#"> <img class="circle__images" src="images/content/message-user1.jpg" alt="basket-img"> <div class="circle__info"> <div class="circle__info-theme"> Need WP Help! </div> <div class="circle__info-date"> 01 May, 2020 </div> </div> </a> <a class="circle__item icon-bell-o" href="#"> <img class="circle__images" src="images/content/message-user2.jpg" alt="basket-img"> <div class="circle__info"> <div class="circle__info-theme"> Need WP Help! </div> <div class="circle__info-date"> 01 May, 2020 </div> </div> </a> <a class="circle__item icon-bell-o" href="#"> <img class="circle__images" src="images/content/message-user3.jpg" alt="basket-img"> <div class="circle__info"> <div class="circle__info-theme"> Psd Template Help! </div> <div class="circle__info-date"> 01 May, 2020 </div> </div> </a> </div> </div> <div class="message__box"> <a class="message header-circle active icon-envelope-o" href="#"><span>5</span></a> <div class="circle__menu message__menu"> <a class="circle__item icon-envelope-o icons-color" href="#"> <img class="circle__images" src="images/content/message-user1.jpg" alt="basket-img"> <div class="circle__info"> <div class="circle__info-name"> Kazi Fahim </div> <div class="circle__info-theme"> Need WP Help! </div> <div class="circle__info-date"> 01 May, 2020 </div> </div> </a> <a class="circle__item icon-envelope-o" href="#"> <img class="circle__images" src="images/content/message-user2.jpg" alt="basket-img"> <div class="circle__info"> <div class="circle__info-name"> Richi Lenal </div> <div class="circle__info-theme"> Need WP Help! </div> <div class="circle__info-date"> 01 May, 2020 </div> </div> </a> <a class="circle__item icon-mail-reply" href="#"> <img class="circle__images" src="images/content/message-user3.jpg" alt="basket-img"> <div class="circle__info"> <div class="circle__info-name"> PsdBosS </div> <div class="circle__info-theme"> Psd Template Help! </div> <div class="circle__info-date"> 01 May, 2020 </div> </div> </a> </div> </div> <div class="basket__box"> <a class="basket header-circle active icon-shopping-cart" href="#"><span>8</span></a> <div class="circle__menu"> <a class="circle__item" href="#"> <img class="circle__images" src="images/content/basket-item1.jpg" alt="basket-img"> <div class="circle__info"> <div class="circle__info-name"> Grand Ballet </div> <div class="circle__info-theme"> WordPress </div> <div class="circle__info-price"> $59 </div> </div> </a> <a class="circle__item" href="#"> <img class="circle__images" src="images/content/basket-item2.jpg" alt="basket-img"> <div class="circle__info"> <div class="circle__info-name"> Apple Device </div> <div class="circle__info-theme"> WordPress </div> <div class="circle__info-price"> $59 </div> </div> </a> <div class="basket__sum"> <div class="basket__title"> <div class="basket__sum-total">total</div> <div class="basket__sum-price">$118</div> </div> <a class="basket__btn " href="#">Go to Cart</a> <a class="basket__btn basket__btn-checkout " href="#">Go to Checkout</a> </div> </div> </div> <div class="user__box"> <a class="user" href="#"> <div class="user__inner"> <div class="user__images"> <img src="images/content/user-login.jpg" alt="user-login-avatar"> </div> <div class="user__info"> <div class="user__name"> Mike Hussy </div> <div class="user__money"> $171.00 </div> </div> </div> </a> <div class="user__menu"> <ul> <li><a class="angle-right" href="#">Profile Page</a></li> <li><a class="angle-right" href="#">Portfolio</a></li> <li><a class="angle-right" href="#">Account Setting</a></li> <li><a class="angle-right" href="#">Downloads</a></li> <li><a class="angle-right" href="#">Wishlist</a></li> <li><a class="angle-right" href="#">Upload Item</a></li> <li><a class="angle-right" href="#">Statement</a></li> <li><a class="angle-right" href="#">Withdraws</a></li> </ul> </div> </div> <a class="header__btn header__btn-login header__btn-login--off" href="#">Login</a> <a class="header__btn header__btn-logout header__btn-login--on" href="#">Logout</a> <a class="header__btn header__btn-register header__btn-login--off" href="#">Register</a> </div> <div class="header__btn-menu icon-user"></div> </div> </div> </div> <div class="header__menu"> <div class="container"> <nav class="menu"> <div class="menu__btn"> <div></div> <div></div> <div></div> </div> <ul class="menu__list"> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">WordPress</a></li> <li><a href="#">Joomla</a></li> <li><a href="#">PSD</a></li> <li><a href="#">Plugins</a></li> <li><a href="#">Components</a></li> <li><a href="#">Pages</a></li> <li><a href="#">Contact</a></li> <li><a href="#">Help</a></li> </ul> </nav> </div> </div> </header> <section class="search page-search" style="background-image: url(images/search-bg.jpg)"> <div class="container"> <div class="search__inner"> <div class="search__inner-text"> Premium WordPress Themes, Web Templates and Many More ... </div> <div class="search__inner-form"> <form> <input type="search" placeholder="Search Your Keywords . . ." required> <button type="submit"> <img src="images/icons/search.png" alt="search"> </button> </form> </div> </div> </div> </section> <div class="breadcrumbs"> <div class="container"> <div class="breadcrumbs__inner"> <ul class="breadcrumbs__list"> <li><a href=#>Home</a></li> <li><span>About US</span></li> </ul> </div> </div> </div> <section class="profile"> <div class="container"> <div class="profile__inner"> <div class="profile__aside"> <div class="aside__item"> <div class="aside__title"> About Author </div> <div class="product-author__box"> <div class="author__avatar"> <img src="images/content/avatar.jpg" alt="avatar"> </div> <div class="author__info"> <div class="author__name"> PsdBoss </div> <div class="profile-status profile-on"> Online </div> </div> </div> <ul class="author__awards-list"> <li class="icon-meh-o"></li> <li class="icon-pagelines"></li> <li class="icon-flash"></li> <li class="icon-foursquare"></li> <li class="icon-yen"></li> </ul> </div> <ul class="footer__social-link"> <li><a class="link-facebook" href="#"></a></li> <li><a class="link-twitter" href="#"></a></li> <li><a class="link-youtube" href="#"></a></li> <li><a class="link-linkedin" href="#"></a></li> </ul> <div class="profile__aside-btn"> <a class="profile__aside-message" href="#">Send Message</a> <a class="profile__aside-following" href="#">Following</a> </div> </div> <div class="profile__content"> <div class="profile__banner"> <div class="profile__banner-images" style="background-image: url(images//content/banner.jpg)"></div> </div> <div class="profile__items"> <div class="profile__item"> <div class="profile__item-title">Country:</div> <div class="profile__item-content">England</div> </div> <div class="profile__item"> <div class="profile__item-title">Member Since:</div> <div class="profile__item-content">December 26, 2014</div> </div> <div class="profile__item"> <div class="profile__item-title">Author Rating:</div> <div class="profile__item-content"> <div class="rate-star"></div><span class="product__item-starnum">(05)</span> </div> </div> <div class="profile__item"> <div class="profile__item-title">Total Sales:</div> <div class="profile__item-content profile__item-sales">$ 5,030</div> </div> </div> </div> </div> </div> </section> <section class="settings profile-settings"> <div class="container"> <div class="product-one__tabs settings__tabs"> <div class="tabs"> <span class="tab active icon-user" data-id="1"> About Me </span> <span class="tab icon-briefcase" data-id="2"> Products ( 10 ) </span> <span class="tab icon-envelope-o" data-id="3"> Message Box </span> <span class="tab icon-comment-o" data-id="4"> Customer Reviews ( 20 ) </span> <span class="tab icon-users" data-id="5"> Followers (100 ) </span> </div> <div class="tab__content"> <div class="tab__item active-tab" id="1"> <div class="personal-box"> <div class="personal-box__title"> About Me: </div> <div class="personal-box__text"> <p> Bimply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic. </p> </div> <div class="personal-box__items"> <div class="personal-box__title"> Skills: </div> <div class="personal-box__item"> <div class="personal-box__item-head"> <div class="personal-box__item-name">Graphic Design</div> <div class="personal-box__item-number">80%</div> </div> <div class="personal-box__item-line"> <span style="max-width: 80%;"></span> </div> </div> <div class="personal-box__item"> <div class="personal-box__item-head"> <div class="personal-box__item-name">WordPress</div> <div class="personal-box__item-number">90%</div> </div> <div class="personal-box__item-line"> <span style="max-width: 90%;"></span> </div> </div> <div class="personal-box__item"> <div class="personal-box__item-head"> <div class="personal-box__item-name">Joomla</div> <div class="personal-box__item-number">70%</div> </div> <div class="personal-box__item-line"> <span style="max-width: 70%;"></span> </div> </div> </div> </div> </div> <div class="tab__item" id="2"> <div class="personal-box"> <div class="personal-box__title"> About Me: </div> <div class="personal-box__text"> <p> Bimply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic. </p> </div> <div class="personal-box__items"> <div class="personal-box__title"> Skills: </div> <div class="personal-box__item"> <div class="personal-box__item-head"> <div class="personal-box__item-name">Graphic Design</div> <div class="personal-box__item-number">80%</div> </div> <div class="personal-box__item-line"> <span style="max-width: 80%;"></span> </div> </div> <div class="personal-box__item"> <div class="personal-box__item-head"> <div class="personal-box__item-name">WordPress</div> <div class="personal-box__item-number">90%</div> </div> <div class="personal-box__item-line"> <span style="max-width: 90%;"></span> </div> </div> <div class="personal-box__item"> <div class="personal-box__item-head"> <div class="personal-box__item-name">Joomla</div> <div class="personal-box__item-number">70%</div> </div> <div class="personal-box__item-line"> <span style="max-width: 70%;"></span> </div> </div> </div> </div> </div> <div class="tab__item" id="3"></div> <div class="tab__item" id="4"></div> <div class="tab__item" id="5"></div> </div> </div> </div> </section> </div> <footer class="footer"> <div class="footer__content"> <div class="container"> <div class="footer__inner"> <div class="footer__col footer__col-address"> <div class="footer__col-title"> About Company </div> <div class="footer__col-text"> Praesent vel rutrum purus. Nam vel dui eu risus duis dignissim digniSuspen disse.Fusce sit amet urna iat.Praesent vel rutrum purus. </div> <div class="footer_info"> PO Box 16122 Collins Street West Victoria 8007 Australia </div> <a class="footer_info footer_info-phone" href="tel:6138376 6284"> +61 3 8376 6284 </a> </div> <div class="footer__col footer__col-menu"> <div class="footer__col-title"> Join Our Community </div> <ul class="footer__col-list"> <li><a href="#">Home</a></li> <li><a href="#">Forums</a></li> <li><a href="#">Become an Author</a></li> <li><a href="#">Community Meetups</a></li> <li><a href="#">Become an Affiliate</a></li> </div> <div class="footer__col footer__col-menu"> <div class="footer__col-title"> Need Help? </div> <ul class="footer__col-list"> <li><a href="#">Help Center</a></li> <li><a href="#">Foxtar Market Terms</a></li> <li><a href="#">Author Terms</a></li> <li><a href="#">Foxtar Licenses</a></li> <li><a href="#">Contact Us</a></li> </div> <div class="footer__col footer__col-social"> <div class="footer__col-title"> Follow Us On </div> <ul class="footer__social-link"> <li><a class="link-facebook" href="#"></a></li> <li><a class="link-twitter" href="#"></a></li> <li><a class="link-youtube" href="#"></a></li> <li><a class="link-printerest" href="#"></a></li> <li><a class="link-linkedin" href="#"></a></li> </ul> <div class="footer__form"> <div class="footer__form-title"> Newsletter Sign Up! </div> <form> <input type="email" placeholder="E-mail Address"> <button type="submit"></button> </form> </div> </div> </div> </div> </div> <div class="footer__copy"> <div class="container"> <div class="footer__copy-text"> © 2017 Foxtar market place. Trademarks and brands are the property of their respective owners. </div> </div> </div> </footer> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="js/libs.min.js"></script> <script src="js/main.js"></script> </body> </html>