So reason to this account right? Simply it's for a school project as I couldn't think of anything else. My teacher won't probably give me even an 7+ but it's worth a try. And also I wanted to help the new peeps here and leak my CSS to you so here it is.
Have fun editing it! <3
body{ background-image: url(your image url) }
.rightHead {
background: #ffffff;
color: #ffffff;
padding-left: 4px;
}
.boxHead {
background: #fff830;
color: 0;
padding: 3px;
padding-bottom: 4px;
padding-left: 6px;
}
.tableLeft {
background: #fff830;
width: 25%;
padding: 10px;
vertical-align: top;
overflow: hidden;
}
.tableRight {
width: 75%;
background: #fff830;
padding: 10px;
vertical-align: top;
overflow-wrap: anywhere;
}
.blog {
background-color: #fff830;
padding: 15px;
}
h4 {
color: #fff830;
margin-bottom: 0px;
}
p {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
color: #000;
background:
}
.blurbs {
margin-bottom: 20px;
background: #ffffff;
background-image: url(your image url)
}
.blogs div, .blog div {
margin-bottom: 10px;
background: #fff830;
}
.rightHead {
background: #fff830;
color: #fff830;
padding-left: 4px;
}
.blogs div, .blog div {
margin-bottom: 10px;
background: #fff830;
}
.boxButton {
display: inline-block;
width: calc( 49% - 60px );
padding-left: 30px;
height: 24px;
font-size: small;
color: #ffffff;
padding-top: 7px;
}