HTML-CSS-JavaScript-100-Projects/36. Read More and Read Less/index.html at bd7793002a2da8d1933ac1f289ce9f196a2d83ce · HuXn-WebDev/HTML-CSS-JavaScript-100-Projects · 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
<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" />
    <title>Read More / Read Less</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="container">
      <header>
        <h2>Welcome To The Real World</h2>
        <p class="para">
          <span class="content-container-1">
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam quia
            vitae ipsam incidunt ipsa sapiente. Repellat labore odit, cum
            blanditiis eum sed delectus.
          </span>
          <br />
        </p>

        <p class="para">
          <span class="content-container-2">
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam quia
            vitae ipsam incidunt ipsa sapiente. Repellat labore odit, cum
            blanditiis eum sed delectus, ipsa debitis eius quibusdam aliquam
            harum officia ...
          </span>
          <button class="btn">Learn More</button>
        </p>
      </header>
    </div>

    <script src="app.js"></script>
  </body>
</html>