| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Document</title> | |
| <link id="pageStyle" rel="stylesheet" href="page.css"> | |
| <link rel="stylesheet" href="bubble.css"> | |
| <script src="page.js"></script> | |
| <!-- <script src="backend/speech_bubble/data.json" id="jsonData" type="application/json"></script> --> | |
| <script src="page_place.js"></script> | |
| </head> | |
| <body> | |
| <div class="button"> | |
| <button onclick="prevPage()"><img src="assets/backward.png" alt=""></button> | |
| </div> | |
| <div class="wrapper"> | |
| <div class="grid-container"> | |
| <div class="grid-item" id="_1"></div> | |
| <div class="grid-item" id="_2"></div> | |
| <div class="grid-item" id="_3"></div> | |
| <div class="grid-item" id="_4"></div> | |
| <div class="grid-item" id="_5"></div> | |
| <div class="grid-item" id="_6"></div> | |
| <div class="grid-item" id="_7"></div> | |
| <div class="grid-item" id="_8"></div> | |
| <div class="grid-item" id="_9"></div> | |
| <div class="grid-item" id="_10"></div> | |
| <div class="grid-item" id="_11"></div> | |
| <div class="grid-item" id="_12"></div> | |
| </div> | |
| </div> | |
| <div class="button"> | |
| <button onclick="nextPage()"><img src="assets/forward.png" alt=""></button> | |
| </div> | |
| </body> | |
| </html> |