diff --git a/.vs/Assignment_LookAndFeel/config/applicationhost.config b/.vs/Assignment_LookAndFeel/config/applicationhost.config new file mode 100644 index 000000000..136bd7931 --- /dev/null +++ b/.vs/Assignment_LookAndFeel/config/applicationhost.config @@ -0,0 +1,1027 @@ + + + + + + + +
+
+
+
+
+
+
+
+ + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+ +
+
+ +
+
+ +
+
+
+ + +
+
+
+
+
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/.vs/Assignment_LookAndFeel/v16/.suo b/.vs/Assignment_LookAndFeel/v16/.suo new file mode 100644 index 000000000..f1cc38803 Binary files /dev/null and b/.vs/Assignment_LookAndFeel/v16/.suo differ diff --git a/.vs/VSWorkspaceState.json b/.vs/VSWorkspaceState.json new file mode 100644 index 000000000..59dbf5c24 --- /dev/null +++ b/.vs/VSWorkspaceState.json @@ -0,0 +1,9 @@ +{ + "ExpandedNodes": [ + "", + "\\css", + "\\img" + ], + "SelectedNode": "\\index.html", + "PreviewInSolutionExplorer": false +} \ No newline at end of file diff --git a/.vs/slnx.sqlite b/.vs/slnx.sqlite new file mode 100644 index 000000000..049c62bdf Binary files /dev/null and b/.vs/slnx.sqlite differ diff --git a/about.html b/about.html new file mode 100644 index 000000000..1ca35721d --- /dev/null +++ b/about.html @@ -0,0 +1,101 @@ + + + + + + + Lodgings| New Orleans + + + + + +
+
+
+
+

Lodgings | New Orleans

+
+
+ + +
+
+
+
+ + +
+
+
+
+

THE TEAM

+
+
+
+
+ Pradeep Salunke +

Pradeep Salunke

+

+

+

Pradeep Salunke is a student at the University of South Florida, currently pursuing a Master of Science in Business Analytics and Information Systems. He has more than 3.5 years of experience as a Software Engineer with a demonstrated history of working in the IT industry. Pradeep is skilled in Java,C#, SQL,Rest & SOP, JS and jQuery with also a strong business development sense. +Contribution: Filezilla deployment,HTML, API and design. + + +

+

+
Pradeep's Github:
+https://github.com/pradeepsalunke +

+ + +
+
+ Alysson Silveira +

Alysson Silveira

+

+

Alysson Silveira is a student at the University of South Florida, enrolled at the Master of Science in Business Analytics and Information Systems program. He has eight years of experience as a management consultant on major Brazilian consulting groups throughout different sectors like manufacturing, e-commerce, nonprofit hospital, hospitality, and several service companies. He is proficient in managing different data management tools such as R, Python, SQL and Tableau. Contribution: HTLM and CSS development home page and ERD design

+

+
Alysson's Github:
+https://github.com/silveira-alysson +

+ +
+
+ Julian Heredia +

Julian Heredia

+

+

Julian Heredia is a student at the University of South Florida, currently pursuing a Master of Science in Business Analytics and Information Systems. He also has a baccalaureate degree in the same field and has experience with Python, SQL, Tableau, and C#. Currently, Julian works for USF Health in the data analysis working group in the Microbiome Initiative and has aspirations to use his management experience coupled with his BAIS to support organizational growth in a consultancy or analytical role. +Contribution: HTLM and CSS development in about page and ERD design

+ +

+
Julian's Github:
+https://github.com/julian0316 +

+
+ + +
+ + + +
+
+
+
+
+
+

ERD Digram

