Интересует, это красивая (валидная) верстка или можно что-то переделать..
Верстка приведена не полностью..
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>Заголовок</title>
<link rel="stylesheet" href="css/style.css" type="text/css" />
</head>
<body>
<!-- START WRAP -->
<div id="wrap">
<!-- START HEADER BLOCK -->
<div id="header">
<div id="header_text">
<div id="header_title">
Пластиковые окна и двери
</div>
<div id = "bottom_text">
Ваш квалифицированный партнер по проектированию, изготовлению, монтажу пластиковых конструкций
</div>
</div>
<div id = "header_logo">
<img src = "./images/logo.png">
</div>
<div id="phone">
<div id="phone_code"><b>1111</b></div>
<div id = "phone_num">111-111</div>
</div>
</div>
<!-- END HEADER BLOCK -->
<!-- START TOP_MENU BLOCK -->
<div id="top_menu">
<div id="top_links" align = "center">
<a href = "">Пластиковые окна и двери</a>
<a href = "">Акции</a>
<a href = "">Услуги и сервис</a>
<a href = "">Контакты</a>
<a href = "">Вызов замерщика</a>
<a href = "">Для партнеров</a>
</div>
<div style = "float: left;">
<img src = "./images/window.png" style = "padding-top: 16px; padding-left: 74px;">
</div>
<div style = "float: left; color: #fff; font-size: 2em; padding-top: 45px;">
Работаем в России<br> по Европейским стандартам
</div>
</div>
<!-- END TOP_MENU BLOCK -->
</div>
<!-- END WRAP -->
</body>
</html>
CSS:
body {
font-family: Tahoma, Helvetica, sans-serif;
margin: 0px;
min-width: 1024px;
}
#top_links a
{
font-family: "Tahoma";
color: #28aa37;
font-size: 1.05em;
padding-left: 24px;
}
#top_links
{
padding-top: 25px;
}
#header_logo{
padding-left: 125px;
padding-top: 9px;
float: left;
}
#header {
width: 100%;
height: 120px;
}
#phone{
padding-top: 28px;
padding-right: 105px;
float: right;
font-family: Tahoma;
}
#header_title{
text-shadow: 0px 0px 20px #fff;
font-size: 1.1em;
}
#bottom_text{
text-shadow: 0px 0px 4px #fff;
padding-top: 10px;
font-size: 0.776em;
}
#header_text{
color: #424548;
padding-left: 88px;
padding-top: 24px;
width: 25%;
float: left;
}
#phone_code{
color: #53BB5F;
font-size: 0.9em;
font-family: sans-serif;
float: left;
}
#phone_num{
color: #424545;
float: left;
font-size: 2.3em;
padding-left: 8px;
}
#top_menu{
width: 100%;
height: 294px;
background: url('../images/back_green.png');
}