diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 54 |
1 files changed, 17 insertions, 37 deletions
@@ -3,30 +3,22 @@ <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="styles.css"> <title>Digirännak</title> - <!-- Fonts --> - <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=Kanit:wght@300&display=swap" rel="stylesheet"> - <link href="https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300&display=swap" rel="stylesheet"> - <link href="https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@700&display=swap" rel="stylesheet"> - <!-- Bootstrap - CSS only --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous"> + <link rel="stylesheet" href="styles.css"> </head> -<body class="bg-dark"> - <section id="intro"> +<body> + <section id="intro"> <!-- navbar --> - <nav class="navbar navbar-expand-md navbar-dark pt-4 pb-5"> + <nav class="navbar navbar-expand-md"> <div class="container fs-5"> <!-- navbar brand / title --> <a class="navbar-brand" href="#intro"> - <span class="text-secondary fw-bold"> + <span> Digirännak </span> </a> @@ -59,44 +51,31 @@ </nav> + + + <!-- Intro ja alusta Digiränakut --> - <div class="rannakuNupp d-flex align-items-center justify-content-center container"> + <div class="rannakuNupp"> - <div class="row justify-content-center"> - <div class="col text-center text-md-start"> - <div class="neon-button-wrapper"> - <a href="rannak/kaart" class="neon-button">Rännakule</a> - </div> - </div> - <div> - - <div class="row justify-content-center"> - <div class="col text-center fs-4 text-muted"> - Esmalt loe - <a class="text-reset text-decoration-none" href="#juhend"> - <span class="fw-bold">Juhendit</span>! - </a> - </div> - </div> + <a class="mainBtn" href="rannak/kaart" class="neon-button"><span>Rännakule</span></a> </div> + + </section> <!-- juhend --> - <section id="juhend"> <div class="container"> - <div class="text-center pt-5 pb-3"> - <h2 class="text-white fs-1">Juhend</h2> - <p class="lead text-muted pt-2">Juhend teeb digirännaku läbimise kergemaks ja mugavamaks, Loe see kindlasti läbi.</p> + <div class="juhendUpper"> + <h2>Juhend</h2> </div> - <!-- accordion --> <div class="accordion accordion-flush justify-content-center" id="accordionFlush"> @@ -109,7 +88,8 @@ <div id="flush-collapseOne" class="accordion-collapse collapse show" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlush"> <div class="accordion-body"> <p> - <a href="lehed/rollid">Enne Rännakule asumist tutvu kindlasti rollidega.</a> + Enne Rännakule asumist tutvu kindlasti + <a href="lehed/rollid">rollidega</a>. <br/> Kahjuks ei ole digirännak telefoniga läbitav. </p> @@ -182,11 +162,11 @@ </div> - </div> </div> </section> + <script src="main.js"></script> <!-- JavaScript Bundle with Popper --> |