Сайт html
GalinaОткуда Примеры и руководство Сайт про
========================
СТИЛИ К САЙТУ:
* {
margin: 0;
}
body {
font-family: sans-serif;
}
header {
display: flex;
padding: 22px 0px;
justify-content: center;
align-items: center;
gap: 96px;
border: 1px solid #b5b7ba;
background: #dfdfdf;
}
a {
text-decoration: none;
color: #000;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 22px; /* 110% */
}
h1 {
color: #000;
font-size: 40px;
font-style: normal;
font-weight: 300;
line-height: normal;
text-align: center;
margin-top: 32px;
}
main {
display: flex;
padding: 64px 0px;
justify-content: center;
align-items: center;
gap: 48px;
}
p {
width: 600px;
color: #000;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 34px; /* 141.667% */
}
footer {
display: flex;
padding: 48px 0px;
justify-content: center;
align-items: center;
gap: 10px;
background: #404243;
color: #C5C5C5;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
САЙТ HTL
<header>
<!--->
<a href="">Главная</a>
<a href="">Портфолио</a>
<a href="">Блог</a>
</header>
<h1>Личный сайт студента GeekBrains</h1>
<main>
<img src="https://i.ibb.co/g4ghssp/photo-1-1-5.png" alt="photo">
<p>
Добрый день. Меня зовут Василий Пупкин. Я - начинающий программист. Я совсем недавно встал на этот путь, но уже успел написать свой первый сайт.
<br>
В этом мне помог IT-портал GeekBrains
Я очень люблю путешествовать. На этом сайте вы найдете мои самые любимые фотографии из Венеции и Парижа
</p>
</main>
<footer>
Все права защищены 2023
</footer>