HTML-CSS--Basic-Project/project1.html at main · abhishekmhasal/HTML-CSS--Basic-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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>project position</title>
  <link rel="stylesheet" href="project1.css">
</head>
<body>
  <div id="main">
    <div id="nav">
      <a href="#">Home</a>
      <a href="#">Shop</a>
      <a href="#">Lookbook</a>
        <a href="#">About</a>
      <a href="#"> News</a>
      <a href="#">Cart</a>
     </div>
     <h1>Sweaters</h1>
     <div id="img1">
      <img  id="frist"  src="https://plus.unsplash.com/premium_photo-1671656349322-41de944d259b?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8cG90cmFpdHxlbnwwfHwwfHx8MA%3D%3D" alt="">
      <img id="second" src="https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NHx8cG90cmFpdHxlbnwwfHwwfHx8MA%3D%3D" alt="">
      <img id="third" src="https://images.unsplash.com/photo-1531384441138-2736e62e0919?q=80&w=687&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="">
    </div>
     <div id="btm">
      <h3>Product Deatails</h3>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint, alias.
      </p>
     </div>
     <div id="metereal">
      <h4>Metereal</h4>
      <p>100% cotton</p>
     </div>
     <div id="btmbar">
      <h3>Newcollection</h3>
      <a href="#">Shop the look </a>
     </div>
  </div>

</body>
</html>