Skip to content

Yagnad #5

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
yagnad wants to merge 10 commits into
base: master
Choose a base branch
from
Open

Yagnad #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
7873f50
Update main.css
erikbernheim Oct 17, 2019
39df87e
Update main.css
erikbernheim Oct 17, 2019
c8f4115
Delete usf-logo-png-2.png
erikbernheim Oct 17, 2019
4e00a4c
Delete main.js
erikbernheim Oct 17, 2019
862841f
Delete sample.html
erikbernheim Oct 17, 2019
6080c45
Update index.html
erikbernheim Oct 17, 2019
079eb7b
Update index.html
erikbernheim Oct 17, 2019
49862ff
Create reportone.html
erikbernheim Oct 17, 2019
22b5705
Create reporttwo.html
erikbernheim Oct 17, 2019
5baca80
Create reportthree.html
erikbernheim Oct 17, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
104 changes: 72 additions & 32 deletions css/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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);
}
Binary file removed img/usf-logo-png-2.png
View file
Open in desktop
Binary file not shown.
44 changes: 43 additions & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,43 @@
<!--Your HTML code here-->
<!doctype html>
<html lang="en">

<head>
<meta charset="utf-8">
<title>College Scorecard Reports</title>
<link href="css/main.css" type="text/css" rel="stylesheet">
</head>

<body>
<div class="nav-wrap">
<div class="navbar">
<a href="index.html">
<span class="nav-item">College Scorecard Reports</span>
</a>
<a href="reportone.html">
<span class="nav-item">Report 1</span>
</a>
<a href="reporttwo.html">
<span class="nav-item">Report 2</span>
</a>
<a href="reportthree.html">
<span class="nav-item">Report 3</span>
</a>
</div>
</div>
<div class="content-wrap">
<div class="container">
<h1>Welcome!<br>This is the landing page for our Assignemnt 3 for Distributed Information Systems</h1>
<br><br><br><br>
<h2>About</h2>
<p>To be added later....</p>
</div>
</div>
<div class="footer-wrap">
<div class="footer">
<span class="footer-item">Developed for Assignment 3 - Distributed Information Systems</span>
</div>
</div>

</body>

</html>
14 changes: 0 additions & 14 deletions js/main.js
View file
Open in desktop

This file was deleted.

74 changes: 74 additions & 0 deletions reportone.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!doctype html>
<html lang="en">

<head>
<meta charset="utf-8">
<title>College Scorecard Reports</title>
<link href="css/main.css" type="text/css" rel="stylesheet">
</head>

<body>
<div class="nav-wrap">
<div class="navbar">
<a href="index.html">
<span class="nav-item">College Scorecard Reports</span>
</a>
<a href="reportone.html">
<span class="nav-item">Report 1</span>
</a>
<a href="reporttwo.html">
<span class="nav-item">Report 2</span>
</a>
<a href="reportthree.html">
<span class="nav-item">Report 3</span>
</a>
</div>
</div>
<div class="content-wrap">
<div class="container">
<h1>Report One</h1>
<br>
<table>
<thead>
<tr>
<th>#</th>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
</thead>

<tbody>
<tr>
<td>1</td>
<td>USF</td>
<td>Tampa, FL</td>
<td>$00,000</td>
</tr>

<tr>
<td>2</td>
<td>UF</td>
<td>Somewhere, FL</td>
<td>$00,001</td>
</tr>

<tr>
<td>3</td>
<td>FSU</td>
<td>IDK, FL</td>
<td>$00,002</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="footer-wrap">
<div class="footer">
<span class="footer-item">Developed for Assignment 3 - Distributed Information Systems</span>
</div>
</div>

</body>

</html>
74 changes: 74 additions & 0 deletions reportthree.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!doctype html>
<html lang="en">

<head>
<meta charset="utf-8">
<title>College Scorecard Reports</title>
<link href="css/main.css" type="text/css" rel="stylesheet">
</head>

<body>
<div class="nav-wrap">
<div class="navbar">
<a href="index.html">
<span class="nav-item">College Scorecard Reports</span>
</a>
<a href="reportone.html">
<span class="nav-item">Report 1</span>
</a>
<a href="reporttwo.html">
<span class="nav-item">Report 2</span>
</a>
<a href="reportthree.html">
<span class="nav-item">Report 3</span>
</a>
</div>
</div>
<div class="content-wrap">
<div class="container">
<h1>Report Three</h1>
<br>
<table>
<thead>
<tr>
<th>#</th>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
</thead>

<tbody>
<tr>
<td>1</td>
<td>USF</td>
<td>Tampa, FL</td>
<td>$00,000</td>
</tr>

<tr>
<td>2</td>
<td>UF</td>
<td>Somewhere, FL</td>
<td>$00,001</td>
</tr>

<tr>
<td>3</td>
<td>FSU</td>
<td>IDK, FL</td>
<td>$00,002</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="footer-wrap">
<div class="footer">
<span class="footer-item">Developed for Assignment 3 - Distributed Information Systems</span>
</div>
</div>

</body>

</html>
Loading