Team:BIOSINT Mexico/Attributions

From 2012e.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<html lang="en">
-
<html>
+
<style type="text/css">
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
#p-logo {
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
display:none;
-
This is a template page. READ THESE INSTRUCTIONS.
+
}
-
</div>
+
#search-controls{
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
display:none;
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  We cannot give any examples because none have been created yet. So, use your imagination and strive for clarity.
+
}
-
</div>
+
#top-section{
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
height:13px;
-
You <strong>MUST</strong> have a team description page, a description of the problem you are solving/opportunity you are creating as well as your solution, an executive summary and 3 min elevator pitch video, description and links to any source and market data, and an attributions page.  PLEASE keep all of your pages within your teams namespace. 
+
border-left: none;
-
</div>
+
border-right: none;
-
</div>
+
border-bottom: none;
-
</html>
+
}
 +
.firstHeading{
 +
display:none;
 +
}
 +
#content {
 +
position: relative;
 +
width: 100%;
 +
margin:none;
 +
padding:none;
 +
background:none;
 +
border-left:none;
 +
color: #fff;
 +
border-right:none;
 +
line-height:none;
 +
z-index:none;
 +
}
 +
#catlinks {
 +
display:none;
 +
}
-
<!-- *** End of the alert box *** -->
+
#footer-box {
 +
margin-left: 10px;
 +
width: 965px;
 +
padding:none;
 +
background-color:none;
 +
background: url(http://www.persoft.mx/biosint/images/block-1-bottom.jpg) 0 bottom repeat-x;
 +
margin: 0 auto;
 +
border:none;
 +
}
-
===Attributions and Contributions===
+
#menubar{
-
Each team must clearly attribute work done by the team on this page. They must distinguish work done by the team from work done by others, including the host labs, advisors, instructors, graduate students, and postgraduate masters student
+
-
<!--- The Mission, Experiments --->
+
color: rgba(0,0,0,0.0);
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
}
-
!align="center"|[[Team:BIOSINT_Mexico|Home]]
+
 
-
!align="center"|[[Team:BIOSINT_Mexico/Team|Team]]
+
</style>
-
!align="center"|[[Team:BIOSINT_Mexico/Opportunity|Problem,Opportunity and Solution]]
+
 
-
!align="center"|[[Team:BIOSINT_Mexico/Summary|Executive Summary and Elevator Pitch]]
+
 
-
!align="center"|[[Team:BIOSINT_Mexico/Source_Data|Source Data]]
+
 
-
!align="center"|[[Team:BIOSINT_Mexico/Attributions|Attributions]]
+
<script language="javascript">
-
|}
+
          $(document).ready(function() {
 +
               
 +
              $("#menubar").children().children("li").css("color", "rgba(0,0,0,0.0)");
 +
                    $("#menubar").children().children("li").children("a").css("color", "rgba(0,0,0,0.0)");
 +
 
 +
 
 +
              $("#menubar").hover(function() {
 +
                    $(this).children().children("li").css("color", "#fff");
 +
                    $(this).children().children("li").children("a").css("color", "#fff");
 +
              },function() {
 +
                    $(this).children().children("li").css("color", "rgba(0,0,0,0.0)");
 +
                    $(this).children().children("li").children("a").css("color", "rgba(0,0,0,0.0)");
 +
              });
 +
          });
 +
    </script>
 +
 
 +
 
 +
<head>
 +
    <title>Services</title>
 +
    <meta charset="utf-8">
 +
    <link rel="stylesheet" type="text/css" media="screen" href="http://www.persoft.mx/biosint/css/reset.css">
 +
    <link rel="stylesheet" type="text/css" media="screen" href="http://www.persoft.mx/biosint/css/grid_24.css">
 +
    <link rel="stylesheet" type="text/css" media="screen" href="http://www.persoft.mx/biosint/css/style.css">
 +
    <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700' rel='stylesheet' type='text/css'>
 +
    <link href='http://fonts.googleapis.com/css?family=Holtwood+One+SC' rel='stylesheet' type='text/css'>
 +
    <script src="http://www.persoft.mx/biosint/js/jquery-1.7.min.js"></script>
 +
    <script src="http://www.persoft.mx/biosint/js/jquery.easing.1.3.js"></script>
 +
 
 +
