diff options
Diffstat (limited to 'rannak/mangud/uliopilane/ajatelg/index.html')
| -rw-r--r-- | rannak/mangud/uliopilane/ajatelg/index.html | 47 |
1 files changed, 45 insertions, 2 deletions
diff --git a/rannak/mangud/uliopilane/ajatelg/index.html b/rannak/mangud/uliopilane/ajatelg/index.html index 156d28d..d1855b7 100644 --- a/rannak/mangud/uliopilane/ajatelg/index.html +++ b/rannak/mangud/uliopilane/ajatelg/index.html @@ -11,6 +11,13 @@ <body class="text-white"> + + <!-- Button trigger modal --> + <button type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal"> + Sissejuhatus + </button> + + <div class="text-center text-white align-items-center pb-5 pealkiri"> <h1 class="pb-1 pt-2">Ajatelg</h1> <p>Pane Sündumsed ajateljel õigsse järjekorda</p> @@ -24,6 +31,43 @@ </div> + + <!-- Modal --> + <div class="modal fade text-black" id="myModal" tabindex="-10" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> + <div class="modal-dialog" role="document"> + <div class="modal-content"> + + <div class="modal-header"> + <h5 class="modal-title" id="myModalLabel">Sissejuhatav info Ajatelje Mängule</h5> + <button type="button" class="closeModalButton" data-bs-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span> + </button> + </div> + + <div class="modal-body"> + Odio eu feugiat pretium, nibh ipsum consequat nisl, vel pretium lectus quam id leo? + Arcu non odio euismod lacinia at quis risus sed vulputate odio. Nullam non nisi est, + sit amet facilisis magna etiam tempor, orci eu lobortis elementum, + nibh tellus molestie nunc, non blandit massa enim nec dui nunc. + <br/> + Odio eu feugiat pretium, nibh ipsum consequat nisl, vel pretium lectus quam id leo? + Arcu non odio euismod lacinia at quis risus sed vulputate odio. Nullam non nisi est, + sit amet facilisis magna etiam tempor, orci eu lobortis elementum, + nibh tellus molestie nunc, non blandit massa enim nec dui nunc. + <br/> + odio eu feugiat pretium, nibh ipsum consequat nisl, vel pretium lectus quam id leo? + arcu non odio euismod lacinia at quis risus sed vulputate odio. nullam non nisi est, + sit amet facilisis magna etiam tempor, orci eu lobortis elementum, + nibh tellus molestie nunc, non blandit massa enim nec dui nunc. + </div> + + </div> + </div> + </div> + + + + <!-- Main stuff --> <div class="row"> @@ -175,8 +219,7 @@ </div> - - </div> + </div> <!-- Row --> <script src="script.js"></script> |