3rdDay-ReadMore-and-ReadLess/index.html at master · i1s-rishabh/3rdDay-ReadMore-and-ReadLess · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Read More & Read Less</title>
    <link rel="stylesheet" href="read.css" />
  </head>
  <body>
    <div class="container">
      <h2>Colonel Sanders | Kentucky Fried Chicken</h2>
      <p>
        Once, there was an older man, who was broke, living in a tiny house and
        owned a beat up car. He was living off of $99 social security checks. At
        65 years of age, he decide things had to change. So he thought about
        what he had to offer. His friends raved about his chicken recipe. He
        decided that this was his best shot at making a change. He left Kentucky
        and traveled to different states to try to sell his recipe. He told
        restaurant owners that he had a mouthwatering chicken recipe. He offered
        the recipe to them for free, just asking for a small percentage on the
        items sold. Sounds like a good deal, right? Unfortunately, not to most
        of the restaurants. He heard NO over 1000 times
        <span class="readmore"
          >Even after all of those rejections, he didn’t give up. He believed
          his chicken recipe was something special. He got rejected 1009 times
          before he heard his first yes. With that one success Colonel Hartland
          Sanders changed the way Americans eat chicken. Kentucky Fried Chicken,
          popularly known as KFC, was born. Remember, never give up and always
          believe in yourself in spite of rejection.
        </span>
        <button class="btn">...read more</button>
      </p>
    </div>
    <script
      src="https://code.jquery.com/jquery-3.5.1.min.js"
      integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
      crossorigin="anonymous"
    ></script>
    <script src="read.js"></script>
  </body>
</html>