Skip to content

Instantly share code, notes, and snippets.

@amani-joseph

amani-joseph/index.html

Created February 1, 2021 21:17
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save amani-joseph/5ce507cc7b101efac931cb0f00ba5360 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save amani-joseph/5ce507cc7b101efac931cb0f00ba5360 to your computer and use it in GitHub Desktop.
Download ZIP
Rich Dad Poor Dad // source https://jsbin.com/xobepo
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rich Dad Poor Dad</title>
<style id="jsbin-css">
body {
background-color: teal;
}
div{
background-color: lightblue;
}
p {
font-size: 50px;
}
ul {
font-size: 35px;
}
ol {
font-size: 35px;
}
h1 {
padding: 35px;
font-weight: 1000;
text-decoration: underline;
}
h2 {
padding: 30px;
}
.social {
display: flex;
justify-content: space-around;
list-style: none;
margin: 2rem;
}
/* CSS Properties url link
https://www.w3schools.com/css/default.asp */
</style>
</head>
<body>
<!--My favorite book title -->
<header>
<h1>Rich Dad Poor Dad</h1>
</header>
<h2>Summary</h2>
<div>
</* separate section for book image */>
<img src="https://miro.medium.com/max/630/0*UEiDcn8NoN7FVnhZ.jpg" alt="Rich dad poor dad book cover"
</div>
<div>
<a href="#">Buy Book</a>
</div>
<div>
<p>Robert Kiyosaki, author of <strong>Rich Dad Poor Dad</strong>, had two main influential fathers in his life.<strong>Poor Dad</strong> was Kiyosaki’s biological father, a man who was highly intelligent and very well educated. Poor Dad believed in studying hard and getting good grades, then finding a well-paying job. Yet, despite these seemingly positive attributes, <em>Poor Dad didn’t do well financially.</em></p>
<p><strong>Rich Dad</strong> was the father of Kiyosaki’s best friend. He had a similar work ethic to Kiyosaki’s real dad, but with a twist. Rich Dad believed in financial education, learning how money works, and understanding how to make money work for you. Although he was an eighth-grade dropout, Rich Dad eventually became a millionaire by putting the power of money to work for him.</p>
<p>The book is written from Kiyosaki’s perspective of how Rich Dad went about making money and the mistakes that Poor Dad made. The first six chapters of Rich Dad Poor Dad make up about two-thirds of the book and discuss the six lessons that Kiyosaki learned from his Rich Dad.</p>
</div>
<div>
<!--Start of Key take away section -->
<p>
<div>
<h2>Key Take aways</h2>
<ul>
<li>Rich Dad Poor Dad is about Robert Kiyosaki and his two dads—his real father (poor dad) and the father of his best friend (rich dad)—and the ways in which both men shaped his thoughts about money and investing.</li>
<li>You don’t need to earn a high income to be rich.</li>
<li>Rich people make money work for them.</li>
</ul>
<!--End of Key take away section -->
</div>
<div>
<!--Start of big ideas section -->
<h2>The Five Big Ideas</h2>
<ol>
<li>The poor and the middle-class work for money. The rich have money work for them.</li>
<li>It’s not how much money you make that matters. It’s how much money you keep.</li>
<li>Rich people acquire assets. The poor and middle class acquire liabilities that they think are assets.</li>
<li>Financial aptitude is what you do with money once you make it, how you keep people from taking it from you, how to keep it longer, and how you make money work hard for you.</li>
<li>The single most powerful asset we all have is our mind.</li>
</ol>
<!--End of big ideas section -->
</div>
</p>
</div>
<div>
<video width="600" height="300" controls>
<source src="SuccessResources.mp4" type="video/mp4">
</video>
</div>
<div>
<h3>Book Review survey</h3>
<p>Kindly fill out our survey blow on you have read the book and doyou aggree with the principles and lessons from the book</p>
<div>
<form>
<h3>Get a copy of <em>Rich Dad Poor Dad</em> by signing up below</h3>
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname"><br>
<label for="email">E-mail:</label><br>
<input type="text" id="email" name="email"><br>
<input type="submit" value="Submit">
</form>
</div>
</div>
</div>
<ul class="social">
<li><a href="#"><img src="https://i.ibb.co/x7P24fL/facebook.png"></a></li>
<li><a href="#"><img src="https://i.ibb.co/Wnxq2Nq/twitter.png"></a></li>
<li><a href="#"><img src="https://i.ibb.co/ySwtH4B/instagram.png"></a></li>
</ul>
<script id="jsbin-source-css" type="text/css">body {
background-color: teal;
}
div{
background-color: lightblue;
}
p {
font-size: 50px;
}
ul {
font-size: 35px;
}
ol {
font-size: 35px;
}
h1 {
padding: 35px;
font-weight: 1000;
text-decoration: underline;
}
h2 {
padding: 30px;
}
.social {
display: flex;
justify-content: space-around;
list-style: none;
margin: 2rem;
}
/* CSS Properties url link
https://www.w3schools.com/css/default.asp */
</script>
</body>
</html>
Raw
jsbin.xobepo.css
body {
background-color: teal;
}
div{
background-color: lightblue;
}
p {
font-size: 50px;
}
ul {
font-size: 35px;
}
ol {
font-size: 35px;
}
h1 {
padding: 35px;
font-weight: 1000;
text-decoration: underline;
}
h2 {
padding: 30px;
}
.social {
display: flex;
justify-content: space-around;
list-style: none;
margin: 2rem;
}
/* CSS Properties url link
https://www.w3schools.com/css/default.asp */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment