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, The important is to made the saame layout so i can make replace te content.

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;

$\}$