Difference between revisions of "Team:KU Leuven/Experiments"

Line 1: Line 1:
 
{{KU_Leuven}}
 
{{KU_Leuven}}
 
<html>
 
<html>
−
<div class="notes">
+
<style type="text/css">
−
    <div class="jumbotron">
+
        #experiments .header {
−
        <div class="container">
+
            background-color: #cc3333;
−
            <h1>Experiments</h1>
+
            padding: 10px;
−
             <p></p>
+
            position: relative;
 +
            z-index: 20;
 +
 
 +
            -webkit-box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.25);
 +
            -moz-box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.25);
 +
            box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.25);
 +
        }
 +
 
 +
        #experiments .header div {
 +
            display: table;
 +
            height: 100%;
 +
            clear: both;
 +
        }
 +
 
 +
        #experiments .header h3 {
 +
            color: white;
 +
            margin: 0;
 +
            padding: 0;
 +
 
 +
            font-size: 15px;
 +
            font-weight: 700;
 +
            font-style: italic;
 +
 
 +
            display: table-cell;
 +
            vertical-align: middle;
 +
 
 +
        }
 +
 
 +
        #experiments .content {
 +
            margin: 0 20px;
 +
            position: relative;
 +
            z-index: 10;
 +
 
 +
            -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
 +
            -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
 +
            box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
 +
        }
 +
 
 +
        #experiments .content p {
 +
            margin: 0;
 +
            padding: 10px;
 +
        }
 +
        </style>
 +
        <script type="text/javascript" src="https://2017.igem.org/Template:KU_Leuven/flip?action=raw&ctype=text/javascript"></script>
 +
        <div class="team">
 +
            <div class="jumbotron">
 +
                <div class="container">
 +
                    <h1>Experiments</h1>
 +
                    <p style="text-align:justify" ;>
 +
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 +
                    </p>
 +
                </div>
 +
             </div>
 +
            <div class="container">
 +
                <div id="experiments">
 +
                    <div class="experiment">
 +
                        <div class="header">
 +
                            <div>
 +
                                <h3>Experiment 1: Korte beschrijving</h3>
 +
                            </div>
 +
                        </div>
 +
                        <div class="content" style="display: none;">
 +
                            <p style="text-align:justify">
 +
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 +
                                <br/>
 +
                                <img src="https://static.igem.org/mediawiki/2017/1/13/KU_Leuven_Safety_Work_Environment.png" style="display: block;" width="50px" height="auto"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 +
                                <br/> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 +
                            </p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="experiment">
 +
                        <div class="header">
 +
                            <div>
 +
                                <h3>Experiment 2: Andere korte beschrijving</h3>
 +
                            </div>
 +
                        </div>
 +
                        <div class="content" style="display: none;">
 +
                            <p style="text-align:justify">
 +
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 +
                                <br/> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 +
                            </p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
−
    <div class="container">
 
−
        <div class="column full_size">
 
−
            <h1>Experiments</h1>
 
−
            <p>Describe the research, experiments, and protocols you used in your iGEM project. These should be detailed enough for another team to repeat your experiments.</p>
 
−
            <p>
 
−
                Please remember to put all characterization and measurement data for your parts on the corresponding Registry part pages.
 
−
            </p>
 
−
        </div>
 
−
        <div class="column half_size">
 
−
            <h5>What should this page contain?</h5>
 
−
            <ul>
 
−
                <li> Protocols </li>
 
−
                <li> Experiments </li>
 
−
                <li> Documentation of the development of your project </li>
 
−
            </ul>
 
−
        </div>
 
−
        <div class="column half_size">
 
−
            <h5>Inspiration</h5>
 
−
            <ul>
 
−
                <li><a href="https://2014.igem.org/Team:Colombia/Protocols">2014 Colombia </a></li>
 
−
                <li><a href="https://2014.igem.org/Team:Imperial/Protocols">2014 Imperial </a></li>
 
−
                <li><a href="https://2014.igem.org/Team:Caltech/Project/Experiments">2014 Caltech </a></li>
 
−
            </ul>
 
−
        </div>
 
−
        <div class="clear"></div>
 
−
        <div class="column half_size">
 
−
        </div>
 
 
     </div>
 
     </div>
−
</div>
+
    <script type="text/javascript">
 +
    $(document).ready(function() { /* to make sure the script runs after page load */
 +
        $("#experiments .header").click(function() {
 +
 
 +
            $(this).siblings('.content').slideToggle();
 +
        });
 +
 
 +
    });
 +
    </script>
  
 
</html>
 
</html>
 
{{KU_Leuven_footer}}
 
{{KU_Leuven_footer}}

Revision as of 09:53, 28 August 2017

Experiments

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Experiment 1: Korte beschrijving

Experiment 2: Andere korte beschrijving