diff options
author | Rasmus <rasmus.luha@gmail.com> | 2023-03-13 16:33:45 +0200 |
---|---|---|
committer | Rasmus <rasmus.luha@gmail.com> | 2023-03-13 16:33:45 +0200 |
commit | c40293acd3a00b20d74cf37823b7efb1b75dec9b (patch) | |
tree | baae5261dae9549bdb24f74aa2249965ec183fbc /rannak/mangud/arimees/baks/pood/index.html | |
parent | 1add8ef6285df97270dae4df9f68591443fc5925 (diff) |
Sissejuhatus Btn clean
Diffstat (limited to 'rannak/mangud/arimees/baks/pood/index.html')
-rwxr-xr-x | rannak/mangud/arimees/baks/pood/index.html | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/rannak/mangud/arimees/baks/pood/index.html b/rannak/mangud/arimees/baks/pood/index.html new file mode 100755 index 0000000..6c2f7b5 --- /dev/null +++ b/rannak/mangud/arimees/baks/pood/index.html @@ -0,0 +1,62 @@ +<html lang="en"> +<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> Pood </title> + <!-- 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="text-white"> + + <div class="container text-center text-white align-items-center pb-1"> + <h1 class="pb-1 pt-2"> Pood </h1> + <p> Leia toodete tolleaegne hind Eesti Markades, kasutades Rubla ja Marga vahelist kurssi.</p> + <div class="row"> + <div> + <button class="moveOn" disabled>Liigu Edasi</button> + </div> + + </div> + + <!-- Button trigger modal --> + <button type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal"> + Sissejuhatus + </button> + </div> + + + <!-- Modal --> + <div class="modal fade text-black" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> + <div class="modal-dialog" role="document"> + <div class="modal-content"> + + <div class="modal-header"> + <div class="modalHeaderWrapper"> + <h3 class="modal-title" id="myModalLabel">Sissejuhatus</h5> + </div> + <img class="avatar" alt="avatar" src="pildid/avatar.png"/> + </div> + + <div class="modal-body"> + Lähen siin varsti Georg Otsaga Helsinki ostoksille. + <br/> + <strong> + Äkki saate vähe aidata mul plaani pidada, mida kõige kasulikum oleks 10 000 rutsiga ära tuua? Äkki tahate ise ka midagi, võin soodsalt tuua! + </strong> + </div> + + </div> + </div> + </div> + + + + <script src="script.js"></script> + + <!-- JavaScript Bundle with Popper --> + <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script> +</body> +</html> |