CSS/PROJECT.html at main · Pavithra-git162/CSS · 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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Perfumy</title>
    <link rel="stylesheet" href="PROJECT.css">
</head>
<body>
    <div class="Header">
        <nav>
        <h1>Perfumy</h1>
        <ul>
            <li>
                Home |
            </li>
            <li>
                Products |
            </li>
            <li>
                About Us |
            </li>
            <li>
                Contact
            </li>
        </ul>
       </nav>

    </div>

    <div class="Search_Bar">
        <input  placeholder="Search">

    </div>
    <div class="Product">
        <div class="box">
            <img src="perfume.png" width="250px">
            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Vitae nobis reprehenderit hic sed repellat cupiditate!</p>
        </div>
        <div class="box">
            <img src="perfume.png" width="250px">
            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Vitae nobis reprehenderit hic sed repellat cupiditate!</p>
        </div>
        <div class="box">
            <img src="perfume.png" width="250px">
            <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Vitae nobis reprehenderit hic sed repellat cupiditate!</p>
        </div>
    </div>

    <div class="About_Us">
        <h1>About Us</h1>
        <p class="four">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quidem ad vitae ducimus accusantium deserunt asperiores aliquid incidunt, amet delectus quasi atque quisquam vel! Nam culpa a explicabo tempora alias pariatur, repellat, consectetur natus hic nihil nemo nobis laboriosam laudantium expedita. Omnis obcaecati ratione similique? Laudantium architecto culpa nisi dicta hic.</p>
    </div>
    <div class="Contact">
        <h3>Contact</h3>
        <p style="margin-top:10px;">+91 9342293705</p>
        <p>pavithra3705@gmail.com</p>
        <p style="margin-top:10px; color:grey; padding-bottom:8px;">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quaerat quas accusamus illum, blanditiis sequi sed architecto error reprehenderit velit veniam adipisci numquam porro sint dignissimos itaque. Laborum, quidem perferendis laboriosam dolorum hic, aut odit ea tenetur doloremque nam exercitationem autem.</p>

    </div>

</body>
</html>