Scribd
Upload
8 views

Final Project Code

Uploaded by

YU Pink
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
8 views

Final Project Code

Uploaded by

YU Pink
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

@charset "utf-8";

/* A3P5 Stylesheet Sample */

header, nav, section, footer, article { /* leave this alone */


display: block;
}
body { /* change background, color, and font */
background:#f77fe3;
color: rgb(39, 13, 32);
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 0;
padding: 0;
}
#pagewrap { /* change background, adjust width as needed */
width: 990px;
margin-left: auto;
margin-right: auto;
background: rgb(243, 177, 213);
}
header { /* change background, color, whatever else you want
*/
background: #f777e6;
color: rgb(167, 101, 153);
margin: 0;
padding: 2em 2em;
}
#main { /* change background, whatever else you want */
width: 700px;
float: left;
background: #f1d7e7;
padding: 0em;
}
#main > * { /* adjust as needed */
margin-left: 2em;
}
.main ul {
margin: 50px 0 25px 50px;
width: 25%;
float: right;
list-style: url(IMG_6101.JPG);
}
h1 { /* adjust as needed */
margin: 0;
}
h1, h2, h3, h4 { /* change fonts to fit your theme */
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 0;
}
p { /* adjust as needed */
margin-top: 5px;
}
nav { /* change background, adjust width, padding as
needed */
width: 170px;
float: left;
background: #cc95c3;
padding-top: 3.5em;
}
nav ul {
list-style-type: none; /* this turns off bullets on navigation list */
line-height: 1.4; /* adjust as needed for link spacing */
padding-left:0;
}
nav li { /* change background, adjust others as needed */
margin-top: .5em;
font-size: 92%;
background: rgb(226, 214, 222);
text-align: left;
}

nav ul li {
list-style-image: url("IMG_6101.JPG");
float: left;
margin: 0;
vertical-align: left;
resize: 0.2px;
}

nav ul li img {
resize: 0.2px;
padding: 0.2px;
height: 0.2px;
width: 0.2px;
}

nav a {
text-decoration: none; /* turns off underlining on links within nav bar
*/
}
article { /* adjust as needed to separate one article from
next */
margin: 1em;
}
#hotelfig { /* add borders and margin to your hotel image here
*/
float: right;
}
#hotelfig img {
padding: 2px;
border: 1px solid pink;
background-color: hotpink;
box-shadow: 2px 2px 4px rgba(red, rgb(247, 110, 133), rgb(226, 120, 200),
alpha);
}

#hotelfig figcaption {
font: 85% Arial, sans-serif;
text-align: center;
}
footer { /* adjust as needed */
margin-top: 2em;
text-align: center;
font-size: 85%;
clear: left;
}
#imgsrc {
font: 85% Arial, sans-serif;
}

#main ul li {
list-style-image: url("Picture1.jpg");
resize: 0.5px;
float: left;
padding: 3px;
margin: 0;
vertical-align: left;
}

#main ul li img {
resize: 0.3px;
padding: 0.2px;
height: 0.2px;
width: 0.1px
}
body {
margin: 0;
padding: 0;
float: left;
}

#pagewrap {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
column-count: 3;
}

#pagewrap >* {
padding: 10px;
box-sizing: border-box;
}

header {
flex: 1 1 100%;
height: 150px;
background: beige;
}

footer {
flex: 1 1 100%;
height: 130px;
text-align: center;
background: lightsteelblue;
}

nav {
flex: 2 2 16%;
background: floralwhite;
}

#main {
flex: 7 7 56%;
background: aliceblue;
float: left;
margin: left;
}
#testimonials {
flex: 3 3 24%;
background: azure;

}
#into {
padding: right;
margin: right;
}

h2 {
padding: right;
margin: right;
}

You might also like