-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
157 lines (138 loc) · 8.11 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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Landing Page</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- navbar -->
<nav>
<div class="parent1">
<div class="parent2">
<div class="parent3">
<div class="parent4">
<div class="parent5">
<a class="nav-link active" aria-current="page" href="index.html">
<img src="icons/logo-aie.png" alt="logo" class="navlogo">
</a>
<ul>
<li><a class="nav-link active" aria-current="page" href="#home"><strong>Home</strong></a></li>
<li><a class="nav-link active" aria-current="page" href="#aboutme"><strong>About</strong></a></li>
<li><a class="nav-link active" aria-current="page" href="#contents"><strong>Contents</strong></a></li>
<li><a class="nav-link active" aria-current="page" href="#contact"><strong>Contact</strong></a></li>
<li><button type="button" class="btn-open-popup" onclick="togglePopup()">Subscribe</button></li>
<li><img src="icons/user.png" alt="png" width="50px" height="50px" onclick="togglePopup()"></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</nav>
<!-- popup form -->
<div id="popupOverlay" class="overlay-container">
<div class="popup-box">
<h2>Subscribe</h2>
<form class="form-container">
<label class="form-label" for="name">Username:</label>
<input class="form-input" type="text" placeholder="Enter Your Username" id="name" name="name" required>
<label class="form-label" for="email">Email:</label>
<input class="form-input" type="email" placeholder="Enter Your Email" id="email" name="email" required>
<button class="btn-submit" type="submit">Submit</button>
</form>
</div>
</div>
<div class="container" id="home">
<div class="child">
<h1 class="containerh1">Attitude is Everything</h1>
<h3 class="containerh3">Change Your Attitude... Change Your Life!</h3>
<h5 class="containerh5">By Jeff Keller</h5>
<h3 class="conth3">If you want to be successful, <br>you must be willing to be uncomfortable</h3>
</div>
<div class="img">
<img src="icons/Attitude-is-Everything-English.png" alt="book cover page" class="imageimg">
</div>
</div>
<!-- about the book -->
<div class="container2" id="aboutme">
<h1 class="container2h1">About The Book</h1>
</div>
<div class="container3">
<p>Attitude is Everything is a transformative book that provides actionable insights into developing a positive mindset. The central theme of the book is empowering: <strong>you have control over your attitude and by changing your attitude, you can change your life.</strong></p>
<p>The book focuses on structured approach that is the book is divided into three main sections: <strong>Think</strong>, <strong>Speak</strong>, and <strong>Act</strong>, which makes it easy to navigate and find specific advice when needed.</p>
<p>Keller’s book is a comprehensive guide making it an invaluable resource for anyone looking to improve their life. It is written in a meticulous way which makes it easier to refer back to specific topics. The lessons and strategies in the book are designed to create lasting change, helping you to develop a <strong>positive attitude</strong> that will benefit you for years to come.</p>
</div>
<!-- table of contents -->
<div class="container2" id="contents">
<h1 class="container2h1">Table of Contents</h1>
</div>
<div class="container4">
<span class="c4span"><strong><a class="nav-link active" aria-current="page" href="https://www.attitudeiseverything.com/_cache/files/d/b/dbb22af9-f14d-4897-9168-319367a5e9c7/3195D83A1F7F97BE88605480DF424244.introduction.pdf">Introduction</span><span class="c4span">The Night That Changed My Life</a></strong></span>
</div>
<span class="c5span">Part 1: Success Begins in the Mind</span>
<div class="container6">
<span class="c6span">Lesson 1:</span>
<span class="c6span">Your Attitude is Your Window to the World</span>
<span class="c6span">Lesson 2:</span>
<span class="c6span">You're A Human Magnet</span>
<span class="c6span">Lesson 3:</span>
<span class="c6span">Picture Your Way To Success!</span>
<span class="c6span">Lesson 4:</span>
<span class="c6span">Make A Commitment... and You'll Move Mountains</span>
<span class="c6span">Lesson 5:</span>
<span class="c6span">Turn Your Problems Into Opportunities</span>
</div>
<span class="c5span">Part 2: Watch Your Words</span>
<div class="container6">
<span class="c6span">Lesson 6:</span>
<span class="c6span">Your Words Blaze A Trail</span>
<span class="c6span">Lesson 7:</span>
<span class="c6span"> How Are You?</span>
<span class="c6span">Lesson 8:</span>
<span class="c6span">Stop Complaining</span>
</div>
<span class="c5span">Part 3: Heaven Helps Those Who Act</span>
<div class="container6">
<span class="c6span">Lesson 9:</span>
<span class="c6span">Associate With Positive People</span>
<span class="c6span">Lesson 10:</span>
<span class="c6span">Confront Your Fears and Grow</span>
<span class="c6span">Lesson 11:</span>
<span class="c6span">Get Out There and Fail</span>
<span class="c6span">Lesson 12:</span>
<span class="c6span">Networking That Gets Results</span>
</div>
<span class="c5span"><strong>NOTE:</strong> You can click to read the Introduction.</span>
<div class="container7">
<button type="button" class="c7button"><a class="nav-link active" aria-current="page" href="https://www.amazon.com/gp/product/0979041031/ref=as_li_qf_sp_asin_tl?ie=UTF8&tag=attitisevery-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=0979041031"><strong>Paperback Edtion</strong></a></button>
<span><strong>$11.95</strong></span>
<button type="button" class="c7button"><a class="nav-link active" aria-current="page" href="https://www.amazon.com/gp/product/B007FXULUE/ref=as_li_tf_tl?ie=UTF8&tag=attitisevery-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=B007FXULUE"><strong>Kindle Edtion</strong></a></button>
<span><strong>$2.99</strong></span>
</div>
<!-- contact us -->
<div class="container8" id="contact">
<div class="child1">
<span style="text-decoration: underline;"><strong>Contact Us</strong></span>
<p class="p8">Attitude is Everything ltd</p>
<p class="p8">Telephone: 500-XXX-XXXX</p>
<p class="p8">Email: [email protected]</p>
</div>
<div class="child1">
<span style="text-decoration: underline;"><strong>Discount</strong></span>
<p class="p8"><strong>Note:</strong> Discounts on the paperback edition are available for orders of 20 or more copies. To get a price quote, please send an email to [email protected]</p>
</div>
</div>
<!-- JS for popup form -->
<script>
function togglePopup() {
const overlay = document.getElementById('popupOverlay');
overlay.classList.toggle('show');
}
</script>
</body>
</html>