Дмитрий Гусев

на что конкретно смотреть?

тут попробуйте подобрать как вам надо
www.colorzilla.com/gradient-editor

Используйте IDE, например webstorm умеет преобразовывать jade-подобный синтаксис в html
.classname -> tab -> <div class="classname></div>

+ еще посмотрите в сторону например https://bootstrapstudio.io/, накидать основной каркас верстки уже под бутстрап проще простого

Попробуйте format('embedded-opentype');

@font-face {
font-family: Gotham Pro;
src: url('../font/GothamPro_regular.eot') format('embedded-opentype');
src: url('../font/GothamPro_regular.eot?#iefix') format('embedded-opentype'),
url('../font/GothamPro_regular.woff') format('woff'),
url('../font/GothamPro_regular.ttf') format('truetype');
}