HTML-CSS/exp15divBike.html at main · sudeepnagar/HTML-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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!-- example on div tag-->
<DOCTYPE html>
<html lang="en">
   <head>
         <title> my 15th web page</title>
		 <link rel="icone" href="id.png"/>
		  <style>
		  div{
		  width:300px;
		  border-radius:10px;
		  box-shadow:0 0 40px blue;
		  color:blue;
		  background-color:pink;
		  display:inline-block;
		  margin:10px;
		  <!--margin:auto;-->
		  margin:auto;
		  }
		  img{
		     width:100%;
			 height:200px;
			 border-radius:10px;
		  }
		  div:hover{
		     box-shadow:0 0 15px yellow;
			 color:red;
			 transform:scale(1.05);
		  }
		 </style>

		 </head>

		 <body>
		   		  <h2>card style designing</h2>

				  <!--container-->
				  <div>
				  <img src="image\bike.jpg" >
				  <h3>yamaha</h3>
				  <span>Date:19th dec , 2024</span>
				  <p>On road price <strong>&#8377; 3lack</strong></p>
				  <p>Your connection was interrupted A network change was detected.Looks like you're not connected to the
				  internet Let's get
				  you back online! ERR_INTERNET_DISCONNECTED
				  Want to play a game while you wait?</p>
				  <a href="https://www.yamaha-motor-india.com/">Read More...</a>
				  </div>


				  <div>
				  <img src="image\bike.jpg" >
				  <h3>yamaha</h3>
				  <span>Date:19th dec , 2024</span>
				  <p>On road price <strong>&#8377; 3lack</strong></p>
				  <p>Your connection was interrupted A network change was detected.Looks like you're not connected to the
				  internet Let's get
				  you back online! ERR_INTERNET_DISCONNECTED
				  Want to play a game while you wait?</p>
				  <a href="https://www.yamaha-motor-india.com/">Read More...</a>
				  </div>


				    <div>
				  <img src="image\bike.jpg" >
				  <h3>yamaha</h3>
				  <span>Date:19th dec , 2024</span>
				  <p>On road price <strong>&#8377; 3lack</strong></p>
				  <p>Your connection was interrupted A network change was detected.Looks like you're not connected to the
				  internet Let's get
				  you back online! ERR_INTERNET_DISCONNECTED
				  Want to play a game while you wait?</p>
				  <a href="https://www.yamaha-motor-india.com/">Read More...</a>
				  </div>


		 </body>
		 </html>