clear-and-flot/index.html at main · syedzohaib-dev/clear-and-flot · 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
42
43
44
45
46
47
48
<!DOCTYPE html>
<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>Document</title>
    <link rel="stylesheet" href="style.css">
    <link href="https://fonts.googleapis.com/css2?family=Delicious+Handrawn&display=swap" rel="stylesheet">

</head>
<body>
    <div class="container">
        <h1>wellcome to my store</h1>
        <div id="fruit" class="item">
            <h3>fruit</h3>
            <p id="fruitpara" class="para">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quisquam dicta
                distinctio repellat fugiat minima sunt fugit dolorem molestiae, nostrum laudantium delectus at, commodi
                praesentium natus eaque veritatis ex numquam a iste? Quae, accusamus provident? Lorem ipsum dolor sit
                amet, consectetur adipisicing elit. Laborum accusamus veritatis maiores esse, nobis cumque deleniti
                facilis impedit alias dolorum ipsam fuga similique, repellendus, dolorem suscipit earum eveniet
                distinctio dignissimos. Iste quam est deleniti. Lorem ipsum dolor, sit amet consectetur adipisicing
                elit. Inventore dolore asperiores facere eveniet natus qui, consequatur dolorem nostrum repudiandae
                nesciunt atque necessitatibus adipisci at minima sunt soluta ad deserunt enim praesentium, ut impedit
                veniam?</p>
        </div>
        <div id="copy" class="item">
            <h3>copy</h3>
            <p id="copypara" class="para">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quisquam dicta
                distinctio repellat fugiat minima sunt fugit dolorem molestiae, nostrum laudantium delectus at, commodi
                praesentium natus eaque veritatis ex numquam a iste? Quae, accusamus provident? Lorem ipsum dolor sit
                amet consectetur, adipisicing elit. Autem doloribus magni repudiandae neque aliquid minus sed deserunt
                repellendus id at consectetur totam molestias cum quasi deleniti harum dolor veritatis, ipsa possimus
                natus? Temporibus, cupiditate! Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur enim
                quidem et minus animi quasi asperiores obcaecati, hic repudiandae sequi iure architecto aliquam tempora
                ex ducimus? Quidem reprehenderit esse placeat repudiandae quod! Doloremque, iste.</p>
        </div>
        <div id="pen" class="item">
            <h3>pen</h3>
            <p id="penpara" class="para">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quisquam dicta
                distinctio repellat fugiat minima sunt fugit dolorem molestiae, nostrum laudantium delectus at, commodi
                praesentium natus eaque veritatis ex numquam a iste? Quae, accusamus provident?</p>
        </div>
    </div>


</body>
</html>