/
eb
/
moderno
Обзор
Документация
Войти
/
eb
/
moderno
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
app/settings.html
506 строк
19 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>Settings</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>Settings</span></li> </ul> </div> </div> </div> <section class="settings"> <div class="container"> <div class="product-one__tabs settings__tabs"> <div class="tabs"> <span class="tab active angle-right" data-id="1"> Personal Information </span> <span class="tab angle-right" data-id="2"> Profile </span> <span class="tab angle-right" data-id="3"> Badges </span> <span class="tab angle-right" data-id="4"> E-mail Settings </span> <span class="tab angle-right" data-id="5"> Social Network </span> </div> <div class="tab__content"> <div class="tab__item active-tab" id="1"> <div class="page-box"> <div class="page-box__title"> Personal Information </div> <div class="page-box__content"> <form> <div class="settings__line"> <label>First Name</label> <input type="text"> </div> <div class="settings__line"> <label>Last Name</label> <input type="text"> </div> <div class="settings__line"> <label>Company Name</label> <input type="text"> </div> <div class="settings__line"> <label>Country</label> <select> <option>Select Your Country</option> <option>Select Your Country</option> </select> </div> <div class="settings__line"> <label>Address Line 1</label> <input type="text"> </div> <div class="settings__line"> <label>Address Line 2</label> <input type="text"> </div> <div class="settings__line"> <label>City</label> <input type="text"> </div> <div class="settings__line"> <label>State / Province / Region</label> <input type="text"> </div> <div class="settings__line"> <label>Zip / Postal Code</label> <input type="text"> </div> </form> </div> </div> </div> <div class="tab__item" id="2"> <div class="page-box"> <div class="page-box__title"> Personal Information </div> <div class="page-box__content"> <form> <div class="settings__line"> <label>First Name</label> <input type="text"> </div> <div class="settings__line"> <label>Last Name</label> <input type="text"> </div> <div class="settings__line"> <label>Company Name</label> <input type="text"> </div> <div class="settings__line"> <label>Country</label> <select> <option>Select Your Country</option> <option>Select Your Country</option> </select> </div> <div class="settings__line"> <label>Address Line 1</label> <input type="text"> </div> <div class="settings__line"> <label>Address Line 2</label> <input type="text"> </div> <div class="settings__line"> <label>City</label> <input type="text"> </div> <div class="settings__line"> <label>State / Province / Region</label> <input type="text"> </div> <div class="settings__line"> <label>Zip / Postal Code</label> <input type="text"> </div> </form> </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>