Difference between revisions of "Team:Tec-Monterrey/Safety"

(Prototype team page)
 
Line 1: Line 1:
{{Tec-Monterrey}}
+
 
 
<html>
 
<html>
  
 +
<head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <title>iGEM 2016 - Tec de Monterrey</title>
 +
    <link href="https://2016.igem.org/Template:Tec-Monterrey/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 +
<link href="https://2016.igem.org/Template:Tec-Monterrey/css/style?action=raw&ctype=text/css" rel="stylesheet">
 +
</head>
  
<div class="column full_size">
+
<body>
 
+
    <!--NAVBAR-->
 
+
    <div class="navbar navbar-default navbar-fixed-top" role="navigation">
<p>Please visit <a href="https://2016.igem.org/Safety">the main Safety page</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
+
        <div class="container">
 
+
            <div class="navbar-header">
<p>On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can <strong>go beyond the questions on the safety forms</strong>, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)</p>
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle nav</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
 
+
                <div class="navbar-collapse collapse">
</div>
+
                    <ul class="nav navbar-nav navbar-right">
 
+
                        <li class="dropdown" >
 
+
                            <p>Project</p>
<div class="column full_size">
+
                            <ul class="dropdown-menu">
<h5>Safe Project Design</h5>
+
                                <li><a href="#">Overview</a></li>
 
+
                                <li><a href="#">Experiments</a></li>
<p>Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:</p>
+
                                <li><a href="#">Proof of concept</a></li>
 
+
                                <li><a href="#">Results</a></li>
<ul>
+
                                <li><a href="#">Notebook</a></li>
<li>Choosing a non-pathogenic chassis</li>
+
                            </ul>
<li>Choosing parts that will not harm humans / animals / plants</li>
+
                        </li>
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
+
                        <li class="dropdown">
<li>Including an "induced lethality" or "kill-switch" device</li>
+
                            <p>Achievements</p>
</ul>
+
                            <ul class="dropdown-menu">
 
+
                                <li><a href="#">Medals</a></li>
</div>
+
                                <li><a href="Collaborations">Collaborations</a></li>
 
+
                            </ul>
<div class="column half_size">
+
                        </li>
<h5>Safe Lab Work</h5>
+
                        <li class="dropdown">
 
+
                            <p>Parts</p>
<p>What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!</p>
+
                            <ul class="dropdown-menu">
 
+
                                <li><a href="#">Basic Parts</a></li>
</div>
+
                                <li><a href="#">Composite Parts</a></li>
 
+
                                <li><a href="#">Part Collection</a></li>
<div class="column half_size">
+
                                <li><a href="#">Parts</a></li>
<h5>Safe Shipment</h5>
+
                            </ul>
 
+
                        </li>
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
                        <li class="dropdown">
