CssMeNow

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

```
<head>
```

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

```
	<title>XXL</title>
```

	<style media="all" type="text/css">@import "css/all.css";</style>

	<!--[if lt IE 7]><link rel="stylesheet" type="text/css" href="css/ie6.css" media="screen"/><![endif]-->

```
</head>
```
```
<body>
```
```
	
```
```
	<div id="page">
```
```
		
```
```
		<div class="header">
```
```
			
```

			<h1 class="f-left"><a href="#">XXL</a></h1>

			<a class="banner f-left" href="#"><img src="images/img1.jpg" alt="#" /></a>

```
		</div>
```
```
		<ul class="menu">
```

			<li class="active"><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>

```
			<li><a href="#">Lifestyle</a></li>
```
```
			<li><a href="#">Медиа</a></li>
```
```
			<li><a href="#">Хобби</a></li>
```
```
		</ul>
```
```
		
```
```
		<div class="primary-content">
```
```
			
```
```
			<div class="left-col f-left">
```
```
				<div class="left-box">
```
```
					<div class="left-cnt">
```
```
						<form action="#">
```
```
							<div class="form">
```

								<p><a href="#">Забыли свой пароль?</a>  |  <a href="#">Регистрация</a></p>

```
								<div>
```

									<input type="text" value="логин" class="text" />

									<input type="text" value="пароль" class="text" />

									<input type="image" src="images/go-btn.jpg" title="go" class="button" />

```
								</div>
```
```
							</div>
```
```
						</form>
```
```
					</div>
```
```
				</div>
```
```
				<div class="left-box">
```
```
					<div class="left-cnt">
```
```
						<div class="promo">
```
```
							<div class="promo-img f-left">
```

								<img src="images/img4.jpg" alt="#" />

```
							</div>
```
```
							<div class="promo-txt">
```

								<img class="stars f-right" src="images/stars.jpg" alt="#" />

```
								<h2>
```
```
									<small>27.03.2008</small>
```
```
									Шоу Victoria's Secret 2007
```
```
								</h2>
```
```
								<p>
```

									В четверг 15 ноября в Лос-анджелесском театре Kodak состоялся показ нижнего

									белья Victoria`s Secret. На сей раз в шоу, ежегодно собирающем лучших

									представительниц женской красоты, блеснули Alessandra Ambrosio, Selita

									Ebanks, Izabel GoulartВ четверг 15 ноября в Лос-анджелесском театре Kodak

									состоялся показ нижнего белья Victoria`s Secret.

									<a class="link" href="#"><img src="images/go-btn.jpg" alt="#" /></a>

```
								</p>
```
```
								<div class="media-box">
```
```
									<ul class="media f-left">
```

										<li><a href="#"><img src="images/audio-ico.jpg" alt="#" /></a></li>

										<li><a href="#"><img src="images/photo-ico.jpg" alt="#" /></a></li>

										<li><a href="#"><img src="images/video-ico.jpg" alt="#" /></a></li>

```
									</ul>
```
```
									<p class="comments f-right">
```

										Комментировать [<a href="#">0</a>]

```
									</p>
```
```
								</div>
```
```
							</div>
```
```
						</div>
```
```
					</div>	
```
```
				</div>
```
```
				<div class="left-box">
```
```
					<div class="left-cnt">
```
```
						<div class="news">
```
```
							<div class="news-img f-left">
```

								<img src="images/img5.jpg" alt="#" />

```
							</div>
```
```
							<div class="news-txt">
```

								<img class="stars f-right" src="images/stars.jpg" alt="#" />

								<h3>Вторая кожа моды</h3>

```
								<p>
```

									Про очень хорошую одежду говорят, что она сидит, как вторая кожа. Про вещи

									марки Trussardi так можно сказать и в прямом, и в переносном смысле. В прямом –

									потому что особое место среди продукции бренда занимают именно изделия из кожи –

```
									самого древнего
```

									<a class="link" href="#"><img src="images/go-btn.jpg" alt="#" /></a>

