-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
35 lines (30 loc) · 1.77 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">
<head>
<title>Random Quote Generator</title>
<link rel="stylesheet" href="styles.css">
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
</head>
<body>
<div class="container">
<!-- <div class="vertical-bar"></div> -->
<div class="quote-box">
<div class="quotemarks"><img src="images/quotes.png" alt=""></div>
<div class="quote">To be yourself in a world that is constantly trying to make you something else is the greatest accomplishment.</div>
<div class="author">— Ralph Waldo Emerson</div>
</div>
<div class="buttons">
<!-- <div class="twitter-btn"></div>
<div class="next-quote-btn"></div> -->
<a class="twitter-btn" href="https://twitter.com/ArchitRathod_17" target="_blank" title="Tweet this Quote!"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter"
viewBox="0 0 16 16">
<path
d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z" />
</svg></a>
<button class="next-quote-btn">Next Quote</button>
</div>
</div>
<script type="text/javascript" src="data.json"></script>
<script src="index.js"></script>
</body>
</html>