diff --git a/views/index.etlua b/views/index.etlua
index 5f7bfbc..c9bbbd0 100644
--- a/views/index.etlua
+++ b/views/index.etlua
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
</head>
<body>
+ <nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
+ <div class="container-fluid">
+ <a class="navbar-brand" href="#">Koivuhaan Asuntolat</a>
+ <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+ <div class="collapse navbar-collapse" id="navbarNav">
+ <ul class="navbar-nav">
+ <li class="nav-item">
+ <a class="nav-link" href="#asunnot">Asunnot</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="#tiimi">Tietoa meistä</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="#tiimi">Ota yhteyttä</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </nav>
<div class="mb-5 container-fluid px-0 position-relative" style="height: 500px; overflow: hidden">
<img class="w-100" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b0/2010s_residential_area_near_Peltolantie_and_Tikkurilantie_in_Koivuhaka%2C_Vantaa%2C_Finland%2C_2021_September.jpg/2560px-2010s_residential_area_near_Peltolantie_and_Tikkurilantie_in_Koivuhaka%2C_Vantaa%2C_Finland%2C_2021_September.jpg" class="img-fluid">
<h1 class="position-absolute top-50 start-50 translate-middle text-white bg-dark px-4 py-2 fw-bold display-6">Koivuhaan Asuntolat</h1>
</div>
<div class="container">
- <h2 class="mb-4">Asuntolat</h2>
+ <h2 class="mb-4" id="asunnot">Asuntolat</h2>
<div class="row row-cols-3 g-3 mb-5">
<% for i, asunto in pairs(asunnot) do %>
<div class="col">
</div>
<% end %>
</div>
- <h2 class="mb-4">Tietoa meistä</h2>
+ <h2 class="mb-3" id="tiimi">Tietoa meistä</h2>
+ <p class="mb-4">Ota rohkeasti yhteyttä!</p>
<div class="row row-cols-5 g-5 mb-5">
<% for i=5,1,-1 do %>
<div class="col">
<div class="card border-0">
- <img class="card-img-top rounded-circle" src="https://www.w3schools.com/bootstrap5/img_avatar3.png" alt="jäsen">
+ <img class="card-img-top rounded-circle object-fit-cover" style="aspect-ratio: 1 / 1;" src="https://cataas.com/cat/fQCYUQNMnhPBN4jb?position=center" alt="jäsen">
<div class="card-body">
<h5 class="card-title text-center">
Matti Meikäläinen