Skip to content
Permalink
5152e3c01a
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Student-Admin-Redesign/MainPageHTML

Go to file
 
 
Cannot retrieve contributors at this time
111 lines (111 sloc) 3.32 KB
Raw Blame
<!DOCTYPE html>
<html>
<head>
<style>
body{
background-color: yellow;
}
table{
border-collapse: collapse;
}
table, th, td{
border: 2px black solid;
background-color: rgb(200,200,255)
}
th,td{
padding: 15px;
}
a{
text-align:center;
padding:10px;
border: solid 1px black;
display: inline-block;
color: white;
}
a:link, a:visited{
background-color:blue;
}
a:hover, a:active{
background-color:powderblue;
}
div{
background-color: rgb(200,200,255);
text-align:center;
}
</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>
<div style="width:50%;margin-top:100px">
<div style="width:100%">
<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%">
<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%">
<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%">
<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%">
<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%">
<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%">
<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%">
<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%">
<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%">
<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%">
<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%">
<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%">
<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%">
<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%">
<a href="http://www.google.com"> link will go here</a>
<a href="http://www.google.com"> link will go here</a>
</div>
</div>
</body>
</html>