```
								</p>
```
```
								<p class="comments f-right">
```

									Комментировать [<a href="#">0</a>]

```
								</p>
```
```
							</div>
```
```
						</div>	
```
```
					</div>
```
```
				</div>
```
```
				<div class="left-box">
```
```
					<div class="left-cnt">
```
```
						<div class="news">
```
```
							<div class="news-img f-left">
```

								<img src="images/img6.jpg" alt="#" />

```
							</div>
```
```
							<div class="news-txt">
```

								<img class="stars f-right" src="images/stars.jpg" alt="#" />

								<h3 class="blue">В кофейной гуще</h3>

```
								<p>
```

									Не знаю как у вас, но у меня самый желанный запах утром в понедельник, это

									запах хорошо сваренного черного кофе. Только этот напиток может превратить

									лично меня (и еще миллионы страждущих индивидуумов) в человека за считанные минуты.

									<a class="link" href="#"><img src="images/go-btn.jpg" alt="#" /></a>

```
								</p>
```
```
								<p class="comments f-right">
```

									Комментировать [<a href="#">0</a>]

```
								</p>
```
```
							</div>
```
```
						</div>	
```
```
					</div>
```
```
				</div>
```
```
				<div class="left-box">
```
```
					<div class="left-cnt">
```
```
						<div class="news">
```
```
							<div class="news-img f-left">
```

								<img src="images/img7.jpg" alt="#" />

```
							</div>
```
```
							<div class="news-txt">
```

								<img class="stars f-right" src="images/stars.jpg" alt="#" />

								<h3 class="orange">Шоу Victoria's Secret 2007</h3>

```
								<p>
```

									В четверг 15 ноября в Лос-анджелесском театре Kodak состоялся показ нижнего белья

									Victoria`s Secret. На сей раз в шоу, ежегодно собирающем лучших представительниц

									женской красоты, блеснули Alessandra Ambrosio, Selita Ebanks, Izabel Goulart

									<a class="link" href="#"><img src="images/go-btn.jpg" alt="#" /></a>

```
								</p>
```
```
								<p class="comments f-right">
```

									Комментировать [<a href="#">5</a>]

```
								</p>
```
```
							</div>
```
```
						</div>	
```
```
					</div>
```
```
				</div>
```
```
				<div class="gallery">
```
```
					<p>
```
```
						последние фото
```
```
					</p>
```
```
					<ul class="gallery-list">
```

						<li><a href="#"><img src="images/img8.jpg" alt="#" /></a></li>

						<li><a href="#"><img src="images/img9.jpg" alt="#" /></a></li>

						<li><a href="#"><img src="images/img10.jpg" alt="#" /></a></li>

						<li><a href="#"><img src="images/img8.jpg" alt="#" /></a></li>

```
					</ul>
```
```
					<ul class="gall-nav">
```

						<li><a href="#"><img src="images/gall-p.jpg" alt="#" /></a></li>

```
						<li><a href="#">1</a></li>
```
```
						<li><a href="#">2</a></li>
```
```
						<li><a href="#">3</a></li>
```
```
						<li><a href="#">...</a></li>
```
```
						<li><a href="#">10</a></li>
```

						<li><a href="#"><img src="images/gall-n.jpg" alt="#" /></a></li>

```
					</ul>
```
```
				</div>
```
```
				<ul class="tabset">
```

					<li class="active"><a href="#">Дело</a></li>

					<li><a href="#">Семья</a></li>

					<li><a href="#">Здоровье</a></li>

					<li><a href="#">Автомобиль</a></li>

```
				</ul>
```
```
				<div class="left-box tab">
```
```
					<div class="left-cnt">
```
```
						<div class="news">
```
```
							<div class="news-img f-left">
```

								<img src="images/img11.jpg" alt="#" />

```
							</div>
```
```
							<div class="news-txt">
```

								<img class="stars f-right" src="images/stars.jpg" alt="#" />

								<h3 class="blue">В кофейной гуще</h3>

```
								<p>
