html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
<head>
<title>Bing ai</title>
</head>
<body>
<section>
<img src="https://i.postimg.cc/d3BWNgTQ/a446ef2a-f619-43da-ab73-1e36898534f0.jpg">
<img src="https://i.postimg.cc/mr9P2f4m/a091c509-cdd8-4aa3-8e10-32cd0de7cfe3.jpg">
<img src="https://i.postimg.cc/3xcLQprg/668f3ce4-3a5e-42f9-86b6-a3f4b6691005.jpg">
<img src="https://i.postimg.cc/tJ8TH2cK/766b57ae-a3d0-4e40-a65d-13256e05f191.jpg">
<img src="https://i.postimg.cc/5y5xZbwC/IMG-20240107-205812-896.jpg">
<a href="https://youtu.be/tgZuqNtkHL4?si=qQ59RLqAHtavToGK">YouTube Tutorial Link</a>
</section>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
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
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
*{
margin:0px;
padding:0px;
box-sizing:border-box;
font-family: 'Fredoka One', cursive;
}
body {
}
Section{
Width:100%;
Display:flex;
Flex-wrap:wrap;
Gap:10px;
Align-items:center;
Justify-content:center;
}
img{
Width:90%;
border-radius:10px;
transition:0.4s;
}
img:hover{
Transform:scale(1.05);
}
a{
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run