This repository has been archived on 2023-11-10. You can view files and clone it, but cannot push or open issues or pull requests.
freecodecamp-projects/3-frontend-dev-libraries/1-random-quote-machine/index.html
2022-10-16 19:23:47 +02:00

27 lines
No EOL
1.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Random Bloodborne Quotes</title>
<link href="https://use.fontawesome.com/releases/v6.2.0/css/all.css" rel="stylesheet">
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div id="quote-box">
<div class="quote-text">
<i class="fa-solid fa-quote-left"></i>
<p id="text">Placeholder text</p>
<i class="fa-solid fa-quote-right"></i>
</div>
<p id="author">Placeholder author</p>
<button id="new-quote">More quotes!</button>
<div id="share-buttons">
<a id ="tweet-quote" class="share-button" href="" target="_blank" title="Tweet this quote!"><i class="fa-brands fa-twitter"></i></a>
<a id ="tumblr-quote" class="share-button" href="" target="_blank" title="Post this quote on tumblr!"><i class="fa-brands fa-tumblr"></i></a>
<a id="copy-quote" class="share-button" title="Copy quote to clipboard"><i class="fa-solid fa-copy"></i></a>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="scripts.js"></script>
</body>
</html>