```

									Итак, Вертексный (Вершинный, Vertex) шейдер – это подпрограмма, иначе функция,

									математически оперирующая вершинами объекта. Ведь полигон – есть не что иное,

									как треугольник, а треугольник имеет вершины – точки, в которых сходятся две

									его стороны. Каждая вершина описывается целым рядом параметров, переменных,

									таких как координаты в трехмерном пространстве, цвет, текстура, а также

									характеристики накладываемого освещения. Вершинные шейдеры позволяют изменять

									эти переменные, не меняя самого типа данных. Примером использования подобных

									эффектов могут служить: клубящихся облака, туман, реалистичная анимация, мимика

									лица (выделение специфичных черт – морщин, ямочек)

									<a class="link" href="#"><img src="images/go-btn.jpg" alt="#" /></a>

```
								</p>
```
```
								<p class="comments f-right">
```

									Комментировать [<a href="#">5</a>]

```
								</p>
```
```
							</div>
```
```
						</div>	
```
```
					</div>
```
```
				</div>
```
```
			</div>
```
```
			
```
```
			<div class="right-col f-right">
```
```
				<div class="right-box">
```

					<h4>Последний номер</h4>

```
					<div class="magazine">
```

						<img class="f-left" src="images/img3.jpg" alt="#" />

```
						<div class="magazine-txt">
```
```
							<p>Апрель 2008</p>
```
```
							<ul>
```
```
								<li>
```

									<a href="#">Моника Белуччи</a><br />

									с бюстом по жизни

```
								</li>
```
```
								<li>
```

									<a href="#">5 лучших казино Киева</a>

```
								</li>
```
```
								<li>
```

									<a href="#">Ленни Кравитц</a><br />

									любовная революция

```
								</li>
```
```
							</ul>	
```
```
						</div>
```
```
					</div>
```
```
				</div>
```
```
				<div class="right-btm">
```

					<span class="f-left"><a href="#">оформить подписку на журнал</a></span>

```
				</div>	
```

				<a class="banner" href="#"><img src="images/img2.jpg" alt="#" /></a>

```
				<div class="right-box">
```

					<h4>Какой по вашему мнению должна быть визитка?</h4>

```
					<form action="#">
```
```
						<div class="poll">
```
```
							<div>
```

								<input type="radio" class="radio" />

								<label>Просто белая бумага и черный текст</label>

```
							</div>
```
```
							<div>
```

								<input type="radio" class="radio" />

								<label>Цветная, чтобы была заметна</label>

```
							</div>
```
```
							<div>
```

								<input type="radio" class="radio" />

								<label>Какая-нибудь креативная - пластиковая или даже металлическая</label>

```
							</div>
```
```
							<div class="last">
```

								<input type="radio" class="radio" />

								<label>Не важно, главное - чтобы было видно имя и контакты</label>

```
							</div>
```
```
						</div>
```
```
					</form>
```
```
				</div>	
```
```
				<div class="right-btm poll-btm">
```

					<span class="f-left"><a href="#">голосовать</a></span>

```
				</div>
```
```
				<div class="right-box">
```

					<img class="stars f-right" src="images/stars2.jpg" alt="#" />

```
					<h4>Новое видео</h4>
```
```
					<div class="video-box">
```

						<img src="images/video.jpg" alt="#" />

```
					</div>
```
```
				</div>	
```
```
				<div class="right-btm video-btm">
```

					<span class="f-left"><a href="#">смотреть все</a></span>

```
				</div>
```
```
				<div class="right-box">
```

					<h4>Новые темы на форуме</h4>

```
					<ul class="forum">
```
```
						<li>
```
```
							<span>27.03.2008</span>
```
```
							18:35:30
```

							<a href="#">Как найти цвет пантона,...</a>

```
						</li>
```
```
						<li>
```
```
							<span>15.03.2008</span>
```
```
							17:36:34
```

							<a href="#">Черные визитки?</a>

```
						</li>
```
```
						<li>
```
```
							<span>13.03.2008</span>
```
```
							15:25:45
