Skip to content

Instantly share code, notes, and snippets.

@phavor
Last active Oct 8, 2020
Embed
What would you like to do?
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 &#128147; 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