45 lines
1.3 KiB
HTML
45 lines
1.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<html lang="cs">
|
||
|
|
||
|
<head>
|
||
|
<meta charset="UTF-8">
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
<link href="style.css" rel="stylesheet" />
|
||
|
<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=Inter:wght@400;500;700&family=Roboto&display=swap"
|
||
|
rel="stylesheet" />
|
||
|
<title>Hero</title>
|
||
|
</head>
|
||
|
|
||
|
<body>
|
||
|
<!-- Navigace -->
|
||
|
<nav>
|
||
|
<ul>
|
||
|
<li><a href="#">Home</a></li>
|
||
|
<li><a href="#">About</a></li>
|
||
|
<li><a href="#">Explore</a></li>
|
||
|
<li><a href="#">Contact US</a></li>
|
||
|
</ul>
|
||
|
<img class="icon" src="images/PngItem_1608357.png">
|
||
|
</nav>
|
||
|
|
||
|
<!-- Hero section -->
|
||
|
<div class="hero-section">
|
||
|
<div class="hero-text">
|
||
|
<div class="hero-subtitle">Exploring Icelandic Villages</div>
|
||
|
<div class="hero-title">
|
||
|
<h1>Nature and Culture Converge</h1>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
|
||
|
|
||
|
<!-- image bird -->
|
||
|
<div class="image-container">
|
||
|
<img src="images/photo-1512419180521-2c5585bdf851.avif" alt="" bird>
|
||
|
</div>
|
||
|
</body>
|
||
|
|
||
|
</html>
|