diff --git a/css/main.css b/css/main.css index bcc90344f..64cbb6ede 100644 --- a/css/main.css +++ b/css/main.css @@ -1,47 +1,87 @@ -/** -Sample css code -*/ -/* Set height to 100% for body and html to enable the background image to cover the whole page: */ -body, -html { +html, +body { height: 100%; + margin: 0; + font-family:sans-serif; } -/*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; +body { + display: flex; + flex-direction: column; + flex-wrap: nowrap; + justify-content: flex-start; + align-content: stretch; + align-items: flex-start; +} + +.nav-wrap { + order: 0; + flex: 0 1 auto; + align-self: auto; + width: 100%; } -/* Position text in the middle */ -.middle { - position: absolute; - color: beige; - top: 70%; - left: 39%; - text-align: center; - font-size: 25px; +.content-wrap { + order: 0; + flex: 1 1 auto; + align-self: auto; + width: 100%; } -/*Set circle in unordered list*/ -.middle ul { - list-style-type: circle; +.footer-wrap { + order: 0; + flex: 0 1 auto; + align-self: auto; + width: 100%; } -/*Set text inside li tag to left*/ -.middle ul li { - text-align: left !important; +.navbar { + background-color: #1d1d1d; + width: 100%; + padding-top: 15px; + padding-bottom: 15px; } -/*Set text color for a tag inside middle class and ul>li element*/ -.middle ul li a { - color: beige; +.nav-item{ + margin-left:20px; + display: inline-block; } -/*Change text color and decoration for a tags inside middle class and ul>li element*/ -.middle ul li a:hover { - color: red; +.navbar > a{ text-decoration: none; + color: #eee !important; +} + +.footer { + background-color: #e2e2e2; + width: 100%; + padding-top: 15px; + padding-bottom: 15px; +} + +.footer-item{ + margin-left:20px; + display: inline-block; + color:#000; +} + +.container{ + margin:20px 20px 20px 20px; +} + +table { + border: solid 1px rgb(44, 44, 44); + border-spacing: 0; + font: normal 13px Arial, sans-serif; +} + thead th { + background-color: rgb(44, 44, 44); + color: #eee; + padding: 10px; + text-align: left; + } + tbody td { + color: #333; + padding: 10px; + border-top: 1px solid rgb(44, 44, 44); } 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..b1553ceff 100644 --- a/index.html +++ b/index.html @@ -1 +1,43 @@ - \ No newline at end of file + + + + + + College Scorecard Reports + + + + +
+
+ + College Scorecard Reports + + + Report 1 + + + Report 2 + + + Report 3 + +
+
+
+
+

Welcome!
This is the landing page for our Assignemnt 3 for Distributed Information Systems

+



+

About

+

To be added later....

+
+
+
+
+ Developed for Assignment 3 - Distributed Information Systems +
+
+ + + + diff --git a/js/main.js b/js/main.js deleted file mode 100644 index 848a3f230..000000000 --- a/js/main.js +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Your JS code here - */ - -/** - * 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); -}); diff --git a/reportone.html b/reportone.html new file mode 100644 index 000000000..4155cf091 --- /dev/null +++ b/reportone.html @@ -0,0 +1,74 @@ + + + + + + College Scorecard Reports + + + + +
+
+ + College Scorecard Reports + + + Report 1 + + + Report 2 + + + Report 3 + +
+
+
+
+

Report One

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#Column 1Column 2Column 3
1USFTampa, FL$00,000
2UFSomewhere, FL$00,001
3FSUIDK, FL$00,002
+
+
+
+
+ Developed for Assignment 3 - Distributed Information Systems +
+
+ + + + diff --git a/reportthree.html b/reportthree.html new file mode 100644 index 000000000..08cd6f45a --- /dev/null +++ b/reportthree.html @@ -0,0 +1,74 @@ + + + + + + College Scorecard Reports + + + + +
+
+ + College Scorecard Reports + + + Report 1 + + + Report 2 + + + Report 3 + +
+
+
+
+

Report Three

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#Column 1Column 2Column 3
1USFTampa, FL$00,000
2UFSomewhere, FL$00,001
3FSUIDK, FL$00,002
+
+
+
+
+ Developed for Assignment 3 - Distributed Information Systems +
+
+ + + + diff --git a/reporttwo.html b/reporttwo.html new file mode 100644 index 000000000..de422a02f --- /dev/null +++ b/reporttwo.html @@ -0,0 +1,74 @@ + + + + + + College Scorecard Reports + + + + +
+
+ + College Scorecard Reports + + + Report 1 + + + Report 2 + + + Report 3 + +
+
+
+
+

Report Two

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#Column 1Column 2Column 3
1USFTampa, FL$00,000
2UFSomewhere, FL$00,001
3FSUIDK, FL$00,002
+
+
+
+
+ Developed for Assignment 3 - Distributed Information Systems +
+
+ + + + 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