Difference between revisions of "Team:Tec-Monterrey/Human Practices"

(Prototype team page)
 
Line 1: Line 1:
−
{{Tec-Monterrey}}
+
 
 
<html>
 
<html>
  
−
<div class="column full_size">
+
<head>
−
 
+
    <meta charset="utf-8">
−
<p>iGEM teams are leading in the area of Human Practices because they conduct their projects within a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
−
<p>For more information, please see the <a href="https://2016.igem.org/Human_Practices">Human Practices Hub</a>.</p>
+
    <title>iGEM 2016 - Tec de Monterrey</title>
−
</div>
+
    <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 half_size">
+
−
<div class="highlight">
+
−
<h5>Note</h5>
+
−
<p>You must fill out this page in order to be considered for all <a href="https://2016.igem.org/Judging/Awards">awards</a> for Human Practices:</p>
+
−
<ul>
+
−
<li>Human Practices silver medal criterion</li>
+
−
<li>Human Practices gold medal criterion</li>
+
−
<li>Best Integrated Human Practices award</li>
+
−
<li>Best Education and Public Engagement award</li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class="column half_size">
+
−
<h5>Some Human Practices topic areas </h5>
+
−
<ul>
+
−
<li>Philosophy</li>
+
−
<li>Public Engagement / Dialogue</li>
+
−
<li>Education</li>
+
−
<li>Product Design</li>
+
−
<li>Scale-Up and Deployment Issues</li>
+
−
<li>Environmental Impact</li>
+
−
<li>Ethics</li>
+
−
<li>Safety</li>
+
−
<li>Security</li>
+
−
<li>Public Policy</li>
+
−
<li>Law and Regulation</li>
+
−
<li>Risk Assessment</li>
+
−
</ul>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="column half_size">
+
−
<h5>What should we write about on this page?</h5>
+
−
<p>On this page, you should write about the Human Practices topics you considered in your project, and document any special activities you did (such as visiting experts, talking to lawmakers, or doing public engagement).</p>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="column half_size">
+
−
<h5>Inspiration</h5>
+
−
<p>Read what other teams have done:</p>
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:Dundee/policypractice/experts">2014 Dundee </a></li>
+
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Policy_Practices_Overview">2014 UC Davis </a></li>
+
−
<li><a href="https://2013.igem.org/Team:Manchester/HumanPractices">2013 Manchester </a></li>
+
−
<li><a href="https://2013.igem.org/Team:Cornell/outreach">2013 Cornell </a></li>
+
−
</ul>
+
−
</div>
+
  
 +
<body>
 +
    <!--NAVBAR-->
 +
    <div class="navbar navbar-default navbar-fixed-top" role="navigation">
 +
        <div class="container">
 +
            <div class="navbar-header">
 +
                <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">
 +
                    <ul class="nav navbar-nav navbar-right">
 +
                        <li class="dropdown" >
 +
                            <p>Project</p>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="#">Overview</a></li>
 +
                                <li><a href="#">Experiments</a></li>
 +
                                <li><a href="#">Proof of concept</a></li>
 +
                                <li><a href="#">Results</a></li>
 +
                                <li><a href="#">Notebook</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <p>Achievements</p>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="#">Medals</a></li>
 +
                                <li><a href="Collaborations">Collaborations</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <p>Parts</p>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="#">Basic Parts</a></li>
 +
                                <li><a href="#">Composite Parts</a></li>
 +
                                <li><a href="#">Part Collection</a></li>
 +
                                <li><a href="#">Parts</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <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!

See more...