</div>
+
                            <p>Safety</p>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <p>Modeling</p>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="#">Overview</a></li>
 +
                                <li><a href="#">Módulo 1</a></li>
 +
                                <li><a href="#">Módulo 2</a></li>
 +
                                <li><a href="#">Módulo 3</a></li>
 +
                               
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <p>Human Practice</p>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <p>Team</p>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="#">Team Members</a></li>
 +
                                <li><a href="#">Advisors</a></li>
 +
                                <li><a href="#">Instructors</a></li>
 +
                                <li><a href="#">Sponsors</a></li>
 +
                                <li><a href="#">Attributions</a></li>
 +
                            </ul>
 +
                        </li>
 +
                    </ul> <img src="https://static.igem.org/mediawiki/2016/1/13/T--Tec-Monterrey--iGEMTecdeMty-negativo.png"> </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <div class="container-fluid" id="main-container">
 +
        <div id="cover">
 +
            <div class="vertical-center" id="index-cover-img-parent" data-top="filter:blur(0px)" data-top-bottom="filter:blur(20px)"> <img data-top="filter:blur(0px)" data-top-bottom="filter:blur(20px)" id="iGem" src="https://static.igem.org/mediawiki/2016/e/ee/T--Tec-Monterrey--iGEM.png" class="img-responsive"> </div>
 +
        </div>
 +
    </div>
 +
    <!-- <div class="container-fluid" id="sponsors">
 +
        <br>
 +
        <div clas="row">
 +
            <div class="text-center">
 +
                <div class="col-xs-12 col-sm-6 col-lg-3">
 +
                    <div class="text-center"><img src="https://2016.igem.org/File:T--Tec-Monterrey--femsa.png"></div>
 +
                </div>
 +
                <div class="col-xs-12 col-sm-6 col-lg-3">
 +
                    <br/>
 +
                    <div class="text-center"><img src="https://2016.igem.org/File:T--Tec-Monterrey--GenScript.png"></div>
 +
                    <br/> </div>
 +
                <div class="col-xs-12 col-sm-6 col-lg-3">
 +
                    <div class="text-center"><img src="https://2016.igem.org/File:T--Tec-Monterrey--Medicina.png"></div>
 +
                </div>
 +
                <div class="col-xs-12 col-sm-6 col-lg-3">
 +
                    <br>
 +
                    <div class="text-center"><img src="https://2016.igem.org/File:T--Tec-Monterrey--IDT.png"></div>
 +
                    <br> </div>
 +
            </div>
 +
        </div>
 +
        <div class="row">
 +
            <div class="col-xs-2"></div>
 +
            <div class="col-xs-2"></div>
 +
            <div class="col-xs-4"></div>
 +
            <div class="col-xs-2"></div>
 +
            <div class="col-xs-2"></div>
 +
        </div>
 +
        <br> </div> -->
 +
    <br>
 +
    <br>
 +
    <br>
 +
    <div class="container">
 +
        <div class="jumbotron" style="background-color:inherit;">
 +
            <div class="row">
 +
                <div class="text-center">
 +
                    <h1>WELCOME</h1></div>
 +
            </div>
 +
            <div class="row">
 +
                <div id="hr_line" class="col-xs-offset-1 col-xs-10">
 +
                    <hr> </div>
 +
            </div>
 +
        </div>
 +
        <br>
 +
        <br>
 +
        <div class="row">
 +
            <div class="col-sm-12 col-md-8">
 +
                <video id="main-video" src="https://static.igem.org/mediawiki/2016/d/d8/T--Tec-Monterrey--explainvideo1.mov" controls="controls"> </video>
 +
            </div>
 +
            <div class="col-sm-12 col-md-4">
 +
                <div class="row">
 +
                    <div class="col-xs-12">
 +
                        <h3 id="our_project">OUR PROJECT</h3> </div>
 +
                </div>
 +
                <div class="row">
 +
                    <div class="col-xs-12" style="text-align: justify;">
 +
                        <p>Our project consists of lorem ipsum dolor sit amet, consectetur adipisicing elit. Est dolore, saepe, quae eligendi mollitia, eius sequi similique cupiditate earum maiores aliquam. Rerum ex sunt illo, atque nulla esse reiciendis, ipsam, quo eum consequatur magni incidunt beatae dolore magnam obcaecati laboriosam eligendi ab sequi deserunt vero. Quis temporibus reprehenderit possimus sed odio, nihil aliquid. Nulla optio esse temporibus maxime, amet praesentium quam obcaecati eum reprehenderit fugiat voluptas quos ducimus ipsum illum dolorum repudiandae ex, modi nostrum blanditiis numquam cumque. Perspiciatis quibusdam nisi rem repellendus itaque, consequuntur, obcaecati repudiandae, nobis minus quas sapiente. Placeat nulla sed eum modi labore voluptatem dicta, perferendis!</p>
 +
                    </div>
 +
                </div>
 +
                <div class="row">
 +
                    <div class="col-xs-12"><a href="#" id="main_index_see_more">See more...</a></div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <br>
 +
    <br>
 +
    <br>
 +
    <br>
 +
    <br>
 +
    <br>
 +
    <div class="container-fluid" id="footer">
 +
        <br>
 +
        <div class="row">
 +
            <div class="col-xs-6" id="footer-right-border">
 +
                <div class="text-center">
 +
                    <div class="row">
 +
                        <h4>Links out</h4></div>
 +
                </div>
 +
                <div class="row">
 +
                    <br>
 +
                    <br>
 +
                    <br> </div>
 +
            </div>
 +
            <div class="col-xs-6">
 +
                <div class="text-center">
 +
                    <div class="row">
 +
                        <h4>Contact</h4></div>
 +
                </div>
 +
                <div class="row">
 +
                    <br>
 +
                    <br>
 +
                    <br> </div>
 +
            </div>
 +
        </div>
 +
        <br> </div>
 +
    <!--END OF NAVBAR-->
 +
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 +
    <script src="https://2016.igem.org/Template:Tec-Monterrey/js/jquery?action=raw&ctype=text/javascript"></script>
 +
    <!-- Include all compiled plugins (below), or include individual files as needed -->
 +
    <script src="https://2016.igem.org/Template:Tec-Monterrey/js/bootstrap?action=raw&ctype=text/javascript"></script>
 +
    <script src="https://2016.igem.org/Template:Tec-Monterrey/js/scripts?action=raw&ctype=text/javascript"></script>
 +
    <script>
 +
        var s = skrollr.init();
 +
    </script>
  
 +
</body>
  
 
</html>
 
</html>

Revision as of 03:00, 15 October 2016

iGEM 2016 - Tec de Monterrey




WELCOME




OUR PROJECT

Our project consists of lorem ipsum dolor sit amet, consectetur adipisicing elit. Est dolore, saepe, quae eligendi mollitia, eius sequi similique cupiditate earum maiores aliquam. Rerum ex sunt illo, atque nulla esse reiciendis, ipsam, quo eum consequatur magni incidunt beatae dolore magnam obcaecati laboriosam eligendi ab sequi deserunt vero. Quis temporibus reprehenderit possimus sed odio, nihil aliquid. Nulla optio esse temporibus maxime, amet praesentium quam obcaecati eum reprehenderit fugiat voluptas quos ducimus ipsum illum dolorum repudiandae ex, modi nostrum blanditiis numquam cumque. Perspiciatis quibusdam nisi rem repellendus itaque, consequuntur, obcaecati repudiandae, nobis minus quas sapiente. Placeat nulla sed eum modi labore voluptatem dicta, perferendis!