Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Updated main page 
added headers to each section and improved styling to be less of an eyesore and more of a uconn looking thing
  • Loading branch information
@jjm14012
jjm14012 committed Nov 4, 2016
1 parent fd44cd5 commit 0551824
Showing 1 changed file with 41 additions and 27 deletions.
68 changes: 41 additions & 27 deletions MainPageHTML
View file
Expand Up @@ -3,7 +3,8 @@
<head>
<style>
body{
background-color: yellow;
background-color: #ffffff;
font:arial;
}
table{
border-collapse: collapse;
Expand All @@ -19,90 +20,103 @@ a{
text-align:center;
padding:10px;
border: solid 1px black;
border-radius: 5px;
display: inline-block;
color: white;
margin:1px;
}
a:link, a:visited{
background-color:blue;
background-color:#7881a1;
}
a:hover, a:active{
background-color:powderblue;
background-color:#aaaaaa;
}
div{
background-color: rgb(200,200,255);
background-color: #ffffff;
text-align:center;
color:white;
width:100%;
}
div.header{
background-color:#000e2f;
}
</style>
</head>
<body>
<div style="width:100%">
<div style="display:inline;width:25%;padding:0 3%"><a href="http://www.google.com"> Holds and Indicators</a></div>
<div style="display:inline;width:25%;padding:0 3%"><a href="http://www.google.com"> Enrollment Dates</a></div>
<div style="display:inline;width:25%;padding:0 3%"><a href="http://www.google.com"> Advisor</a></div>
<div style="display:inline;width:25%;padding:0 3%"><a href="http://www.google.com"> Links</a></div>
<div class="header">UCONN LOGO SHOULD PROBS GO UP HERE OR SOMETHING</div>
<div class="header">
<div style="display:inline;width:25%;padding:0 3%;background-color:inherit"><a href="http://www.google.com"> Holds and Indicators</a></div>
<div style="display:inline;width:25%;padding:0 3%;background-color:inherit"><a href="http://www.google.com"> Enrollment Dates</a></div>
<div style="display:inline;width:25%;padding:0 3%;background-color:inherit"><a href="http://www.google.com"> Advisor</a></div>
<div style="display:inline;width:25%;padding:0 3%;background-color:inherit"><a href="http://www.google.com"> Links</a></div>
</div>
<div style="width:50%;margin-top:100px">
<div style="width:100%">
<div style="width:48%;display:inline-block;margin-top:50px;margin-right:1%">
<div class="header">Academics</div>
<div>
<a href="http://www.google.com"> link will go here</a>
<a href="http://www.google.com"> link will go here</a>
</div>
<div style="width:100%">
<div>
<a href="http://www.google.com"> link will go here</a>
<a href="http://www.google.com"> link will go here</a>
</div>
<div style="width:100%">
<div>
<a href="http://www.google.com"> link will go here</a>
<a href="http://www.google.com"> link will go here</a>
</div>
<div style="width:100%">
<div>
<a href="http://www.google.com"> link will go here</a>
<a href="http://www.google.com"> link will go here</a>
</div>
<div style="width:100%">
<div>
<a href="http://www.google.com"> link will go here</a>
<a href="http://www.google.com"> link will go here</a>
</div>
</div>
<div style="width:48%;display:inline-block;margin-top:100px;margin-right:1%">
<div style="width:100%">
<div style="width:48%;display:inline-block;margin-left:1%;position:relative;bottom:199px">
<div class="header">Schedule</div>
</div>
<div style="width:48%;display:inline-block;margin-top:50px;margin-right:1%">
<div class="header">Finances</div>
<div>
<a href="http://www.google.com"> link will go here</a>
<a href="http://www.google.com"> link will go here</a>
</div>
<div style="width:100%">
<div>
<a href="http://www.google.com"> link will go here</a>
<a href="http://www.google.com"> link will go here</a>
</div>
<div style="width:100%">
<div>
<a href="http://www.google.com"> link will go here</a>
<a href="http://www.google.com"> link will go here</a>
</div>
<div style="width:100%">
<div>
<a href="http://www.google.com"> link will go here</a>
<a href="http://www.google.com"> link will go here</a>
</div>
<div style="width:100%">
<div>
<a href="http://www.google.com"> link will go here</a>
<a href="http://www.google.com"> link will go here</a>
</div>
</div>
<div style="width:48%;display:inline-block;margin-left:1%">
<div style="width:100%">
<div class="header">Personal Information</div>
<div>
<a href="http://www.google.com"> link will go here</a>
<a href="http://www.google.com"> link will go here</a>
</div>
<div style="width:100%">
<div>
<a href="http://www.google.com"> link will go here</a>
<a href="http://www.google.com"> link will go here</a>
</div>
<div style="width:100%">
<div>
<a href="http://www.google.com"> link will go here</a>
<a href="http://www.google.com"> link will go here</a>
</div>
<div style="width:100%">
<div>
<a href="http://www.google.com"> link will go here</a>
<a href="http://www.google.com"> link will go here</a>
</div>
<div style="width:100%">
<div>
<a href="http://www.google.com"> link will go here</a>
<a href="http://www.google.com"> link will go here</a>
</div>
Expand Down

0 comments on commit 0551824

Please sign in to comment.