Team:CIDEB-UANL Mexico/hp race

From 2014hs.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:CIDEB-UANL_Mexico/menu}}
+
{{:Team:CIDEB-UANL_Mexico/style2.css}}
-
<html>
+
{{:Team:CIDEB-UANL_Mexico/menu_HP}}
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<link href='http://fonts.googleapis.com/css?family=Oxygen:400,700' rel='stylesheet' type='text/css'>
 +
<title>iGEM CIDEB 2014 - Project</title>
 +
<style>
 +
 +
body
 +
{
 +
margin: 0px;
 +
                width: 100%;
 +
padding: 0px;
 +
background: #2056ac;
 +
font-family: 'Oxygen', sans-serif;
 +
font-size: 12pt;
 +
background-image:url(https://static.igem.org/mediawiki/2014hs/3/32/Cideb_Fondo1.gif);
 +
}
 +
 +
 +
h1, h2, h3
 +
{
 +
margin: 0;
 +
padding-bottom: 5px;
 +
color: #404040;
 +
}
 +
 +
p, ol, ul
 +
{
 +
margin-top: 0;
 +
}
 +
 +
ol, ul
 +
{
 +
padding: 0;
 +
list-style: none;
 +
}
 +
p
 +
{
 +
line-height: 1.60em;
 +
padding- right: 3em;
 +
}
 +
strong
 +
{
 +
}
 +
 +
a
 +
{
 +
color: #2056ac;
 +
}
 +
 +
a:hover
 +
{
 +
text-decoration: none;
 +
}
 +
 +
 
 +
.container
 +
{
 +
margin: 0px auto;
 +
width: 1200px;
 +
}
 +
.container-text
 +
{
 +
margin: 0px auto;
 +
width: 75%;
 +
padding: 0px;
 +
font-family: 'Oxygen', sans-serif;
 +
font-size: 12pt;
 +
                text-align: justify;
 +
}
 +
.wrapper
 +
{
 +
overflow: hidden;
 +
padding: 0em 0em 1em 0em;
 +
background: #FFF;
 +
}
 +
 
 +
#wrapper1
 +
{
 +
background: #FFF;
 +
}
 +
 
 +
#wrapper2
 +
{
 +
overflow: hidden;
 +
background: #F3F3F3;
 +
padding: 5em 0em;
 +
text-align: center;
 +
}
 +
 
 +
#wrapper3
 +
{
 +
overflow: hidden;
 +
padding: 0em 0em 0em 0em;
 +
background: #FFF;
 +
}
 +
 +
#wrapper4
 +
{
 +
}
 +
#banner
 +
{
 +
padding-top: 2em;
 +
}
 +
#welcome
 +
{
 +
overflow: hidden;
 +
width: 1000px;
 +
padding: 0em 100px 0em 100px;
 +
text-align: center;
 +
}
 +
 +
#welcome .content
 +
{
 +
padding: 0em 8em;
 +
}
 +
 +
#welcome .title h2
 +
{
 +
}
 +
 +
#welcome a,
 +
#welcome strong
 +
{
 +
}
 +
.title
 +
{
 +
margin-bottom: 1em;
 +
}
 +
 +
.title h2
 +
{
 +
font-size: 2em;
 +
}
 +
 +
.title .byline
 +
{
 +
font-size: 1.1em;
 +
color: #6F6F6F#;
 +
}
 +
#three-column
 +
{
 +
overflow: hidden;
 +
margin-top: 5em;
 +
padding-top: 1em;
 +
border-top: 1px solid rgba(0,0,0,0.2);
 +
text-align: center;
 +
}
 +
#three-column h2
 +
{
 +
margin: 1em 0em;
 +
font-size: 1.5em;
 +
font-weight: 700;
 +
}
 +
 +
#three-column .icon
 +
{
 +
position: relative;
 +
display: block;
 +
margin: 0px auto 0.80em auto;
 +
background: none;
 +
line-height: 150px;
 +
font-size: 4em;
 +
width: 150px;
 +
height: 100px;
 +
border-radius: 100px;
 +
border: 6px solid #67128F;
 +
text-align: center;
 +
color: #FFF;
 +
 +
}
 +
 +
#three-column #tbox1,
 +
#three-column #tbox2,
 +
#three-column #tbox3
 +
{
 +
float: left;
 +
width: 320px;
 +
padding: 30px 40px 50px 40px;
 +
}
 +
 +
#three-column .title
 +
{
 +
text-align: center;
 +
}
 +
 +
#three-column .title h2
 +
{
 +
font-size: 1.60em;
 +
}
 +
 +
#three-column .title .byline
 +
{
 +
padding-top: 0.50em;
 +
font-size: 0.90em;
 +
color: #858585;
 +
}
 +
 
 +
#three-column .arrow-down
 +
{
 +
border-top-color: #292929;
 +
}
 +
 +
 +
ul.tools
 +
{
 +
margin: 0;
 +
padding: 0em 0em 0em 0em;
 +
list-style: none;
 +
}
 +
 +
ul.tools li
 +
{
 +
display: inline-block;
 +
padding: 0em .2em;
 +
font-size: 4em;
 +
}
 +
 +
ul.tools li span
 +
{
 +
display: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
ul.tools li a
 +
{
 +
color: #FFF;
 +
}
 +
 +
ul.tools li a:before
 +
{
 +
display: inline-block;
 +
background: #1ABC9C;
 +
width: 120px;
 +
height: 120px;
 +
border-radius: 50%;
 +
line-height: 120px;
 +
text-align: center;
 +
color: #FFFFFF;
 +
}
 +
.button
 +
{
 +
display: inline-block;
 +
margin-top: 2em;
 +
padding: 0.8em 2em;
 +
background: #64ABD1;
 +
line-height: 1.8em;
 +
letter-spacing: 1px;
 +
text-decoration: none;
 +
font-size: 1em;
 +
color: #FFF;
 +
}
 +
 +
.button:before
 +
{
 +
display: inline-block;
 +
background: #8DCB89;
 +
margin-right: 1em;
 +
width: 40px;
 +
height: 40px;
 +
line-height: 40px;
 +
border-radius: 20px;
 +
text-align: center;
 +
color: #272925;
 +
}
 +
 +
.button-small
 +
{
 +
}
 +
#portfolio
 +
{
 +
overflow: hidden;
 +
padding-top: 5em;
 +
border-top: 1px solid rgba(0,0,0,0.2);
 +
}
 +
 +
#portfolio .box
 +
{
 +
text-align: center;
 +
color: rgba(0,0,0,0.5);
 +
}
 +
 +
#portfolio h3
 +
{
 +
display: block;
 +
padding-bottom: 1em;
 +
font-size: 1em;
 +
color: rgba(0,0,0,0.6);
 +
}
 +
 
 +
#portfolio .title
 +
{
 +
text-align: center;
 +
}
 +
 
 +
#portfolio .title h2
 +
{
 +
color: rgba(0,0,0,0.8);
 +
}
 +
 
 +
.column1,
 +
.column2,
 +
.column3,
 +
.column4
 +
{
 +
width: 282px;
 +
}
 +
 +
.column1,
 +
.column2,
 +
.column3
 +
{
 +
float: left;
 +
margin-right: 24px;
 +
}
 +
 +
.column4
 +
{
 +
float: right;
 +
}
 +
</style>
<body>
<body>
-
<div>
+
<div class="wrapper">
-
<p>Aqui va el texto</p>
+
<div id="welcome" class="container">
-
<img src="https://static.igem.org/mediawiki/2014hs/2/22/Colinas_azulesigemcideb2014vala.jpg"/>
+
  <div class="title">
 +
      <h2>iGEM Race</h2>
 +
  </div>
 +
</div>
 +
<div class="container-text">
 +
 
 +
<div style="text-align: right;"><a href="https://2014hs.igem.org/Team:CIDEB-UANL_Mexico/hp_race#"><font color="blue">Return to the Top</font></a></p></div>
 +
 
 +
</div>
</div>
</div>
</body>
</body>
</html>
</html>
{{:Team:CIDEB-UANL_Mexico/footer}}
{{:Team:CIDEB-UANL_Mexico/footer}}

Revision as of 03:24, 12 June 2014

iGEM CIDEB 2014 - Project

iGEM Race

iGEM CIDEB 2014 - Footer