For the web development material

Please write a code for $3$ pages in HTML$,$ as it looks in these photos. The button doesn't have to work, because the purpose of these pages is to display the appearance of the site only

here is our CSS code so you can consider it while you writing the pages.

header $\{$

background$-$color: #F$5$F$5$F$5$;

padding: $20$px;

text$-$align: center;

$\}$

nav ul $\{$

list$-$style: none;

margin: $0$;

padding: $0$;

$\}$

nav ul li $\{$

display: inline;

margin$-$right: $10$px;

$\}$

nav ul li a $\{$

color: hsl$(161,40\%,20\%)$;

text$-$decoration: none;

$\}$

main $\{$

max$-$width: $800$px;

margin: $20$px auto;

padding: $020$px;

$\}$

section $\{$

margin$-$bottom: $40$px;

$\}$

h$1,$ h$2\{$

color: hsl$(161,40\%,20\%)$;

text$-$align: center;

$\}$

button $\{$

background$-$color: hsl$(161,40\%,20\%)$;

color: #fff;

padding: $10$px $20$px;

border: none;

cursor: pointer;

$\}$

footer $\{$

background$-$color: hsl$(161,40\%,20\%)$;

color: #fff;

text$-$align: center;

padding: $20$px;

$\}$