Ost-West Kontaktservice

Для компании Оствест, была выполнена целая серия заказов, кроме верстки основного сайта, у нас были заказаны сайты поддержки.

Верстка сайта на время сдачи проекта была полностью валидной и семантически правильной. Верстка резиновая, полностью блочная. Использована технология отрицательных отступов при верстки макета.

Основные требования заказчика:

• валидность
• кроссбраузерность
• отимизация под CMS систему

Пример кода

<img class="logotip" src="/img/logoImage.gif" 
alt="Ost-West Kontaktservice" 
title="Ost-West Kontaktservice" width="212" height="258" />
<img id="mainImage" 
src="/img/city/spb.jpg" alt="Saint-Peterburg" 
title="Saint-Peterburg"  width="720" height="225"/>
<div id="lentaTopImage">div>
<div id="lentaBottomImage">div>
<img id="noteCity" src="/img/notecity/spben.gif" 
alt="Saint-Peterburg" title="Saint-Peterburg" width="300" height="26" />
<span class="lang"><strong>Engstrong>|
<a href="/fr/" title="Francais">Fra>|
<a href="/es/" title="Espanol">Espa>|
<a href="/de/" title="Deutsch">Dea>|
<a href="/ch/" title="">Cha>span>
<div id="headerMenu"><img class="indexHome" 
src="/img/home.gif" alt="Home" title="Home" 
width="25" height="25" /><a href="/en/sitemap/">
<img src="/img/net.gif" alt="Map" title="Map" 
width="25" height="25" />a><a href="/en/contact/">
<img src="/img/mail.gif" alt="Mail" 
title="Mail" width="25" height="25" />a>div>

<form action="/en/search/" method="get">
<div id="search"><img id="noteSearch" src="/img/searchText.gif"
alt="Search" width="43" height="14" /><input id="pole" 
type="text" name="query" /><input type="hidden" 
name="search" value="1" /><input id="go" type="submit" 
title="Go" value="" />div>form>
div>