nguyent063

index.html

Feb 21st, 2021
137
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.61 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width">
  7.     <title>Monkey Market</title>
  8.     <link href="style.css" rel="stylesheet" type="text/css" />
  9.     <link rel="preconnect" href="https://fonts.gstatic.com">
  10.     <link href="https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap" rel="stylesheet">
  11.     <link href="https://fonts.googleapis.com/css2?family=Quicksand&display=swap" rel="stylesheet">
  12.     <link href="https://fonts.googleapis.com/css2?family=Concert+One&display=swap" rel="stylesheet">
  13. </head>
  14.  
  15. <body>
  16.     <div class="topnav">
  17.         <a href="index.html">Home</a>
  18.         <a href="game.html">Game</a>
  19.         <a href="about.html">About</a>
  20.         <img src="Monkey Market Logo.svg" alt="Logo">
  21.     </div>
  22.  
  23.   <div class="hero">
  24.         <img src="Monkey Market Hero.png" alt="Hero">
  25.   </div> <!--.hero-->
  26.  
  27.     <h1> Monkey Market </h1>
  28.     <h2> Stocks for Kids! </h2>
  29.  
  30.  
  31.   <div class="information">
  32.  
  33.     <section class="intro">
  34.       <img src="Monkey Love.svg" alt="Melly Love" class="center">
  35.  
  36.       <h3>Welcome to Monkey Market!</h3>
  37.       <p>My name is Melly Monkey and I’m here to guide you through your Monkey Market adventures. An important currency we have here is <b>Monkey Money (MM)</b>. Business monkeys like me use MM to buy and sell <b>bananas</b>. The prices change often, so you always have to make sure you get the best deal! I’ll give you <b>5000MM</b> to start.</p>
  38.     </section>
  39.  
  40.     <section class="instructions">
  41.       <img src="Monkey Money.svg" alt="Melly Money" class="center">
  42.      
  43.       <h3>How to Play:</h3>
  44.      
  45.       <p>Choose to invest in one of our 6 companies: <b>Apebook</b>, <b>Monkeysoft</b>, <b>Alibaboon</b>, <b>Capuchin & Capuchin</b>, <b>ApeBNB</b>, and <b>GorillaStop</b>.</p>
  46.  
  47.      <ul>
  48.        <li><span>Type in the amount of bananas you want to buy or sell, then click the button.</span></li>
  49.        <li><span>Make sure to check out the charts to see which companies have their banana values going up or down!</span></li>
  50.        <li><span>Grow your MM! See how much you can make from your original 5000MM.</span></li>
  51.        <li><span>Make sure to check the news feed underneath too. You might get some important information from there!</span></li>
  52.      </ul>
  53.  
  54.      <p><i>Here’s a tip: try and buy your bananas when they’re at a low price.</i> Then, when the banana value is higher, sell them!</p>
  55.    </section>
  56.  
  57.    <section class="stocks">
  58.      <img src="Monkey Dollars.svg" alt="Melly Dollars" class="center">
  59.      <h3>What Are Stocks?</h3>
  60.      <p>
  61. Stocks are the word we use to call the <b>bunch of shares that are owned from a company</b>. <b>Shares</b> are like <b>little bits of the company that you own</b>. <b>Owning stock</b> in a company makes you a <b>shareholder</b>! <b>Companies sell stocks</b> so that <b>they can get money for them to expand</b>, so being a shareholder is very important. In real life, many big shareholders have the ability to make decisions for a company! In Monkey Market, <b>shares are like bananas</b>. Owning one banana isn’t a big deal, but <b>owning lots of different bananas from different companies</b> is when it gets <b>much more complicated and interesting</b>. <b>Your risk of losing money (or Monkey Money) becomes even bigger the more shares (or bananas) you have.</b> Lots of people buying and selling shares at different times often causes the prices to go up and down, which increases many people’s risk of losing money even more. Many people think that the stock market is complicated and difficult to understand, but the basics are very easy!
  62. </p>
  63.  </div>
  64.  </body>
  65. </html>
Advertisement
Add Comment
Please, Sign In to add comment