rosa-build/doc/design/abf-profile settings.html

188 lines
4.9 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Сборочная среда</title>
<script type="text/javascript" src="js/html5shiv.js"></script>
<link rel="stylesheet" type="text/css" href="styles/main.css" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/all.js"></script>
<script type='text/javascript' src='js/checkbox-main.js'></script>
</head>
<body>
<div class="wrap columns">
<!--Top block-->
<header>
<div class="left">
</div>
<div class="middle">
<!--Main menu-->
<menu>
<div class="logo">
<a href="#"><img src="pics/logo-mini.png" alt="Главная" /></a>
</div>
<ul>
<li>
<a href="#">Главная</a>
</li>
<li>
<a href="#">Проекты</a>
</li>
<li>
<a href="#">Группы</a>
</li>
<li>
<a href="#">Мониторинг</a>
</li>
<li>
<a href="#">Платформа</a>
</li>
<li>
<a href="#">Документация</a>
</li>
</ul>
</menu>
<div class="information">
<!--Search-->
<div class="search">
<div class="pic">
</div>
<div class="field">
<input type="text" value="Поиск" class="gray" onClick="if(this.value=='Поиск'){this.value='';this.className='black';}" onblur="if(this.value==''){this.value='Поиск';this.className='gray';}" />
</div>
</div>
<div class="user active">
<div class="avatar" onclick="droplist();">
<img src="pics/ava.png" alt="avatar" height="30" />
</div>
<div class="profile" onclick="droplist();">
<a href="#" onclick="droplist();">mikimaus <img src="pics/expand-white.png" alt="ex" /></a>
</div>
</div>
<div class="both">
</div>
<div class="droplist-wrap">
<div class="droplist" id="droplist">
<div class="a"><a href="#">Публичный профиль</a></div>
<div class="a"><a href="#">Настройки</a></div>
<div class="a"><a href="#">Выйти</a></div>
</div>
</div>
</div>
</div>
<div class="right">
</div>
<div class="both">
</div>
</header>
<div class="both">
</div>
<!--Page-->
<article>
<!--Left part of page-->
<aside>
<div class="admin-preferences">
<ul>
<li>
<a href="#">Общее</a>
</li>
<li class="active">
<a href="#">Настройки</a>
</li>
<li>
<a href="#">Центр подписки</a>
</li>
</ul>
</div>
</aside>
<!--Right part of page-->
<div class="right middlepadding">
<h3 class="fix bpadding10">Изменить пароль</h3>
<div class="leftlist">
Старый пароль:
</div>
<div class="rightlist">
<input type="password" value=""></input>
</div>
<div class="both"></div>
<div class="leftlist">
Новый пароль:
</div>
<div class="rightlist">
<input type="password" value=""></input>
</div>
<div class="both"></div>
<div class="leftlist">
Повторить пароль:
</div>
<div class="rightlist">
<input type="password" value=""></input>
</div>
<div class="both"></div>
<div class="leftlist">
&nbsp;
</div>
<div class="rightlist">
<a class="button" href="#">Сохранить</a>
</div>
<div class="both"></div>
<div class="hr">
</div>
<h3>Удалить аккаунт</h3>
<div class="leftside">
Внимание! Удаленный аккаунт восстановлению не подлежит.
</div>
<div class="rightside">
<a class="button" href="#">Удалить</a>
</div>
<div class="both"></div>
</div>
<div class="both"></div>
</article>
</div>
<!--Footer-->
<footer>
<ul>
<li>
ROSA Лаб. © 2012 <img src="pics/square.png" alt="_" />
</li>
<li>
<img src="pics/flag.png" alt="rosa" /> <img src="pics/square.png" alt="_" />
</li>
<li>
<a href="#">О компании</a> <img src="pics/square.png" alt="_" />
</li>
<li>
<a href="#">Контакты</a> <img src="pics/square.png" alt="_" />
</li>
<li>
<a href="#">Условия использования</a> <img src="pics/square.png" alt="_" />
</li>
<li>
<a href="#">Конфиденциальность</a> <img src="pics/square.png" alt="_" />
</li>
<li>
<a href="#">Безопасность</a>
</li>
</ul>
</footer>
</body>
</html>