Difference between revisions of "Team:BostonU/Home"

(Replaced content with "<html> <head> <title>Boston U</title> </head> <body style="background-image: url("http://dormroomfund.com/img/slider-images/boston.jpg");"> <h1>this is a testing page<h1/> </...")
Line 2: Line 2:
 
<head>
 
<head>
 
<title>Boston U</title>
 
<title>Boston U</title>
<style type="text/css">
 
 
#topcircle {
 
  background-image: none;
 
  background-color: red;
 
}
 
 
#bottomcircle {
 
background-image: [[Media]]none;
 
  background-color: red;
 
}
 
 
#leftcircle {
 
  background-color: transparent;
 
}
 
 
#rightcircle {
 
  background-color: transparent;
 
}
 
 
#topcircle a {
 
  background-color: transparent;
 
}
 
 
#bottomcircle a{
 
  background-color: transparent;
 
}
 
 
#leftcircle a {
 
  background-color: lightblue;
 
}
 
 
#rightcircle a {
 
  top: 40px;
 
}
 
 
#topcircle:hover {
 
  background-color: transparent;
 
  background-image: url("http://upload.wikimedia.org/wikipedia/en/thumb/e/e0/Boston_University_Terriers.svg/1129px-Boston_University_Terriers.svg.png");
 
  background-size: cover;
 
  background-position: 50% 50%;
 
  border-radius: 50%;
 
}
 
 
#bottomcircle:hover {
 
background-color: transparent;
 
  background-image: url(http://upload.wikimedia.org/wikipedia/en/thumb/e/e0/Boston_University_Terriers.svg/1129px-Boston_University_Terriers.svg.png");
 
  background-size: cover;
 
  background-position: 50% 50%;
 
}
 
 
#leftcircle:hover {
 
  background-color: red;
 
}
 
 
#rightcircle:hover {
 
  background-color: red;
 
}
 
 
h2 {
 
  border-bottom: none;
 
}
 
 
#topcircleout {
 
  background-image: url("http://lol.bu.edu/ctl/wp-content/uploads/sites/59/2015/06/circle-of-life.jpg");
 
  background-size: cover;
 
  background-position: 50% 50%;
 
  border-radius: 50%;
 
}
 
#bottomcircleout {
 
  background-image: url("http://lol.bu.edu/ctl/wp-content/uploads/sites/59/2015/06/circle-of-life.jpg");
 
  background-size: cover;
 
  background-position: 50% 50%;
 
  border-radius: 50%;
 
}
 
 
.image
 
{
 
background-image: url("http://dormroomfund.com/img/slider-images/boston.jpg");
 
}
 
 
 
</style>
 
 
</head>
 
</head>
 
+
<body style="background-image: url("http://dormroomfund.com/img/slider-images/boston.jpg");">
 
+
<h1>this is a testing page<h1/>
<body class='image'>
+
 
+
<p>&nbsp;</p>
+
<p>&nbsp;</p>
+
 
+
<h2 style="display: inline; position: absolute;"><a href="https://2015.igem.org/Team:BostonU/Team"><p id="topcircle" style="border-radius: 50%; width: 190px; padding-top: 87px; padding-bottom: 87px; text-align: center; margin: auto; margin-left: 387px; margin-top: 4px;">Team</p></a>
+
 
+
<h2 style="display: inline; position: relatve;"><a href="https://2015.igem.org/Team:BostonU/Team"><p id="topcircleout" style="border-radius: 50%; width: 220px; padding-top: 100px; padding-bottom: 100px; text-align: center; margin: auto;">&nbsp;</p></a>
+
 
+
<h2 style="margin-left: 130px; margin-bottom: 45px; display: inline-block; height: 200px; position: relative;"><a href="https://2015.igem.org/Team:BostonU/Team"><p id="rightcircle" style="border-radius: 50%; width: 200px; padding-top: 90px; padding-bottom: 90px; border: 10px solid black; text-align: center;">Achievements</p></a>
+
 
+
<h2 style="margin-left: 255px; margin-bottom: 45px; display: inline-block; height: 200px; position: relative;"><a href="https://2015.igem.org/Team:BostonU/Team"><p id="leftcircle" style="border-radius: 50%; width: 200px; padding-top: 90px; padding-bottom: 90px; border: 10px solid black; text-align: center;">Notebook</p></a>
+
 
+
<h2 style="display: inline; height: 200px; position: relative ;"><a href="https://2015.igem.org/Team:BostonU/Team"><p id="bottomcircle" style="border-radius: 50%; width: 200px; padding-top: 90px; padding-bottom: 90px; text-align: center; margin: auto;">Projects</p></a>
+
 
+
<h2 style="display: inline; ; position: relatve;"><a href="https://2015.igem.org/Team:BostonU/Team"><p id="bottomcircleout" style="border-radius: 50%; width: 220px; padding-top: 100px; padding-bottom: 100px; text-align: center; margin: auto;">&nbsp;</p></a>
+
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 09:43, 13 July 2015

Boston U

this is a testing page