Нарек

Нет не один, просто на такие вопросы не хочется отвечать, так как все сводится к гаданию, если честно. 
А по теме, вероятно не работает, потому что надо скрипт перенести после html разметки, перед тэгом </body> либо обернуть весь скрипт в document.ready 
Так как когда скрипт выполняется, он по сути еще не знает что есть такие элементы как например <div class=""lp/>

float элементы должны идти первым в разметке.

Так я ж написал, в сторону html+css+js. Будете знать их - будете знать как сделать такое, и не только такое. Нету конкретной книги после изучения которого можно сделать копию этого сайта. 

https://jsfiddle.net/Narek_T/srojy7oc/

Как вариант

Тогда
 Никак.
 
Жди этого

http://fotorama.io/

Наверно поможет

поставь display:block для ссылки.

Скрипты вроде не подключаются, проверьте.
 

раз
два
И еще много по запросу "блоки одинаковой высоты".

Структуру менять надо html, это не дело что творится там.

Почему шапка с меню находится в блоке где контент потом с absolute position присабачили к верху?
ul в котором слайдер не имеет своей высоты, так как li внутри нем имеют абсолютное позиционирование. В общем все печально, но раз хочется чтобы линия была сразу после слайдера, поставьте 
div.line { margin-top: 160px;}И засуньте этот div.line сразу после div.poa

В хроме есть такое) http://joxi.ru/Vm6yzdRHGGk8rZ

Очень и очень плохое решение выбрать wordpress для таких целей.
По существу - WP-Recall отечественного разработчика.

Тык

http://bxslider.com/

Дело не связано с весом страницы. Это довольно известный глюк хромиумов.
Добавьте стили
nav.fixed { transform: translateZ(0);}

Тогда убери высоту контейнера 600px и поставь не background-image а просто картинку внутри html

То есть это как там отступы есть в каждой строке?
 
update: Понял о чем речь.
 
Если бы внутри p был бы еще 1 элемент, то вполне реально. Или же извращаться с js, каждую строку обернуть например в span при загрузке и сделать.

https://api.jquery.com/addclass/

http://fiddle.jshell.net/z2dLuud9/1/

Так не выйдет ничего, у него и родители картинок (ul>li) мелкие по высоте.
 
 
 
 
Во первых, потому что картинки подобраны так, что при адаптации по ширине высота получается то что сейчас получается. Во вторых, читайте про блоки одинаковой высоты. По сути при уменьшении ширины браузера у Вас опять таки будет неровно, так как по мере уменьшения картинка будет терять ширину - соответственно и высоту, чтобы не ломать пропорции. Если не хотите этого - задаем родителям картинки фиск высоту, а картинкам 
object-fit: cover;

Верстка потому что кривая.
 
Добавьте вот этому position: relative;
<div style="background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.5); padding: 5px;>а ссылке #logo добавьте left: 0;
 
P.S. При любом раскладе у Вас картинка перекрывает иконки соц сетей.