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