34 lines
1.5 KiB
HTML
34 lines
1.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<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">
|
||
|
|
<link rel="stylesheet" href="style.css">
|
||
|
|
<title>Document</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="header">
|
||
|
|
<h2 id="text">Heaven</h2>
|
||
|
|
<div class="clouds">
|
||
|
|
<img src="cloud1.png" style="--i:1;" alt="cloud">
|
||
|
|
<img src="cloud2.png" style="--i:2;" alt="cloud">
|
||
|
|
<img src="cloud3.png" style="--i:3;" alt="cloud">
|
||
|
|
<img src="cloud4.png" style="--i:4;" alt="cloud">
|
||
|
|
<img src="cloud5.png" style="--i:5;" alt="cloud">
|
||
|
|
<img src="cloud1.png" style="--i:10;" alt="cloud">
|
||
|
|
<img src="cloud2.png" style="--i:9;" alt="cloud">
|
||
|
|
<img src="cloud3.png" style="--i:8;" alt="cloud">
|
||
|
|
<img src="cloud4.png" style="--i:7;" alt="cloud">
|
||
|
|
<img src="cloud5.png" style="--i:6;" alt="cloud">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<section>
|
||
|
|
<h2>Realistic</h2>
|
||
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Error debitis officia quia a laboriosam, reprehenderit soluta natus vel corrupti repudiandae ipsum illo quaerat. Earum reiciendis, mollitia eaque impedit quisquam aperiam.
|
||
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, quis officia quisquam iure omnis dolores, eveniet libero molestias incidunt aut laudantium consectetur facilis voluptate aspernatur suscipit minima. Unde, quidem ad.
|
||
|
|
</p>
|
||
|
|
</section>
|
||
|
|
<script src="main.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|