ExpandCollapseText/index.html at main · saqibbedar/ExpandCollapseText · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
    <title>Read More - Read Less</title>
    <link rel="stylesheet" href="main.css">
</head>
<body>
    <div class="container">
        <div class="paraWrapper">
            <p id="para" class="active">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex modi possimus mollitia magni commodi similique aliquid sapiente ducimus neque quis, odio quidem repellendus vitae, incidunt at molestias ratione. Sint, delectus?
                Perferendis odit alias soluta ullam itaque quia tempora placeat voluptates, ex doloremque! Provident sequi odit atque adipisci, mollitia illo, velit deleniti assumenda cumque, quia inventore. Aperiam dolores culpa iste eaque.
                Perspiciatis, id. Ea ipsum tempora sapiente fugit distinctio aliquid, officiis dicta quos nisi rerum, quidem illo aspernatur culpa, necessitatibus impedit fuga repellat provident! Quaerat aspernatur veniam ipsam exercitationem natus. Eum.
            </p>
            <button id="btn">Read More</button>
        </div>
    </div>
    <script src="script.js"></script>
</body>
</html>