Вот,что в итоге получилось. Пожалуйста оцените код. Я верстал из psd в первый раз,без уроков и тд. Всё,что тут я писал,это делал я сам,без уроков и тд. *В коде оч много костылей* Как код,у человека,кто в первый раз верстает? Оценки от 1 до 5 https://yadi.sk/d/ti4wHKHy5iRBFw ссылка на код
Надеюсь я объективен , 3/5 (у меня было печальнее) clearfix Забудь его навсегда , если нужно что-то выровнять то используй флексы. Logo <div class="logo"> <a href="#"><img src="img/Logo.png"></a> <nav> <ul class="menu"> <li><a href="#">Features</a> </li> <li><a href="#">About</a> </li> <li><a href="#">Pricing</a> </li> <li><a href="#">Reviews</a> </li> <li><a href="#">Contact</a> </li> </ul> </nav> </div> HTML <div class="logo"> <a href="#"><img src="img/Logo.png"></a> <nav> <ul class="menu"> <li><a href="#">Features</a> </li> <li><a href="#">About</a> </li> <li><a href="#">Pricing</a> </li> <li><a href="#">Reviews</a> </li> <li><a href="#">Contact</a> </li> </ul> </nav> </div> Логотип это логотип а меню это меню . Те <div class="logo"> <a href="#"><img src="img/Logo.png"></a> </div> <div class="navbar"> <nav> <ul class="menu"> <li><a href="#">Features</a> </li> <li><a href="#">About</a> </li> <li><a href="#">Pricing</a> </li> <li><a href="#">Reviews</a> </li> <li><a href="#">Contact</a> </li> </ul> </nav> </div> HTML <div class="logo"> <a href="#"><img src="img/Logo.png"></a> </div> <div class="navbar"> <nav> <ul class="menu"> <li><a href="#">Features</a> </li> <li><a href="#">About</a> </li> <li><a href="#">Pricing</a> </li> <li><a href="#">Reviews</a> </li> <li><a href="#">Contact</a> </li> </ul> </nav> </div> Icon Используй svg или шрифтовые иконки Не грузи страницу лишний раз , чем больше ссылок на внешние ресурсы тем больше скорость загрузки . Да и с шрифтовыми иконками/svg работать проще (гибче)
как джаваскрипт выучил? я просто html css знаю а с джаваскриптом проблема, а так 4/5 The post was merged to previous May 12, 2020 и еще где искал псд макеты ?