Верстка на основе макета в PNG

На основе макета в приложении нужно сверстать html страницу.

Требования:

- Шрифт не обязательно подбирать такой как в наброске, нужно использовать font-family: arial.

- Логотип делаем картинкой. Можно весь тот квадрат с рукопожатием сделать кликабельным.

- Выдержать примерно размер шрифтов и цвета показанные в макете.

- Сайт фиксированный по ширине 980px, по бокам - белый фон.

- Ссылки в главном и боковом меню при наведении должны подчеркиваться.

- css - в отдельном файле.

- Картинки в отдельной папке.

- Кросбраузерность: ie7+, opera, ff, safari, chrome.

------------------------------------------------------------------

Текст, который используется в макете:

Хедер:

— Абонентское обслуживание предприятий

— Правовая помощь физическим лицам

— Обжалование действий налоговой, исполнительной службы, ГАИ и др.

— Регистрация предприятий и физических лиц — предпринимателей (внесение изменений)

Главное меню:

— Главная

— О компании

— Контакты

В правой панеле:

— Абонентское обслуживание предприятий

— Правовая помощь физическим лицам

— Обжалование действий

— Регистрация

В основной колонке:

О компании

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam varius mauris id sapien porta rutrum. Duis bibendum placerat diam eget ornare. Mauris tristique dapibus ligula, vitae imperdiet eros condimentum vitae. Duis feugiat ullamcorper ultricies. Aliquam erat volutpat. Pellentesque massa enim, ultricies vitae metus et, venenatis fringilla felis. Morbi laoreet non eros ac porta. Sed at lectus non nisl venenatis tincidunt eu non est. Aenean et lectus pharetra urna imperdiet sagittis. Donec eros erat, commodo eu tempus quis, mattis et purus. Etiam eget odio in odio rhoncus viverra. Praesent vel massa urna.

Morbi viverra tempus massa. Donec quis lacinia nisi, id ornare enim. Vivamus auctor tempus ipsum. Curabitur mattis placerat massa ac mattis. Fusce nec mi diam. Integer tristique ligula velit, sodales egestas diam volutpat vel. Etiam pretium leo ut ante blandit, non porta odio dictum. Aliquam consequat scelerisque nisl quis sagittis. Quisque a metus mattis nulla porta tempus vel non velit. Praesent mauris leo, gravida iaculis lorem ut, aliquam ultricies odio. Phasellus vulputate massa orci. Curabitur vulputate neque non mollis facilisis. Donec quis dui turpis. Integer sed ornare nulla.

Fusce viverra imperdiet dignissim. Ut molestie nisi vitae ante ullamcorper, vel fermentum ipsum posuere. Curabitur in quam non elit adipiscing commodo. Vestibulum fringilla dignissim nisl vel vulputate. Curabitur lobortis, purus sit amet rhoncus sagittis, est nisi tristique sapien, et porttitor orci purus at urna. Duis nec scelerisque purus, ornare laoreet nibh. Aenean vitae velit sit amet orci eleifend imperdiet a at purus. Morbi imperdiet elit neque, et imperdiet elit placerat id.

Pellentesque placerat, eros sagittis sodales rutrum, est dolor ultrices augue, ut feugiat quam arcu ac metus. Quisque ipsum quam, porttitor mattis elit gravida, egestas tristique sapien. Duis eget tellus at enim sodales convallis. Cras cursus lobortis velit et ultrices. Vestibulum lorem neque, vestibulum semper vulputate rhoncus, pretium eget arcu. Etiam ac commodo ipsum, id sagittis odio. Praesent sagittis diam et dapibus mollis. Suspendisse id ullamcorper quam, in imperdiet metus. Mauris egestas a massa vel vehicula. Mauris lectus risus, laoreet at felis nec, imperdiet hendrerit augue. Nullam adipiscing augue sed dapibus consectetur.

Футер:

59-01-10, (093) 982-52-82, (066) 07-22-555, г. Николаев, пр. Ленина, 73, оф. 501