HTML:

div 1

div 2

div 3

div 4

CSS:

body {

background-color: black;

font-family: arial;

}

.container {

background-color: black;

border: 10px solid #4b2e83;

width: 400px;

margin: 20px auto;

}

.panel {

margin: 20px auto;

width: 300px;

}

JS:

$(document).ready(function () {

// add a 5px red dashed boarder around the panel div

// provide a 10 pixel padding around all of the divs

$('.panel').css('border', '5px dashed red');

$('.panel').css('padding', '10px');

// set all div's padding to 3px

// set all divs in the panel to background gray

// set all divs of class cat to green

// set all divs of class dog to red

// set the id of lab to a 1px solid yellow border

// set the last div with class dog to background yellow

// set the calico cat's width to 50%,

// background to green and color to white

});

demo.html demo.css demo.js Using the html demo code (downloaded from Canvas files), complete all of the html scripts, links needed to integrate the demo.css and demo.js and jQuery. Apply the requested styles from the comments in demo.js. 17a