generated from Code-Institute-Org/ci-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
125 lines (118 loc) · 4.29 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
<!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">
<!--Meta Tags for Search Engines-->
<meta name="description" content="Master Human Nature, Master Yourself. Robert Greene. Self development, self help">
<meta name="keyword" content="Robert Greene, Human Nature, Laws, Power, Self Development, Self Help, Mastery, Seduction, War, Fear">
<!--Title-->
<title>Master Yourself</title>
<!--Stylesheet CSS-->
<link rel="stylesheet" href="./assets/css/styles.css">
</head>
<body>
<!--Header-->
<header>
<a href="#" id="menu-title">
<h1>Master Yourself</h1>
</a>
<!--Dropdown Menu-->
<div class="dropdown">
<button type="button" class="dropbtn">
<i class="fa-solid fa-circle-chevron-down fa-2xl dropdown-icon" style="color: #000000"></i>
</button>
<nav class="dropdown-content">
<ul id="visible-menu">
<li><a href="index.html" class="active">Home</a></li>
<li><a href="books.html">The Books</a></li>
<li><a href="author.html">About the Author</a></li>
<li><a href="freebook.html">Get Free eBook</a></li>
</ul>
</nav>
</div>
</header>
<!--Main Content-->
<main>
<section id="Robert-Greene">
<div id="cover-text">
<h2>Robert Greene</h2>
<h3>Learn Human Nature with the Modern Macchiavelli</h3>
</div>
</section>
<!--Introduction to Greene -->
<section>
<div id="introduction">
<h2>Robert Greene</h2>
<p>
Robert Greene is an American author of books on mastery, strategy,
power, war and seduction. He has written seven international
bestsellers: The 48 Laws of Power, The Art of Seduction, The 33
Strategies of War, The 50th Law, Mastery, The Laws of Human Nature
and The Daily Laws.
</p>
</div>
</section>
<!--Reasons to read the books-->
<section>
<div id="reasons">
<h2>Why should you read the books of Robert Greene?</h2>
<ol>
<li>
Learn to know and to control the emotions boiling within yourself
</li>
<li>
Learn how to influence, seduce people and avoid the traps of the
Toxic Types
</li>
<li>
Learn the Laws of Power to navigate the social arena and avoid the
traps
</li>
<li>Learn how to deal with fear and conquer it</li>
<li>
Learn how to identify your Life Task and achieve Mastery in your
field
</li>
</ol>
</div>
</section>
<!--Introduction Video -->
<section>
<div id="understand">
<h2>Understanding Human Nature</h2>
<iframe id="video" height="300" src="https://www.youtube.com/embed/PjKJRa1369s?si=d1IOUqJ3Wg_mvu7p" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen>
</iframe>
</div>
</section>
</main>
<!--Footer-->
<footer>
<ul id="social-networks">
<li>
<a href="https://www.facebook.com/" target="_blank" rel="noopener"
aria-label="Visit our Facebook page (opens in a new tab)"><i class="fa-brands fa-facebook"
style="color: #000000"></i></a>
</li>
<li>
<a href="https://www.youtube.com/" target="_blank" rel="noopener"
aria-label="Visit our Youtube page (opens in a new tab)"><i class="fa-brands fa-youtube"
style="color: #000000"></i></a>
</li>
<li>
<a href="https://www.twitter.com/" target="_blank" rel="noopener"
aria-label="Visit our X-Twitter page (opens in a new tab)"><i class="fa-brands fa-x-twitter"
style="color: #000000"></i></a>
</li>
<li>
<a href="https://www.instagram.com/" target="_blank" rel="noopener"
aria-label="Visit our Instagram page (opens in a new tab)"><i class="fa-brands fa-instagram"
style="color: #000000"></i></a>
</li>
</ul>
</footer>
<!--Font Awesome Kit-->
<script src="https://kit.fontawesome.com/4f92087d19.js" crossorigin="anonymous"></script>
</body>
</html>