Scribd
Upload
5 views

Final Project Code

Uploaded by

YU Pink
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
5 views

Final Project Code

Uploaded by

YU Pink
Copyright
© © All Rights Reserved
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