</head>
 +
<body>
 +
<div class="main">
 +
  <div class="sub-pages">
 +
  <div>
 +
      <header>                 
 +
          <nav> 
 +
            <ul class="menu">
 +
              <li><a href="https://2012e.igem.org/wiki/index.php/Team:BIOSINT_Mexico">Home</a></li>
 +
              <li><a href="https://2012e.igem.org/wiki/index.php/Team:BIOSINT_Mexico/Team">Team</a></li>
 +
              <li><a href="https://2012e.igem.org/wiki/index.php/Team:BIOSINT_Mexico/Summary">Project</br>Description</a></li>
 +
              <li><a href="https://2012e.igem.org/wiki/index.php/Team:BIOSINT_Mexico/HumanPractices">Human</br>Practices</a></li>
 +
              <li><a href="https://2012e.igem.org/wiki/index.php/Team:BIOSINT_Mexico/Gallerie">Gallery</a></li>
 +
              <li class="current"><a href="https://2012e.igem.org/wiki/index.php/Team:BIOSINT_Mexico/Attributions">Sponsors</a></li>
 +
              </ul>
 +
          </nav>
 +
          <h1><a href="https://2012e.igem.org/wiki/index.php/Team:BIOSINT_Mexico"><img src="http://www.persoft.mx/biosint/images/logo.png" alt=""></a></h1>
 +
          <div class="slogan">WHAT I CANNOT CREATE, I DO NOT UNDERSTAND <span>RICHARD FEYNMAN’S</span></div>
 +
        </header> 
 +
      </div>
 +
    </div>
 +
  <!--==============================content================================-->
 +
    <section id="content">
 +
    <div class="container_24">
 +
            <div class="grid_23 prefix_1">
 +
            <div class="block-1">
 +
                <div>
 +
                    <div>
 +
                        <div class="text-2">under construction<span>-----</span></div>
 +
                            <div class="discount"></div>
 +
                            <div class="text-3">------<span>-----</span></div>
 +
                            <a href="#" class="link-2">click here</a>
 +
                            <div class="clear"></div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="grid_23 prefix_1">
 +
            <h2 class="h2 top-3">Our Sponsors:</h2>
 +
                <div class="wrap top-9">
 +
                <div class="letter-2">
 +
                    <div class="p-border">
 +
                            <div class="wrap">
 +
                                <span>A.</span>
 +
                                <p class="clr-1">--------</p>
 +
                            </div>
 +
                            <p>Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus. </p>
 +
                        </div>
 +
                        <a href="#" class="link-1">Read more</a>
 +
                    </div>
 +
                    <div class="letter-2">
 +
                    <div class="p-border">
 +
                            <div class="wrap">
 +
                                <span>B.</span>
 +
                                <p class="clr-1">------</p>
 +
                            </div>
 +
                            <p>Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus. </p>
 +
                        </div>
 +
                        <a href="#" class="link-1">Read more</a>
 +
                    </div>
 +
                    <div class="letter-2">
 +
                    <div class="p-border">
 +
                            <div class="wrap">
 +
                                <span>C.</span>
 +
                                <p class="clr-1">--------</p>
 +
                            </div>
 +
                            <p>Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus. </p>
 +
                        </div>
 +
                        <a href="#" class="link-1">Read more</a>
 +
                    </div>
 +
                    <div class="letter-2 last">
 +
                    <div class="p-border">
 +
                            <div class="wrap">
 +
                                <span>D.</span>
 +
                                <p class="clr-1">--------</p>
 +
                            </div>
 +
                            <p>Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus. </p>
 +
                        </div>
 +
                        <a href="#" class="link-1">Read more</a>
 +
                    </div>
 +
              </div>
 +
              <div class="wrap top-10">
 +
                    <div class="letter-2">
 +
                    <div class="p-border">
 +
                            <div class="wrap">
 +
                                <span>E.</span>
 +
                                <p class="clr-1">-------</p>
 +
                            </div>
 +
                            <p>Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus. </p>
 +
                        </div>
 +
                        <a href="#" class="link-1">Read more</a>
 +
                    </div>
 +
                    <div class="letter-2">
 +
                    <div class="p-border">
 +
                            <div class="wrap">
 +
                                <span>F.</span>
 +
                                <p class="clr-1">------</p>
 +
                            </div>
 +
                            <p>Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus. </p>
 +
                        </div>
 +
                        <a href="#" class="link-1">Read more</a>
 +
                    </div>
 +
                    <div class="letter-2">
 +
                    <div class="p-border">
 +
                            <div class="wrap">
 +
                                <span>G.</span>
 +
                                <p class="clr-1">-------</p>
 +
                            </div>
 +
                            <p>Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus. </p>
 +
                        </div>
 +
                        <a href="#" class="link-1">Read more</a>
 +
                    </div>
 +
                    <div class="letter-2 last">
 +
                    <div class="p-border">
 +
                            <div class="wrap">
 +
                                <span>H.</span>
 +
                                <p class="clr-1">-------</p>
 +
                            </div>
 +
                            <p>Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus. </p>
 +
                        </div>
 +
                        <a href="#" class="link-1">Read more</a>
 +
                    </div>
 +
                </div>
 +
                <div class="wrap top-10">
 +
                    <div class="letter-2">
 +
                    <div class="p-border">
 +
                            <div class="wrap">
 +
                                <span>I.</span>
 +
                                <p class="clr-1">------</p>
 +
                            </div>
 +
                            <p>Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus. </p>
 +
                        </div>
 +
                        <a href="#" class="link-1">Read more</a>
 +
                    </div>
 +
                    <div class="letter-2 last">
 +
                    <div class="p-border">
 +
                            <div class="wrap">
 +
                                <span>J.</span>
 +
                                <p class="clr-1">-----</p>
 +
                            </div>
 +
                            <p>Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus. </p>
 +
                        </div>
 +
                        <a href="#" class="link-1">Read more</a>
 +
                    </div>
 +
                </div>
 +
               
 +
            </div>
 +
            <div class="clear"></div>
 +
        </div>
 +
    </section>
 +
