<Link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Montserrat+Subrayada:wght@400;700&display=swap" rel="stylesheet">

Question

HTML/CSS — русскоговорящее сообщество

Troll {Саркаров} Nyctophile

<Link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Montserrat+Subrayada:wght@400;700&display=swap" rel="stylesheet">

#css #frontend #html #programming #russian

0

28.09.2021

6 ответов

19 просмотров

Troll {Саркаров} Nyctophile Автор вопроса

Алиссия Фуфелшмертц
Кинь свои стили для текста.

body{ margin: 0; font-family: 'Montserrat Subrayada', sans-serif; font-size: 15px; line-height: 1.6; color: #333; } *, *::before, *::after{ -webkit-box-sizing: border-box ; box-sizing: border-box; } h1,h2,h3,h4,h5,h6{ margin: 0; } /*container*/ .container{ width: 100%; max-width: 1200px; margin: 0 auto; } /*intro*/ .intro{ display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100vh; background: url(/images/intro.jpg) center no-repeat; -webkit-background-size:cover; background-size: cover; } .intro__suptitle{ font-family: 'Kaushan Script'; font-size: 72px; color: #fff; text-align: center; text-decoration: none ; } .intro__inner{ width: 100%; max-width: 880px; margin: 0 auto; } .intro__title{ color: #fff; font-size: 150px; font-weight: 700; text-transform: uppercase; text-decoration: none; text-align: center; line-height: 1; } .intro__title:after { content: ""; display: block; width: 60px; height: 3px; margin: 60px auto 0; background-color: #fff; } /*header*/ .header{ width: 100% ; padding-top: 30px; position: absolute; top: 0; left: 0; right: 0; z-index: 1000; } .header__inner{ display: flex; justify-content: space-between; align-items: center; } .header__logo{ font-size: 30px; font-weight: 700; color: #fff ; text-decoration: none; } /*nav*/ .nav{ font-size: 14px; text-transform: uppercase; } .nav__link{ display: inline-block; vertical-align: top; margin: 0 15px; position: relative; color: #fff; text-decoration: none; transition: color .1s linear; } .nav__link:after{ content: ""; display: block; width: 100%; height: 3px; background-color: #fce38a; opacity: 0; position: absolute; top: 100%; left: 0; z-index: 1; transition: opacity .1s linear; } .nav__link:hover{ color: #fce38a; } .nav__link:hover:after{ opacity: 1; }

0

28.09.2021

Никита Чеботов

пили codepen

0

28.09.2021

Troll {Саркаров} Nyctophile Автор вопроса

Troll {Саркаров} Nyctophile
body{ margin: 0; font-family: 'Montserrat ...

вот все что есть )

0

28.09.2021

Алиссия Фуфелшмертц