US13-Implement CSS3 elements to templates
Description:
Description: As a designer, I want to implement CSS3 elements to our templates to improve style capabilities of the website. This will improve visual appeal of the website which will result in increased customer interest.
Acceptance Criteria:
The client reviews and approves CSS3 elements in templates displayed through a demonstration to the client by website development team.
Tasks:
Code CSS3 elements and demo it to the client. 3hrs - Heidi.
Notes:
Demo of CSS3 elements:
http://ectweb2.cs.depaul.edu/blue481/bucktownfitness/
Example of CSS3 elements:
/* the styles for the header */
header {
padding-bottom: 3.5em;
}
header h1 {
color: #061F70;
font-family: Corbel;
margin-left: 300px;
margin-top: 0.25em;
margin-bottom: 0.25em;
}
header img {
float: left;
}
/* the styles for the navigation bar */
#nav_bar {
background-color: #061f70 ;
margin-bottom: .3em;
padding: 0;
border-bottom: 2px solid #061f70;
}
#nav_bar ul {
margin-left: 0;
margin-bottom: .5em;
list-style: none;
padding: .5em 3em 0 0;
}
#nav_bar li {
display: inline;
padding: 0 1.99em;
border-right: 2px solid white;
margin-right: 4px;
}
#nav_bar a:visited { color: #FFFFFF; }
#nav_bar a.current { color: #FFFFFF; }
/* the styles for the section */
section {
width: 280px;
padding-right: 5px;
float: middle;
}
section h1 {
margin-bottom: 0.35em;
float: middle;
}
section h2 {
margin-bottom: 0.35em;
float: middle;
}