-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
58 lines (57 loc) · 2.04 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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- googel font -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Gajraj+One&display=swap"
rel="stylesheet"
/>
<!-- styles -->
<link rel="stylesheet" href="./styles/style.css" />
<!-- font awesome for icons-->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"
integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<title>DOM THE THIRD ONE</title>
</head>
<body class="u-container">
<!-- project 1: quote generator -->
<div class="container">
<div class="header">
<h2>JavaScript Quote Generator</h2>
</div>
<div class="main-content">
<div class="text-area">
<span class="quote">
"Your time is limited, don't waste it living someone else's life.
Don't be trapped by dogma - which is living with the results of
other people's thinking. Don't let the noise of other's opinions
drown out your own inner voice. And most important, have the courage
to follow your heart and intuition. They somehow already know what
you truly want to become. Everything else is secondary."
</span>
</div>
<div class="person">- Steve Jobs</div>
<div class="btn-area">
<button id="new-quote">New Quote</button>
</div>
</div>
</div>
<footer>
<div>
<a href="./project2.html"><span>NEXT</span></a>
</div>
</footer>
<!-- scripts -->
<script src="./scripts/app.js"></script>
</body>
</html>