first-project/index.html at main · Rahulkm33/first-project · 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
64
65
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PERFUMEY</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="header">
             <nav>

                <h1>PERFUMEY</h1>
                <ul>
                    <li>Home|</li>
                    <li>product|</li>
                    <li>contacts us|</li>
                    <li>about us|</li>


                </ul>
             </nav>
    </div>
    <div class="searchbar">
        <input placeholder="search">


    </div>
    <div class="product">
        <div class="box">
               <img src="https://source.unsplash.com/220x220/?perfume?1">

               <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum odio eaque neque dicta nulla blanditiis molestias voluptate, sequi pariatur cum.</p>
        </div>

        <div class="box">
            <img src="https://source.unsplash.com/220x220/?perfume?2">

            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum odio eaque neque dicta nulla blanditiis molestias voluptate, sequi pariatur cum.</p>
     </div>

     <div class="box">
        <img src="https://source.unsplash.com/220x220/?perfume?3">

        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum odio eaque neque dicta nulla blanditiis molestias voluptate, sequi pariatur cum.</p>
 </div>


    </div>
    <div class="about us">
        <h1 style="text-align: center;">About Us </h1>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima corrupti ducimus quia placeat autem laboriosam fugiat illum voluptatum molestiae id voluptas alias sed cum eaque repellendus praesentium ipsum pariatur facere ab saepe, odit esse inventore quod! Eligendi modi, aspernatur neque quod, magni minima quisquam doloremque facere voluptates quos laboriosam pariatur ducimus earum nisi sit assumenda veritatis perferendis incidunt? Enim nam doloribus obcaecati excepturi reiciendis. Sit quas illo, expedita cupiditate dolorum natus. Eum est quia dicta similique maxime nemo eius excepturi at. Animi, voluptate libero ducimus corporis ullam iusto odit est. At debitis vel unde temporibus vitae a quo tempore velit. Culpa itaque sequi dolore iure rem, repellat dicta delectus repellendus! Quasi libero iure aliquid maxime officiis repellendus excepturi hic, quam, at est possimus quod quos odio assumenda. Cupiditate modi repellendus amet officia deserunt eos explicabo eaque sunt accusantium dolores nulla numquam, velit dolore dolorum, praesentium, fuga doloremque. Laboriosam tempora recusandae quo voluptatem aspernatur, eum, hic neque voluptatibus voluptas similique animi debitis delectus asperiores sint reprehenderit aliquid eligendi explicabo ad consequatur. Distinctio, fugiat suscipit. Fugit eum fuga reiciendis culpa. Sequi dolore dolorum fugit placeat iste sed? Eos mollitia assumenda, provident ea atque tempora asperiores exercitationem blanditiis beatae, nisi consectetur ex! Minus?</p>
    </div>

    <div class="contact us ">
        <h5>contact</h5>
        <h6>8790556782</h6>
        <h6>puerfumey@gamil.com</h6>
        <p style="margin-top: 30px; font-size: 15px;">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sequi ratione laboriosam, impedit, facere nostrum vitae a, tempora nihil repellat voluptatibus ut quaerat? Voluptate hic quo tenetur. Beatae eveniet delectus ea, dicta culpa deleniti nostrum at soluta. Voluptatum totam quasi minus earum odio! Explicabo facere cupiditate magni, ipsum vitae commodi? Laudantium ratione veritatis fugit cupiditate sint, autem quo facere. Ut dignissimos dolores voluptates at, maiores voluptatum quia temporibus recusandae similique perspiciatis perferendis quidem ducimus quam animi necessitatibus ipsum odio aut esse? Suscipit eveniet voluptatum veniam modi maxime aliquam, architecto nam excepturi nemo sequi ea! Sit dolorum ad ratione atque, aperiam veritatis!</p>


    </div>
</body>
</html>