TS Quote generator
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Quotifr | Inspirational quotes for your daily start up</title> | |
| <link rel="shortcut icon" href="assets/quote-icon.jpg" type="image/jpg"> | |
| <link rel="stylesheet" href="styles/styles.css"> | |
| <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js" | |
| integrity="sha384-SlE991lGASHoBfWbelyBPLsUlwY1GwNDJo3jSJO04KZ33K2bwfV9YBauFfnzvynJ" | |
| crossorigin="anonymous"></script> | |
| </head> | |
| <body> | |
| <div class="quote-container" id="quote-container"> | |
| <!-- quotes --> | |
| <div class="quote-text"> | |
| <i class="fas fa-quote-left"></i> | |
| <span id="quote" /> | |
| </div> | |
| <!-- author --> | |
| <div class="quote-author"> | |
| <span id="author" /> | |
| </div> | |
| <!-- buttons --> | |
| <div class="button-container"> | |
| <button class="twitter-button" id="twitter" title="Tweet This!"> | |
| <i class="fab fa-twitter"></i> | |
| </button> | |
| <button id="new-quote">New Quote</button> | |
| </div> | |
| </div> | |
| <!-- Footer --> | |
| <footer class="footer"> | |
| <p>Made with 💓 by | |
| <a href="https://linkedin.com/in/favourgeorge" target="_blank" class="creator">George Favour | |
| </a> | |
| </p> | |
| <aside class="socials"> | |
| <a href="https://twitter.com/george_favhor" target="_blank" class="twitter"> | |
| <i class="fab fa-twitter"></i> | |
| </a> | |
| <a href="https://github.com/phavor/HacksPanel/tree/quotifr" target="_blank" class="github"> | |
| <i class="fab fa-github"></i> | |
| </a> | |
| </aside> | |
| </footer> | |
| <!-- Loader --> | |
| <div class="loader" id="loader" /> | |
| <!-- scripts --> | |
| <script src="dist/app.js"></script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment