-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
66 lines (65 loc) · 4.36 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html lang="fi">
<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>Taipaleen Lerintäkeskus</title>
<link rel="stylesheet" href="CSS/index.css">
<script src="JS/index.js"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary" style="border-color: green !important; padding: 0;">
<div class="container-fluid" style="background-color: green; border-color: green !important;">
<a class="navbar-brand header" href="#" style="color: black !important;">Leirintä keskus</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active a" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link a" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle a" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Sivut
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="toiminta.html">Toiminta</a></li>
<li><a class="dropdown-item" href="ruoka.html">Ruokailut</a></li>
<li><a class="dropdown-item" href="tilat.html">Tilat</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="Yhteystiedot.html">Yhteystiedot</a></li>
</ul>
</li>
<div class="d-flex justify-content-center" style="width: 55vw;">
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success a" type="submit">Search</button>
</form>
</div>
</ul>
<form>
<button class="btn btn-outline-dark">Log In</button>
</form>
</div>
</div>
</nav>
<img id="Front-page-photo" src="kuvia/Leirintakeskus-luurinmutka.png" alt="luurinmutka">
<div class="d-flex justify-content-center">
<main id="tekstit" class="text-wrap" style="max-width: 900px">
Tervetuloa Taipaleen leirintäkeskukseen, Pirkanmaan sydämeen! Meillä voit majoittua kotoisissa
mökeissä tai telttailla luonnonläheisesti. Meiltä löytyy myös paikkoja asuntoautoille tai -vaunuille
sekä hotellihuoneita päärakennuksesta. Iltaisin kesäkaudella meillä soi usein musiikki salissamme.
Talvikaudella tilojamme voi vuokrata monenlaisiin tapahtumiin kuten häihin tai syntymäpäiväjuhliin.
Lähistöltä löytyy kiitettävä määrä luontopolkuja laavuineen, kuten myös paljon hyvää vesistöä uimista
ja veneilyä varten. Kylpyläosastomme saunoineen lämmittää kovillakin pakkasilla.
</main>
</div>
</body>
</html>