-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Adding Translator to EQAO Landing Page
- Loading branch information
1 parent
bfea0e4
commit e93a6bb
Showing
1 changed file
with
98 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,98 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Safe Exam Browser Homepage</title> | ||
| <!-- Link to Bootstrap CSS --> | ||
| <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> | ||
| <link rel="stylesheet" href="assets/style.css"> | ||
| <style> | ||
| .centered { | ||
| text-align: center; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
|
|
||
| <!-- Header --> | ||
| <div class="container mt-5"> | ||
| <div class="row"> | ||
| <div class="col-12 centered"> | ||
| <h1>Safe Exam Browser Homepage</h1> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Content --> | ||
|
|
||
| <div class="container"> | ||
| <div class="row"> | ||
| <!-- First Column --> | ||
| <div class="col-md-6 offset-md-3"> | ||
| <img src="images/hub.webp" alt="The HUB Logo" class="img-fluid mb-2"> | ||
| <button onclick="window.open('https://hwdsb.elearningontario.ca', '_blank');" class="btn btn-warning btn-block">Open The HUB</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Separator --> | ||
| <div class="grid"> | ||
| <hr class="sketch-rule grid__item"> | ||
| </div> | ||
|
|
||
| <div class="container"> | ||
| <div class="row"> | ||
| <!-- First Column --> | ||
| <div class="col-md-3"> | ||
| <img src="images/desmos.webp" alt="Desmos Calculator" class="img-fluid mb-2"> | ||
| <button onclick="window.open('https://desmos.com/calculator', '_blank');" class="btn btn-success btn-block mb-3">Graphing Calculator</button> | ||
| </div> | ||
| <!-- Second Column --> | ||
| <div class="col-md-3"> | ||
| <img src="images/desmos.webp" alt="The Desmos Logo" class="img-fluid mb-2"> | ||
| <button onclick="window.open('https://desmos.com/scientific', '_blank');" class="btn btn-primary btn-block">Scientific Calculator</button> | ||
| </div> | ||
| <!-- Third Column --> | ||
| <div class="col-md-3"> | ||
| <img src="images/polypad.webp" alt="Polypad" class="img-fluid mb-2"> | ||
| <button onclick="window.open('https://polypad.amplify.com/p', '_blank');" class="btn btn-info btn-block mb-3">Polypad</button> | ||
| </div> | ||
| <!-- Forth Column --> | ||
| <div class="col-md-3"> | ||
| <img src="images/translate.webp" alt="Polypad" class="img-fluid mb-2"> | ||
| <button onclick="window.open('https://www.bing.com/translator', '_blank');" class="btn btn-secondary btn-block mb-3">Translator</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="container-fluid mt-5"> | ||
| <div class="row"> | ||
| <div class="col-md-6"> | ||
| <h2>Open Each Tool</h2> | ||
| <p>Using the buttons above, open each site in a separate window, then minimize the window.</p> | ||
| <img src="images/minimize.webp" alt="SEB Website Toggle Image" class="img-fluid"> | ||
| </div> | ||
| <div class="col-md-6"> | ||
| <h2>Site Selection Globe</h2> | ||
| <p>Using the globe button in the bottom left corner, switch between sites.</p> | ||
| <img src="images/globe-select.webp" alt="SEB Website Toggle Image" class="img-fluid"> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Footer --> | ||
| <div class="container-fluid mt-5"> | ||
| <div class="row"> | ||
| <div class="col-md-6 offset-md-3"> | ||
| <img src="https://www.hwdsb.on.ca/wp-content/themes/hwdsb/images/footer.jpg" alt="Be You, Be Excellent Footer Image" class="img-fluid"> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Link to Bootstrap JS and Popper.js --> | ||
| <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> | ||
| <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script> | ||
| <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> | ||
| </body> | ||
| </html> |