jQuery/index.html at main · monteparlo/jQuery · GitHub

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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="styles.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
	<script src="script.js"></script>
        <title>How to Unleash Your Inner Unicorn!</title>
    </head>
    <body>
	<nav>
		<ul>
			<li><a href="#home">HOME</a></li>
			<li><a href="#steps">STEPS</a></li>
			<li><a href="#contact">CONTACT</a></li>
		</ul>
	</nav>

	<div id="home"  class="content">
		<h1>How to Unleash Your Inner Unicorn! 🦄✨</h1>
			  <p>Did you know you are a Unicorn? Yes. YOU. There is no one else like you. You are unique. You are amazing. You are brilliant. You are admirable. You are inspirational. The universe is so grateful to have you in existence. There are so many gifts the universe gave you BUT you haven't grasp seizing opportunities to use them to their full potential!</p>

			  <p>Tell me... are you struggling with financial issues, health issues, life issues, social issues, or just feeling trapped all the time? Are you constantly dreaming of better realities? Wishing to improve yourself? Are you the type of person spending time on your computer for hours and hours with how to get rich quick schemes, spiritual advice, aboriginal health tricks, fluoride detoxifying tricks, money games/surveys, free offers, free energy hacks or subscribing to psychics claiming with a 'small fee' they can provide you the stars and the moon? If the answer is yes to any of these and you're reading this, then you probably are in search of the right advice to create a drastic change in your life, ..or just looking. Either way, you came to the right place. Not only am I going to tell you how to unleash your inner Unicorn, I'll be showing you how I unleash mine step by step!</p>
	  </div>
	  <div id="interactive">
	  <button id="interactive-btn">
        <img src="assets/fol.png" alt="Flower Of Life Interactive Symbol" id="fol" width="300px"><br>
	</div><br><br>Hover Me!

	  <div id="steps"  class="content">
	  <h2>Steps:</h2>
	  <ol>
	  <li><a href="#1"><h3 id="1">Find your DRIVE.</h3></a></li>
	  <li><a href="#2"><h3 id="2">Find your FOCUS.</h3></a></li>
	  <li><a href="#3"><h3 id="3">Solidify your CHARACTER.</h3></a></li>
	  <li><a href="#4"><h3 id="4">FOLLOW THROUGH.</h3></a></li>
	  <li><a href="#5"><h3 id="5">TESTIMONY!**</h3></a></li>
	  </ol>
	  <div id="step"></div>
	  <button id="prev">&lt;-</button>
	  <button id="next">-&gt;</button>


	  </div>


	  <div id="contact"  class="content">
		<h2>Contact<h2>
		<h4>Don't hesitate to reach out!</h4>
		  <p>Enter your name here:</p>
				<input id="name-input"></input>
				<button id="name-check-btn">Submit</button>
				<button id="name-clear-btn">Clear</button>
				<div id="name-results-div"></div>
				<p>Enter your email here:</p>
				<input id="email-input"></input>
				<button id="email-check-btn">Submit</button>
				<button id="email-clear-btn">Clear</button>
				<div id="email-results-div"></div>
		<p>Enter your phone number here:</p>
				<input id="number-user-input"></input>
				<button id="number-check-btn">Submit</button>
				<button id="number-clear-btn">Clear</button>
				<div id="number-results-div"></div>
		<p>Enter your message here:</p>
				<input id="message-input"></input>
				<button id="message-check-btn">Submit</button>
				<button id="message-clear-btn">Clear</button>
				<div id="message-results-div"></div>
		</div>


    </body>
</html>