Odpowiedź :
Odpowiedź:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dbanie o ogródek</title>
<meta name="author" content="Imie i nazwisko">
</head>
<style>
*{
margin: 0;
padding: 0;
}
.top{
width: 100%;
background-color: antiquewhite;
}
.col{
text-align: center;
margin-left: auto;
margin-right: auto;
width: 800px;
margin-top: 30px;
border-radius: 20px;
border: 1px dotted black;
background-color: beige;
}
.left{
text-align: center;
height: 100vh;
width: 300px;
float: left;
background-color: antiquewhite;
}
a{
font-size: 25px;
color: black;
text-decoration: none;
}
</style>
<body>
<div class="top">
<h1 style="text-align: center;">Stranger Things</h1>
</div>
<div class="left"><a href="#">Fabuła</a></br></br>
<a href="#">Informacje</a></br></br>
<a href="#">Sezony</a></br>
</div>
<div class="col">ultricies, orci vitae dapibus finibus, nisl magna interdum magna, et suscipit risus tellus a ex. Proin finibus maximus massa eget semper. Nam ut semper mi. Nunc volutpat iaculis facilisis. Suspendisse vitae sodales tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Phasellus non lacus facilisis nibh pellentesque viverra nec non neque. Nunc pharetra nibh non elementum vulputate. Fusce eget lorem vel nunc consectetur ultrices a quis ipsum. Nullam malesuada et erat et placerat. Suspendisse vel ullamcorper nibh, nec efficitur odio. Suspendisse aliquet, eros non interdum porttitor, orci nibh varius enim, ut vehicula augue orci et orci. Quisque eu ex libero.
Pellentesque nec feugiat felis. Sed mattis sapien ultrices lectus cursus, id facilisis magna tristique. Nunc blandit eleifend odio. Cras consectetur urna id auctor tincidunt. Cras tincidunt molestie quam, quis pretium magna fermentum vel. Integer vitae elit sed neque fermentum gravida. Nulla consequat lectus in augue finibus, nec condimentum turpis tempor. Fusce at tortor convallis, viverra libero vitae, finibus tortor. Nunc eu libero finibus, efficitur erat eu, ultricies libero. Cras convallis lacus vitae lacus ornare, ut lacinia mauris maximus.
Maecenas euismod suscipit turpis ut varius. Vestibulum quis erat in mi rhoncus interdum. In commodo purus lectus, sit amet auctor sapien placerat a. Quisque vehicula quam id tristique mattis. Proin velit felis, porta et malesuada eget, porta vel urna. Ut porttitor diam sit amet risus vestibulum porta. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi condimentum ligula sit amet diam dignissim aliquam. Curabitur hendrerit aliquam consequat. Nam quis ex augue. Aliquam aliquam gravida euismod.</div>
<div class="col"><iframe width="560" height="315" src="" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
</body>
</html>
Wyjaśnienie:
Jak chcesz mieć kilka podstron to po prostu skopiuj index.html kilka razy, zmien nazwy na inne i w miejsce lorem ipsum w divie .col zmien tekst w zależności od podstrony.
Jeżeli chcesz wstawić film to w drugim divie .col w miejsce src="" wstaw link do filmu :)
Licze na naj<3