```

							<a href="#">Ну это,типа всякие бока с...</a>

```
						</li>
```
```
						<li>
```
```
							<span>12.03.2008</span>
```
```
							17:51:10
```

							<a href="#">требуется оператор...</a>

```
						</li>
```
```
						<li class="last">
```
```
							<span>12.03.2008</span>
```
```
							17:13:53
```

							<a href="#">требуется инженер...</a>

```
						</li>
```
```
					</ul>
```
```
				</div>	
```
```
				<div class="right-btm forum-btm">
```

					<span class="f-left"><a href="#">перейти на форум</a></span>

```
				</div>
```
```
			</div>
```
```
		</div>
```
```
	</div>
```
```
	
```
```
	<div class="footer">
```
```
		<div class="footer-inn">
```
```
			<ul class="footer-nav f-left">
```

				<li><a href="#">Главное</a></li>

```
				<li>
```
```
					<a href="#">События</a>
```
```
					<ul>
```

						<li><a href="#">Украина</a></li>

						<li><a href="#">Европа</a></li>

```
						<li><a href="#">Мир</a></li>
```

						<li><a href="#">Спорт</a></li>

```
					</ul>
```
```
				</li>
```
```
				<li>
```
```
					<a href="#">Дело</a>
```
```
					<ul>
```

						<li><a href="#">Карьера</a></li>

						<li><a href="#">Бизнес</a></li>

						<li><a href="#">Инвестиции</a></li>

						<li><a href="#">Сбережения</a></li>

```
					</ul>
```
```
				</li>
```
```
				<li>
```
```
					<a href="#">Семья</a>
```
```
					<ul>
```
```
						<li><a href="#">Дом</a></li>
```
```
						<li><a href="#">Дети</a></li>
```

						<li><a href="#">Животные</a></li>

						<li><a href="#">Собственность</a></li>

```
					</ul>
```
```
				</li>
```
```
				<li>
```
```
					<a href="#">Здоровье</a>
```
```
					<ul>
```

						<li><a href="#">Новости</a></li>

						<li><a href="#">Образ жизни</a></li>

						<li><a href="#">Фитнес</a></li>

						<li><a href="#">Услуги</a></li>

```
					</ul>
```
```
				</li>
```
```
				<li>
```

					<a href="#">Автомобиль</a>

```
					<ul>
```

						<li><a href="#">Новинки</a></li>

						<li><a href="#">АвтоБлог</a></li>

						<li><a href="#">Практика</a></li>

						<li><a href="#">Сервис</a></li>

```
					</ul>
```
```
				</li>
```
```
				<li>
```
```
					<a href="#">Lifestyle</a>
```
```
					<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>

						<li><a href="#">Азарт</a></li>

```
					</ul>
```
```
				</li>
```
```
				<li>
```
```
					<a href="#">Медиа</a>
```
```
					<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>

```
					</ul>
```
```
				</li>
```
```
				<li>
```
```
					<a href="#">Хобби</a>
```
```
					<ul>
```

						<li><a href="#">Охота    </a></li>

						<li><a href="#">Рыбалка</a></li>

						<li><a href="#">Экстрим</a></li>

```
					</ul>
```
```
				</li>
```
```
			</ul>
```
```
			<div class="foot-logo f-left">
```
```
				<p>
```
```
				</p>
```
```
				<p>
```

					 <span>designed</span> by <a href="#">www.kavoon.com</a>

```
				</p>
```
```
			</div>
```
```
			<div class="foot-service f-right">
```
```
				<ul>
```

					<li><a href="#"><img src="images/rss-ico.jpg" alt="#" /></a></li>

					<li><a href="#"><img src="images/what-ico.jpg" alt="#" /></a></li>

					<li><a href="#"><img src="images/map-ico.jpg" alt="#" /></a></li>

```
				</ul>
```

				<a href="#"><img src="images/magazine-button.jpg" alt="#" /></a>

```
			</div>
```
```
		</div>
```
```
	</div>
```
```
</body>
```
```
</html>
```