28 lines
1.3 KiB
HTML
28 lines
1.3 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://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
|
||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
|
||
|
|
<script src="scripts.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|