Одним из ключевых требований была разработка адаптивного дизайна для всех устройств. Для решения это задачи была выбрана тема WP exoplanet, она была настроена и дописана под критерии дизайна сайта. Для обеспечения адаптивной верстки были использованы медиазапросы.
После настройки произведена модернизироваана средствами css3, а для разметки контента применена блочная верстка.
Отрывок кода с оформлением блоков главной страници:
.featured-post:hover{
background-color: #fafafa;
box-shadow:0px 1px 23px 0px box-shadow:0px 1px 23px 0px rgba(0,0,0,0.69);
-webkit-box-shadow:0px 1px 23px 0px rgba(0,0,0,0.69);
-moz-box-shadow:0px 1px 23px 0px rgba(0,0,0,0.69);
}
...
В процессе подготовки сайта к конкурсу я не только закрепил свои знания Веб-разработки, но и научился использовать различные технологии веб-дизайна.