-
Notifications
You must be signed in to change notification settings - Fork 0
/
Inspiration.html
54 lines (52 loc) · 2.88 KB
/
Inspiration.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"> <!-- Added meta tag to specify character encoding -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Added meta tag to make the website responsive -->
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<title>
UpwardReady | Elevating the Future, One Student at a Time.
</title>
<link rel="shortcut icon" href="favicon/UpwardReadyLogoCloseUp.ico" type="image/x-icon">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="navbar">
<div class="logo"> <a href="index.html"><img src="images/_UpwardReadyLogo_with_quote.png" alt="logo" class="logo"></a> </div>
<ul class="links">
<li><a href="index.html"> Home </a></li>
<li><a href="Inspiration.html"> Inspiration </a></li>
<li><a href="scholarships.html"> Scholarships & Resources </a></li>
<li><a href="contact.html"> Contact </a></li>
</ul>
<div class="toggle_btn">
<i class="fa fa-bars" aria-hidden="true"></i>
</div>
</div>
<div class="dropdown_menu open">
<li><a href="index.html"> Home </a></li>
<li><a href="Inspiration.html"> Inspiration </a></li>
<li><a href="scholarships.html"> Scholarships & Resources </a></li>
<!-- <li><a href="#"> About Us </a></li> -->
<li><a href="contact.html"> Contact </a></li>
</div>
</header>
<main> <!-- Added main element to wrap the main content of the website -->
<h1> Be Empowered with Inspirational Quotes! </h1>
<h4> Inspirational quotes and affirmations can be powerful tools for personal growth and motivation. They can provide us with the wisdom and guidance we need to overcome challenges and achieve our goals. By reading and repeating positive affirmations, we can rewire our thought patterns and change the way we think and feel about ourselves and the world around us. </h4>
<section id="inspiration"> <!-- Added section element to group related content and give it an id for easier navigation -->
<h2> Inspirational Quotes </h2> <!-- Changed heading level from h1 to h2 to create a hierarchy of headings -->
<p> Stay motivated with motivating quotes. Find inspiration to pursue your dreams, overcome challenges, and unlock your true potential. Click on the button below to become inspired. </p>
<h2 id="quote"> </h2>
<button id="getQuote">Click to become inspired!</button>
</section>
</main>
<footer> <!-- Added footer element to display some information at the bottom of the page -->
<p>© 2023 UpwardReady. All rights reserved.</p> <!-- Added a copyright notice -->
</footer>
<script src="inspiration.js"></script>
<script src="navbar.js"></script>
</body>
</html>