free petz bazaar coding

this is just some basic blank coding that you can use for your petz bazaar shop! the coding is labeled to help you customize it. feel free to modify or add to it of course!

HTML:

<center><img src="HEADER IMAGE/BANNER">

<h1>HEADING</h1>
<p>SHOP DESCRIPTION</p>

</center>

CSS:

#YOUR USERNAME {
background: #ffffff; /*hex code color for content box background*/
border: 2px solid #000000; /*content box border, or just put 'none' if you don't want one*/
font-family: 'Verdana', sans-serif; /*put the font you want here*/
font-size: 18px; /*main font size*/
}

html,body {
color: #000000; /*hex code color for main text*/
background-image:url(BACKGROUND IMAGE URL HERE); /*background behind content box*/
background-color: #ffffff; /*background color if you dont want an image*/
}

h1 {
color: #000000; /*header color*/
font-family: 'Verdana', sans-serif; /*header font*/
font-size: 26px; /*header font size*/
margin: 1rem; /*adds some spacing around header, delete if not wanted*/
}

#YOUR USERNAME a {
color: #FF0000; /*color of links in your content box*/
}

#YOUR USERNAME center {
padding: 2rem; /*adds some spacing around your content so it doesn't touch the edges of the content box*/
}

.item {
background-color: #ffffff; /*background color of the items for sale box*/
border: 2px solid #000; /*border of the items for sale box*/
}

.item .image {
background: #fff url(ITEM BACKGROUND URL) center center no-repeat; /*if you want a little image or background behind each pet put it here*/
border: 1px solid #fff; /*border around the pet image*/
}

.item h1 {
color: #000000; /*pet or item name color*/
}