+
+
+ ERD +
+
+ + diff --git a/css/main.css b/css/main.css index bcc90344f..ca48e003b 100644 --- a/css/main.css +++ b/css/main.css @@ -1,47 +1,1098 @@ -/** -Sample css code -*/ -/* Set height to 100% for body and html to enable the background image to cover the whole page: */ -body, -html { - height: 100%; -} - -/*Set background image*/ -.container { - background-image: url('https://doc-10-ao-docs.googleusercontent.com/docs/securesc/ha0ro937gcuc7l7deffksulhg5h7mbp1/r085o9ungppbiokopob2sfbekae4uqbb/1537920000000/14802840322886517493/*/110cT8sl-pOiHGgj9yToPkAqAzrr-RNfb'); - height: 100%; - background-position: center; - background-size: cover; -} - -/* Position text in the middle */ -.middle { - position: absolute; - color: beige; - top: 70%; - left: 39%; +/* Uncomment and set these variables to customize the grid. */ +/*Responsive Web Page*/ +* { + box-sizing: border-box; +} +.menu { + float:left; + width:20%; + text-align:center; +} +.menu a { + background-color:#e5e5e5; + padding:8px; + margin-top:7px; + display:block; + width:100%; + color:black; +} +.main { + float:left; + width:60%; + padding:0 20px; +} +.right { + background-color:#e5e5e5; + float:left; + width:20%; + padding:15px; + margin-top:7px; + text-align:center; +} + +@media only screen and (max-width:620px) { + /* For mobile phones: */ + .menu, .main, .right { + width:100%; + } +} +/*Responsive Web Page*/ + + +.container-fluid { + margin-right: auto; + margin-left: auto; + padding-right: 2rem; + padding-left: 2rem; +} + +.row { + box-sizing: border-box; + display: -ms-flexbox; + display: -webkit-box; + display: flex; + -ms-flex: 0 1 auto; + -webkit-box-flex: 0; + flex: 0 1 auto; + -ms-flex-direction: row; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + flex-direction: row; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -1rem; + margin-left: -1rem; +} + +.row.reverse { + -ms-flex-direction: row-reverse; + -webkit-box-orient: horizontal; + -webkit-box-direction: reverse; + flex-direction: row-reverse; +} + +.col.reverse { + -ms-flex-direction: column-reverse; + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + flex-direction: column-reverse; +} + +.col-xs, +.col-xs-1, +.col-xs-2, +.col-xs-3, +.col-xs-4, +.col-xs-5, +.col-xs-6, +.col-xs-7, +.col-xs-8, +.col-xs-9, +.col-xs-10, +.col-xs-11, +.col-xs-12 { + box-sizing: border-box; + -ms-flex: 0 0 auto; + -webkit-box-flex: 0; + flex: 0 0 auto; + padding-right: 1rem; + padding-left: 1rem; + padding-bottom: 1rem; +} + +.col-xs { + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + -webkit-box-flex: 1; + flex-grow: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; + max-width: 100%; +} + +.col-xs-1 { + -ms-flex-preferred-size: 8.333%; + flex-basis: 8.333%; + max-width: 8.333%; +} + +.col-xs-2 { + -ms-flex-preferred-size: 16.667%; + flex-basis: 16.667%; + max-width: 16.667%; +} + +.col-xs-3 { + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + max-width: 25%; +} + +.col-xs-4 { + -ms-flex-preferred-size: 33.333%; + flex-basis: 33.333%; + max-width: 33.333%; +} + +.col-xs-5 { + -ms-flex-preferred-size: 41.667%; + flex-basis: 41.667%; + max-width: 41.667%; +} + +.col-xs-6 { + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + max-width: 50%; +} + +.col-xs-7 { + -ms-flex-preferred-size: 58.333%; + flex-basis: 58.333%; + max-width: 58.333%; +} + +.col-xs-8 { + -ms-flex-preferred-size: 66.667%; + flex-basis: 66.667%; + max-width: 66.667%; +} + +.col-xs-9 { + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; +} + +.col-xs-10 { + -ms-flex-preferred-size: 83.333%; + flex-basis: 83.333%; + max-width: 83.333%; +} + +.col-xs-11 { + -ms-flex-preferred-size: 91.667%; + flex-basis: 91.667%; + max-width: 91.667%; +} + +.col-xs-12 { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; +} + +.col-xs-offset-1 { + margin-left: 8.333%; +} + +.col-xs-offset-2 { + margin-left: 16.667%; +} + +.col-xs-offset-3 { + margin-left: 25%; +} + +.col-xs-offset-4 { + margin-left: 33.333%; +} + +.col-xs-offset-5 { + margin-left: 41.667%; +} + +.col-xs-offset-6 { + margin-left: 50%; +} + +.col-xs-offset-7 { + margin-left: 58.333%; +} + +.col-xs-offset-8 { + margin-left: 66.667%; +} + +.col-xs-offset-9 { + margin-left: 75%; +} + +.col-xs-offset-10 { + margin-left: 83.333%; +} + +.col-xs-offset-11 { + margin-left: 91.667%; +} + +.start-xs { + -ms-flex-pack: start; + -webkit-box-pack: start; + justify-content: flex-start; + text-align: start; +} + +.center-xs { + -ms-flex-pack: center; + -webkit-box-pack: center; + justify-content: center; text-align: center; - font-size: 25px; } -/*Set circle in unordered list*/ -.middle ul { - list-style-type: circle; +.end-xs { + -ms-flex-pack: end; + -webkit-box-pack: end; + justify-content: flex-end; + text-align: end; +} + +.top-xs { + -ms-flex-align: start; + -webkit-box-align: start; + align-items: flex-start; +} + +.middle-xs { + -ms-flex-align: center; + -webkit-box-align: center; + align-items: center; +} + +.bottom-xs { + -ms-flex-align: end; + -webkit-box-align: end; + align-items: flex-end; +} + +.around-xs { + -ms-flex-pack: distribute; + justify-content: space-around; +} + +.between-xs { + -ms-flex-pack: justify; + -webkit-box-pack: justify; + justify-content: space-between; +} + +.first-xs { + -ms-flex-order: -1; + -webkit-box-ordinal-group: 0; + order: -1; +} + +.last-xs { + -ms-flex-order: 1; + -webkit-box-ordinal-group: 2; + order: 1; +} + +@media only screen and (min-width: 48em) { + .container { + width: 46rem; + } + + .col-sm, + .col-sm-1, + .col-sm-2, + .col-sm-3, + .col-sm-4, + .col-sm-5, + .col-sm-6, + .col-sm-7, + .col-sm-8, + .col-sm-9, + .col-sm-10, + .col-sm-11, + .col-sm-12 { + box-sizing: border-box; + -ms-flex: 0 0 auto; + -webkit-box-flex: 0; + flex: 0 0 auto; + padding-right: 1rem; + padding-left: 1rem; + } + + .col-sm { + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + -webkit-box-flex: 1; + flex-grow: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; + max-width: 100%; + } + + .col-sm-1 { + -ms-flex-preferred-size: 8.333%; + flex-basis: 8.333%; + max-width: 8.333%; + } + + .col-sm-2 { + -ms-flex-preferred-size: 16.667%; + flex-basis: 16.667%; + max-width: 16.667%; + } + + .col-sm-3 { + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + max-width: 25%; + } + + .col-sm-4 { + -ms-flex-preferred-size: 33.333%; + flex-basis: 33.333%; + max-width: 33.333%; + } + + .col-sm-5 { + -ms-flex-preferred-size: 41.667%; + flex-basis: 41.667%; + max-width: 41.667%; + } + + .col-sm-6 { + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + max-width: 50%; + } + + .col-sm-7 { + -ms-flex-preferred-size: 58.333%; + flex-basis: 58.333%; + max-width: 58.333%; + } + + .col-sm-8 { + -ms-flex-preferred-size: 66.667%; + flex-basis: 66.667%; + max-width: 66.667%; + } + + .col-sm-9 { + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; + } + + .col-sm-10 { + -ms-flex-preferred-size: 83.333%; + flex-basis: 83.333%; + max-width: 83.333%; + } + + .col-sm-11 { + -ms-flex-preferred-size: 91.667%; + flex-basis: 91.667%; + max-width: 91.667%; + } + + .col-sm-12 { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } + + .col-sm-offset-1 { + margin-left: 8.333%; + } + + .col-sm-offset-2 { + margin-left: 16.667%; + } + + .col-sm-offset-3 { + margin-left: 25%; + } + + .col-sm-offset-4 { + margin-left: 33.333%; + } + + .col-sm-offset-5 { + margin-left: 41.667%; + } + + .col-sm-offset-6 { + margin-left: 50%; + } + + .col-sm-offset-7 { + margin-left: 58.333%; + } + + .col-sm-offset-8 { + margin-left: 66.667%; + } + + .col-sm-offset-9 { + margin-left: 75%; + } + + .col-sm-offset-10 { + margin-left: 83.333%; + } + + .col-sm-offset-11 { + margin-left: 91.667%; + } + + .start-sm { + -ms-flex-pack: start; + -webkit-box-pack: start; + justify-content: flex-start; + text-align: start; + } + + .center-sm { + -ms-flex-pack: center; + -webkit-box-pack: center; + justify-content: center; + text-align: center; + } + + .end-sm { + -ms-flex-pack: end; + -webkit-box-pack: end; + justify-content: flex-end; + text-align: end; + } + + .top-sm { + -ms-flex-align: start; + -webkit-box-align: start; + align-items: flex-start; + } + + .middle-sm { + -ms-flex-align: center; + -webkit-box-align: center; + align-items: center; + } + + .bottom-sm { + -ms-flex-align: end; + -webkit-box-align: end; + align-items: flex-end; + } + + .around-sm { + -ms-flex-pack: distribute; + justify-content: space-around; + } + + .between-sm { + -ms-flex-pack: justify; + -webkit-box-pack: justify; + justify-content: space-between; + } + + .first-sm { + -ms-flex-order: -1; + -webkit-box-ordinal-group: 0; + order: -1; + } + + .last-sm { + -ms-flex-order: 1; + -webkit-box-ordinal-group: 2; + order: 1; + } +} + +@media only screen and (min-width: 62em) { + .container { + width: 61rem; + } + + .col-md, + .col-md-1, + .col-md-2, + .col-md-3, + .col-md-4, + .col-md-5, + .col-md-6, + .col-md-7, + .col-md-8, + .col-md-9, + .col-md-10, + .col-md-11, + .col-md-12 { + box-sizing: border-box; + -ms-flex: 0 0 auto; + -webkit-box-flex: 0; + flex: 0 0 auto; + padding-right: 1rem; + padding-left: 1rem; + } + + .col-md { + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + -webkit-box-flex: 1; + flex-grow: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; + max-width: 100%; + } + + .col-md-1 { + -ms-flex-preferred-size: 8.333%; + flex-basis: 8.333%; + max-width: 8.333%; + } + + .col-md-2 { + -ms-flex-preferred-size: 16.667%; + flex-basis: 16.667%; + max-width: 16.667%; + } + + .col-md-3 { + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + max-width: 25%; + } + + .col-md-4 { + -ms-flex-preferred-size: 33.333%; + flex-basis: 33.333%; + max-width: 33.333%; + } + + .col-md-5 { + -ms-flex-preferred-size: 41.667%; + flex-basis: 41.667%; + max-width: 41.667%; + } + + .col-md-6 { + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + max-width: 50%; + } + + .col-md-7 { + -ms-flex-preferred-size: 58.333%; + flex-basis: 58.333%; + max-width: 58.333%; + } + + .col-md-8 { + -ms-flex-preferred-size: 66.667%; + flex-basis: 66.667%; + max-width: 66.667%; + } + + .col-md-9 { + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; + } + + .col-md-10 { + -ms-flex-preferred-size: 83.333%; + flex-basis: 83.333%; + max-width: 83.333%; + } + + .col-md-11 { + -ms-flex-preferred-size: 91.667%; + flex-basis: 91.667%; + max-width: 91.667%; + } + + .col-md-12 { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } + + .col-md-offset-1 { + margin-left: 8.333%; + } + + .col-md-offset-2 { + margin-left: 16.667%; + } + + .col-md-offset-3 { + margin-left: 25%; + } + + .col-md-offset-4 { + margin-left: 33.333%; + } + + .col-md-offset-5 { + margin-left: 41.667%; + } + + .col-md-offset-6 { + margin-left: 50%; + } + + .col-md-offset-7 { + margin-left: 58.333%; + } + + .col-md-offset-8 { + margin-left: 66.667%; + } + + .col-md-offset-9 { + margin-left: 75%; + } + + .col-md-offset-10 { + margin-left: 83.333%; + } + + .col-md-offset-11 { + margin-left: 91.667%; + } + + .start-md { + -ms-flex-pack: start; + -webkit-box-pack: start; + justify-content: flex-start; + text-align: start; + } + + .center-md { + -ms-flex-pack: center; + -webkit-box-pack: center; + justify-content: center; + text-align: center; + } + + .end-md { + -ms-flex-pack: end; + -webkit-box-pack: end; + justify-content: flex-end; + text-align: end; + } + + .top-md { + -ms-flex-align: start; + -webkit-box-align: start; + align-items: flex-start; + } + + .middle-md { + -ms-flex-align: center; + -webkit-box-align: center; + align-items: center; + } + + .bottom-md { + -ms-flex-align: end; + -webkit-box-align: end; + align-items: flex-end; + } + + .around-md { + -ms-flex-pack: distribute; + justify-content: space-around; + } + + .between-md { + -ms-flex-pack: justify; + -webkit-box-pack: justify; + justify-content: space-between; + } + + .first-md { + -ms-flex-order: -1; + -webkit-box-ordinal-group: 0; + order: -1; + } + + .last-md { + -ms-flex-order: 1; + -webkit-box-ordinal-group: 2; + order: 1; + } +} + +@media only screen and (min-width: 75em) { + .container { + width: 71rem; + } + + .col-lg, + .col-lg-1, + .col-lg-2, + .col-lg-3, + .col-lg-4, + .col-lg-5, + .col-lg-6, + .col-lg-7, + .col-lg-8, + .col-lg-9, + .col-lg-10, + .col-lg-11, + .col-lg-12 { + box-sizing: border-box; + -ms-flex: 0 0 auto; + -webkit-box-flex: 0; + flex: 0 0 auto; + padding-right: 1rem; + padding-left: 1rem; + } + + .col-lg { + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + -webkit-box-flex: 1; + flex-grow: 1; + -ms-flex-preferred-size: 0; + flex-basis: 0; + max-width: 100%; + } + + .col-lg-1 { + -ms-flex-preferred-size: 8.333%; + flex-basis: 8.333%; + max-width: 8.333%; + } + + .col-lg-2 { + -ms-flex-preferred-size: 16.667%; + flex-basis: 16.667%; + max-width: 16.667%; + } + + .col-lg-3 { + -ms-flex-preferred-size: 25%; + flex-basis: 25%; + max-width: 25%; + } + + .col-lg-4 { + -ms-flex-preferred-size: 33.333%; + flex-basis: 33.333%; + max-width: 33.333%; + } + + .col-lg-5 { + -ms-flex-preferred-size: 41.667%; + flex-basis: 41.667%; + max-width: 41.667%; + } + + .col-lg-6 { + -ms-flex-preferred-size: 50%; + flex-basis: 50%; + max-width: 50%; + } + + .col-lg-7 { + -ms-flex-preferred-size: 58.333%; + flex-basis: 58.333%; + max-width: 58.333%; + } + + .col-lg-8 { + -ms-flex-preferred-size: 66.667%; + flex-basis: 66.667%; + max-width: 66.667%; + } + + .col-lg-9 { + -ms-flex-preferred-size: 75%; + flex-basis: 75%; + max-width: 75%; + } + + .col-lg-10 { + -ms-flex-preferred-size: 83.333%; + flex-basis: 83.333%; + max-width: 83.333%; + } + + .col-lg-11 { + -ms-flex-preferred-size: 91.667%; + flex-basis: 91.667%; + max-width: 91.667%; + } + + .col-lg-12 { + -ms-flex-preferred-size: 100%; + flex-basis: 100%; + max-width: 100%; + } + + .col-lg-offset-1 { + margin-left: 8.333%; + } + + .col-lg-offset-2 { + margin-left: 16.667%; + } + + .col-lg-offset-3 { + margin-left: 25%; + } + + .col-lg-offset-4 { + margin-left: 33.333%; + } + + .col-lg-offset-5 { + margin-left: 41.667%; + } + + .col-lg-offset-6 { + margin-left: 50%; + } + + .col-lg-offset-7 { + margin-left: 58.333%; + } + + .col-lg-offset-8 { + margin-left: 66.667%; + } + + .col-lg-offset-9 { + margin-left: 75%; + } + + .col-lg-offset-10 { + margin-left: 83.333%; + } + + .col-lg-offset-11 { + margin-left: 91.667%; + } + + .start-lg { + -ms-flex-pack: start; + -webkit-box-pack: start; + justify-content: flex-start; + text-align: start; + } + + .center-lg { + -ms-flex-pack: center; + -webkit-box-pack: center; + justify-content: center; + text-align: center; + } + + .end-lg { + -ms-flex-pack: end; + -webkit-box-pack: end; + justify-content: flex-end; + text-align: end; + } + + .top-lg { + -ms-flex-align: start; + -webkit-box-align: start; + align-items: flex-start; + } + + .middle-lg { + -ms-flex-align: center; + -webkit-box-align: center; + align-items: center; + } + + .bottom-lg { + -ms-flex-align: end; + -webkit-box-align: end; + align-items: flex-end; + } + + .around-lg { + -ms-flex-pack: distribute; + justify-content: space-around; + } + + .between-lg { + -ms-flex-pack: justify; + -webkit-box-pack: justify; + justify-content: space-between; + } + + .first-lg { + -ms-flex-order: -1; + -webkit-box-ordinal-group: 0; + order: -1; + } + + .last-lg { + -ms-flex-order: 1; + -webkit-box-ordinal-group: 2; + order: 1; + } +} + +body{ + font-family:'Open-sans', sans-serif; + font-size:17px; + line-height:1.5em; + margin:0; + padding:0; +} + +img{ + width:100%; +} + +.container{ + margin:auto; +} + +/* COMMON CLASSES */ +.primary-text{ + color:#56a79a; +} + +.primary-background{ + background:#56a79a; +} + +/* HEADER */ +#main-header{ + border-bottom:1px solid #56a79a; +} + +/* NAVBAR */ +#navbar{ + text-transform:uppercase; +} + +#navbar li{ + display:inline; + padding-right:20px; + list-style:none; +} + +#navbar a{ + text-decoration:none; + color:#888; +} + +#navbar li.current a, #navbar a:hover{ + color:#56a79a; + border-bottom: 3px solid #56a79a; + padding-bottom:3px; +} + +/* SHOWCASE */ +#showcase{ + + + border-bottom:1px solid #56a79a; + margin-bottom:30px; +} + +#showcase .row{ + height:250px; +} + + +#showcase h1{ + font-size:25px; + margin:0; + padding-bottom:00px; +} + +#showcase p{ + color:#ccc; + margin:0; +} + +#showcase .showcase-content{ + background:#333; + + color:#fff; + border-radius:90px; + padding:4px; + opacity:0.9; +} +/* PAGE */ +#page{ + margin-bottom:40px; +} + +.contact form label{ + text-transform:uppercase; } -/*Set text inside li tag to left*/ -.middle ul li { - text-align: left !important; +/* MEDIA QUERIES */ +@media(max-width:800px){ + #showcase h1{ + font-size:30px; + } } -/*Set text color for a tag inside middle class and ul>li element*/ -.middle ul li a { - color: beige; +@media(max-width:500px){ + #showcase .showcase-content{ + padding:40px 10px; + } +} + + +* { + font-family: sans-serif; /* Change your font family */ +} +* { + font-family: sans-serif; /* Change your font family */ } -/*Change text color and decoration for a tags inside middle class and ul>li element*/ -.middle ul li a:hover { - color: red; +.content-table { + border-collapse: collapse; + margin: 25px 0; + font-size: 0.9em; + min-width: 400px; + border-radius: 5px 5px 0 0; + overflow: hidden; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); +} + +.content-table thead tr { + background-color: #009879; + color: #ffffff; + text-align: left; + font-weight: bold; +} + +.content-table th, +.content-table td { + padding: 12px 45px; +} + +.content-table tbody tr { + border-bottom: 1px solid #dddddd; + background-color: #f3f3f3; +} + + + +.button { + background-color: #009879; + border-radius: 15px 15px 15px 15px; + border: none; + color: white; + padding: 15px 32px; + text-align: center; text-decoration: none; + display: inline-block; + font-size: 16px; + margin: 4px 2px; + cursor: pointer; } + +.disabled { + opacity: 0.6; + cursor: not-allowed; +} + + diff --git a/img/aly.jpg b/img/aly.jpg new file mode 100644 index 000000000..c5984afa5 Binary files /dev/null and b/img/aly.jpg differ diff --git a/img/erd.jpg b/img/erd.jpg new file mode 100644 index 000000000..b45b19d44 Binary files /dev/null and b/img/erd.jpg differ diff --git a/img/julian.jpg b/img/julian.jpg new file mode 100644 index 000000000..2deca9699 Binary files /dev/null and b/img/julian.jpg differ diff --git a/img/kkk.jpg b/img/kkk.jpg new file mode 100644 index 000000000..2a1f32c47 Binary files /dev/null and b/img/kkk.jpg differ diff --git a/img/pradeep.jpg b/img/pradeep.jpg new file mode 100644 index 000000000..f1b3935c6 Binary files /dev/null and b/img/pradeep.jpg differ diff --git a/img/usf-logo-png-2.png b/img/usf-logo-png-2.png deleted file mode 100644 index 3d3d8548e..000000000 Binary files a/img/usf-logo-png-2.png and /dev/null differ diff --git a/index.html b/index.html index fbae197cd..5336a9747 100644 --- a/index.html +++ b/index.html @@ -1 +1,289 @@ - \ No newline at end of file + + + + + + Lodgings | New Orleans + + + + + + +
+
+
+
+

Lodgings | New Orleans

+
+
+ +
+
+
+
+ + +
+
+
+ +
+

City of New Orleans

+

New Orleans is the epitome of Scandi cool.Come and explore the Restaurants and Lodgings!!

+
+ +
+
+
+ +

Hotels & Motels

+ +
+
+ +

Casinos

+ +
+ +
+ +

Rooming

+ +
+
+ +

B&B and Hostels

+ + +
+ +
+ + +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + + + + + + + + + + + diff --git a/js/main.js b/js/main.js index 848a3f230..0574a04e8 100644 --- a/js/main.js +++ b/js/main.js @@ -6,9 +6,42 @@ * Sample code */ document.addEventListener('DOMContentLoaded', function() { - var ulElement = document.getElementById('links'); - var liElement = document.createElement('li'); - liElement.appendChild(document.createTextNode('created by main.js')); - - ulElement.appendChild(liElement); + function toggleTable1() + { + var lTable = document.getElementById("Table1"); + lTable.style.display = (lTable.style.display == "table") ? "none" : "table"; + document.getElementById("Table2").style.display="none"; + document.getElementById("Table3").style.display="none"; + document.getElementById("Table4").style.display="none"; + } + + function toggleTable2() + { + var lTable = document.getElementById("Table2"); + lTable.style.display = (lTable.style.display == "table") ? "none" : "table"; + document.getElementById("Table1").style.display="none"; + document.getElementById("Table3").style.display="none"; + document.getElementById("Table4").style.display="none"; + } + + function toggleTable3() + { + var lTable = document.getElementById("Table3"); + lTable.style.display = (lTable.style.display == "table") ? "none" : "table"; + document.getElementById("Table2").style.display="none"; + document.getElementById("Table1").style.display="none"; + document.getElementById("Table4").style.display="none"; + } + + function toggleTable4() + { + var lTable = document.getElementById("Table4"); + lTable.style.display = (lTable.style.display == "table") ? "none" : "table"; + document.getElementById("Table2").style.display="none"; + document.getElementById("Table3").style.display="none"; + document.getElementById("Table1").style.display="none"; + } }); + + + diff --git a/sample.html b/sample.html deleted file mode 100644 index 6fa891b6c..000000000 --- a/sample.html +++ /dev/null @@ -1,33 +0,0 @@ - - - - - - - - - Assignment - 3 - - - -
-
-

- Useful links -

- -
-
- - - - - - \ No newline at end of file