html
html
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
<!DOCTYPE html>
<html>
<head>
<body bgcolor="#013220">
</head>
<body>
<font face="palatino">
<b>
<div class="topnav">
<a class="active" style=text-decoration:none href="#home">HOME</a>   
<a class="active" style=text-decoration:none href="#news">FACTS</a>  
<a class="active" style=text-decoration:none href="#breeds">BREEDS</a>  
<a class="active" style=text-decoration:none href="#shop">SHOP</a>  
</div>
</b>
</font>
<section>
<body id="home" class="chickens" background="https://www.shutterstock.com/image-photo/flock-chickens-grazing-on-grass-600nw-157999892.jpg">
</section>
<section>
<body class="chickens" background="https://img.myloview.pl/plakaty/poulet-de-bresse-400-202075224.jpg">
</section>
<section>
<body class="chickens" background="https://abundantpermaculture.com/wp-content/uploads/2022/09/Baby-Chicks-1_JR.jpg">
</section>
<!--any more background images will go here-->
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
.topnav {
overflow: hidden;
text-align: center;
padding: 14px;
font-size: 17px;
}
.topnav a.active {
color: white;
}
.box1 {
background-color: white;
text-align: center;
}
.chickens {
background-image: url(https://www.shutterstock.com/image-photo/flock-chickens-grazing-on-grass-600nw-157999892.jpg),
url(https://img.myloview.pl/plakaty/poulet-de-bresse-400-202075224.jpg),
url(https://www.weedemandreap.com/wp-content/uploads/2016/12/IMG_4387.jpg);
background-size: 100%;
background-position: 0px 0px, 0px 675px, 0px 2200px;
background-repeat: no-repeat;
}
/*1875px*/
.logo {
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run