</div>
 +
<!--==============================footer=================================-->
 +
  <footer>
 +
  <div class="container_24">
 +
                <div class="grid_12"> 
 +
          <div class="soc-icons"><a href="#"><img src="http://www.persoft.mx/biosint/images/icon-1.png" alt=""></a><a href="#"><img src="http://www.persoft.mx/biosint/images/icon-2.png" alt=""></a><a href="#"><img src="http://www.persoft.mx/biosint/images/icon-3.png" alt=""></a></div>
 +
        </div>
 +
    </div>
 +
    <div class="clear"></div>     
 +
  </footer>
 +
</body>
 +
</html>

Revision as of 01:18, 20 October 2012

Services

WHAT I CANNOT CREATE, I DO NOT UNDERSTAND RICHARD FEYNMAN’S
under construction-----
-----------
click here

Our Sponsors:

A.

--------

Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus.

Read more
B.

------

Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus.

Read more
C.

--------

Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus.

Read more
D.

--------

Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus.

Read more
E.

-------

Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus.

Read more
F.

------

Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus.

Read more
G.

-------

Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus.

Read more
H.

-------

Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus.

Read more
I.

------

Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus.

Read more
J.

-----

Vivamus hendrerit mauris ut dui. gravida ut viverra lectus tincidunt. Cras mattis tempor eros nec tristique. Sed sed felis arcu, vel vehicula augue. Maecenas faucibus sagittis cursus.

Read more