Difference between revisions of "Team:Vilnius-Lithuania/test/Education"

(Blanked the page)
 
(10 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{Vilnius-Lithuania/menuOverlay}}
 
{{Vilnius-Lithuania/ContentPage}}
 
<html>
 
  
<head>
 
    <meta charset="utf-8">
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
<link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/CSS/clearout&action=raw&ctype=text/css" />
 
    <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/fonts.css&action=raw&ctype=text/css" />
 
    <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/CSS/HP&action=raw&ctype=text/css" />
 
</head>
 
 
<body>
 
<div class="milkWave">
 
        <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 
            <path class="animWavePath" d="" fill="#fafafc" />
 
        </svg>
 
    </div>
 
    <div id="content-tag">
 
        <div class="contentBlock">
 
            <div class="content">
 
                <div class="h2 larger">Proposed Implementation</div>
 
                <p class="content-paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quis ante odio. Sed eleifend, eros at bibendum ullamcorper, nisl nisl mattis ligula, ut euismod lorem elit sit amet ipsum. Suspendisse scelerisque, odio vitae malesuada mattis,
 
                    sem augue mattis velit, sit amet ornare lacus velit nec nibh. Curabitur sed lectus sapien. Suspendisse finibus urna volutpat mi consequat lacinia. In ut felis quis purus tempus gravida. Vestibulum eget gravida risus. Vivamus porta
 
                    dui et nulla fringilla, nec fermentum felis placerat. Pellentesque dictum risus quis aliquam lacinia. Duis mauris arcu, rhoncus eu felis a, laoreet volutpat ipsum. Ut sed aliquam libero. Sed placerat sem nec hendrerit pellentesque.</p>
 
            </div>
 
            <div class="content">
 
                <p class="content-paragraph">Maecenas in orci non risus fringilla maximus. Morbi id erat commodo, feugiat ante a, ullamcorper urna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris ligula nunc, gravida in interdum non, pellentesque eget libero.
 
                    Aliquam porta purus nec arcu sodales, eget sagittis purus lacinia. Aliquam dictum augue id lacinia lacinia. Ut et elementum nunc, nec tempus lacus. Fusce vel mauris ante. Suspendisse bibendum quam tortor, vitae congue urna facilisis
 
                    at. Aliquam erat volutpat. Sed sit amet magna in nunc ullamcorper porta id et dui. Vestibulum in eros nisi. Proin cursus nisl eu justo laoreet interdum. Suspendisse eu tellus vel felis iaculis posuere.</p>
 
            </div>
 
 
            <div class="content">
 
                <p class="content-paragraph">In porttitor, est at porta luctus, dolor mi sollicitudin libero, id placerat urna ipsum vitae metus. Vivamus ornare rhoncus est, ut condimentum sem vulputate eget. Praesent et tortor non eros molestie interdum. Vivamus ut eros quis nulla
 
                    gravida placerat viverra non libero. Sed feugiat sapien feugiat, gravida risus in, luctus dolor. Donec sed nibh arcu. Sed sollicitudin lorem eu magna eleifend molestie. Nulla eu urna quis nisl aliquam feugiat. Praesent semper nec sem
 
                    ut ultricies. Ut sit amet pulvinar odio. In laoreet lectus nulla, a vulputate magna porta eget. Cras ac placerat libero. Donec sollicitudin bibendum ex, at pellentesque urna.</p>
 
            </div>
 
            <div class="content">
 
                <p class="content-paragraph">Cu esse case euripidis qui. Nonumes mediocrem vel ut. At cum meis velit, nec at dissentias cotidieque, ea modus nulla lobortis ius. Cum timeam probatus persecuti eu, sea latine debitis id, qui dolor mandamus molestiae ei. In audiam impetus
 
                    eam, ius an tamquam detraxit tincidunt. Epicurei interpretaris no eos. Ne habeo scaevola sapientem sed, unum inani ubique ius ex.</p>
 
            </div>
 
        </div>
 
    </div>
 
    <div class="milkWave rotate-wave">
 
        <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 
            <path class="animWavePath" d="" fill="#fafafc" />
 
        </svg>
 
    </div>
 
div id="hp-activities">
 
        <div id="title">
 
            <div class="heading2">Target audiences</div>
 
            <div class="heading2 other">audiences</div>
 
        </div>
 
        <div id="box">
 
            <div id="hp-intro">
 
                <ul>
 
                    <li>
 
                        <div class="kindergarten" turned_off=false></div>
 
                        <p>Kindergarten</p>
 
                    </li>
 
                    <li>
 
                        <div class="primary" turned_off=false></div>
 
                        <p>Primary School</p>
 
                    </li>
 
                    <li>
 
                        <div class="middle" turned_off=false></div>
 
                        <p>Middle School</p>
 
                    </li>
 
                    <li>
 
                        <div class="high" turned_off=false></div>
 
                        <p>High School</p>
 
                    </li>
 
                    <li>
 
                        <div class="students" turned_off=false></div>
 
                        <p>Students</p>
 
                    </li>
 
                    <li>
 
                        <div class="teachers" turned_off=false></div>
 
                        <p>Teachers</p>
 
                    </li>
 
                    <li>
 
                        <div class="adults" turned_off=false></div>
 
                        <p>Adults</p>
 
                    </li>
 
 
                </ul>
 
            </div>
 
            <div id="hp-overview">
 
                <div class="activity" id="ar">
 
                    <div class="points" id="ar-p">
 
                        <div class="point unfilled"></div>
 
                        <div class="point primary first" turned_off=true></div>
 
                        <div class="point middle third" turned_off=true></div>
 
                        <div class="point high fourth" turned_off=true></div>
 
                        <div class="point students second" turned_off=true></div>
 
                        <div class="point teachers first" turned_off=true></div>
 
                        <div class="point adults third" turned_off=true></div>
 
                    </div>
 
                    <div class="title" id="ar-t">
 
                        <a href="#heading1">
 
                            <h1>The 6th SynBio sense</h1>
 
                        </a>
 
                    </div>
 
                </div>
 
                <div class="activity" id="bioblox">
 
                    <div class="points" id="bb-p">
 
                        <div class="point unfilled"></div>
 
                        <div class="point primary second" turned_off=true></div>
 
                        <div class="point middle fourth" turned_off=true></div>
 
                        <div class="point high third" turned_off=true></div>
 
                        <div class="point students first" turned_off=true></div>
 
                        <div class="point unfilled"></div>
 
                        <div class="point unfilled"></div>
 
                    </div>
 
                    <div class="title" id="bb-t">
 
                        <a href="#heading2">
 
                            <h1>"BioBlox" Gaming Tournament</h1>
 
                        </a>
 
                    </div>
 
                </div>
 
                <div class="activity" id="lessons">
 
                    <div class="points" id="bb-p">
 
                        <div class="point unfilled"></div>
 
                        <div class="point primary third" turned_off=true></div>
 
                        <div class="point middle first" turned_off=true></div>
 
                        <div class="point high fourth" turned_off=true></div>
 
                        <div class="point unfilled"></div>
 
                        <div class="point teachers second" turned_off=true></div>
 
                        <div class="point unfilled"></div>
 
                    </div>
 
                    <div class="title" id="les-t">
 
                        <a href="#heading3">
 
                            <h1>Lessons</h1>
 
                        </a>
 
                    </div>
 
                </div>
 
                <div class="activity" id="workshops">
 
                    <div class="points" id="wk-p">
 
                        <div class="point unfilled"></div>
 
                        <div class="point unfilled"></div>
 
                        <div class="point middle fourth" turned_off=true></div>
 
                        <div class="point high second" turned_off=true></div>
 
                        <div class="point unfilled"></div>
 
                        <div class="point unfilled"></div>
 
                        <div class="point unfilled"></div>
 
                    </div>
 
                    <div class="title" id="wk-t">
 
                        <a href="#heading4">
 
                            <h1>Workshops</h1>
 
                        </a>
 
                    </div>
 
                </div>
 
                <div class="activity" id="book">
 
                    <div class="points" id="bk-p">
 
                        <div class="point kindergarten first" turned_off=true></div>
 
                        <div class="point primary" turned_off=true></div>
 
                        <div class="point unfilled"></div>
 
                        <div class="point unfilled"></div>
 
                        <div class="point unfilled"></div>
 
                        <div class="point unfilled"></div>
 
                        <div class="point unfilled"></div>
 
                    </div>
 
                    <div class="title" id="bk-t">
 
                        <a href="#heading5">
 
                            <h1>Educational colouring book</h1>
 
                        </a>
 
                    </div>
 
                </div>
 
            </div>
 
        </div>
 
    </div>
 
<div class="milkWave"></div>
 
    <main id="section-text">
 
        <input id="headingTitleText" type="hidden" value="Education & Public Engagement"/>
 
        <div class="contentBlock">
 
            <div class="content">
 
                <div class="h2 larger">Values in Practice</div>
 
                <div class="h3">The 6th SynBio Sense</div>
 
                <p class="content-paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quis ante odio. Sed eleifend, eros at bibendum ullamcorper, nisl nisl mattis ligula, ut euismod lorem elit sit amet ipsum. Suspendisse scelerisque, odio vitae malesuada mattis, sem augue mattis velit, sit amet ornare lacus velit nec nibh. Curabitur sed lectus sapien. Suspendisse finibus urna volutpat mi consequat lacinia. In ut felis quis purus tempus gravida. Vestibulum eget gravida risus. Vivamus porta dui et nulla fringilla, nec fermentum felis placerat. Pellentesque dictum risus quis aliquam lacinia. Duis mauris arcu, rhoncus eu felis a, laoreet volutpat ipsum. Ut sed aliquam libero. Sed placerat sem nec hendrerit pellentesque. </p>
 
                <div class="h3">"BioBlox" Gaming Tournament</div>
 
                <p class="content-paragraph">Maecenas in orci non risus fringilla maximus. Morbi id erat commodo, feugiat ante a, ullamcorper urna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris ligula nunc, gravida in interdum non, pellentesque eget libero. Aliquam porta purus nec arcu sodales, eget sagittis purus lacinia. Aliquam dictum augue id lacinia lacinia. Ut et elementum nunc, nec tempus lacus. Fusce vel mauris ante. Suspendisse bibendum quam tortor, vitae congue urna facilisis at. Aliquam erat volutpat. Sed sit amet magna in nunc ullamcorper porta id et dui. Vestibulum in eros nisi. Proin cursus nisl eu justo laoreet interdum. Suspendisse eu tellus vel felis iaculis posuere.</p>
 
                <div class="h3">Lessons</div>
 
                <p class="content-paragraph">In porttitor, est at porta luctus, dolor mi sollicitudin libero, id placerat urna ipsum vitae metus. Vivamus ornare rhoncus est, ut condimentum sem vulputate eget. Praesent et tortor non eros molestie interdum. Vivamus ut eros quis nulla gravida placerat viverra non libero. Sed feugiat sapien feugiat, gravida risus in, luctus dolor. Donec sed nibh arcu. Sed sollicitudin lorem eu magna eleifend molestie. Nulla eu urna quis nisl aliquam feugiat. Praesent semper nec sem ut ultricies. Ut sit amet pulvinar odio. In laoreet lectus nulla, a vulputate magna porta eget. Cras ac placerat libero. Donec sollicitudin bibendum ex, at pellentesque urna.</p>
 
                <div class="h3">Workshops</div>
 
                <p class="content-paragraph">Cu esse case euripidis qui. Nonumes mediocrem vel ut. At cum meis velit, nec at dissentias cotidieque, ea modus nulla lobortis ius. Cum timeam probatus persecuti eu, sea latine debitis id, qui dolor mandamus molestiae ei. In audiam impetus eam, ius an tamquam detraxit tincidunt. Epicurei interpretaris no eos. Ne habeo scaevola sapientem sed, unum inani ubique ius ex.</p>
 
                <div class="h3">Educational colouring book</div>
 
                <p class="content-paragraph">Cu esse case euripidis qui. Nonumes mediocrem vel ut. At cum meis velit, nec at dissentias cotidieque, ea modus nulla lobortis ius. Cum timeam probatus persecuti eu, sea latine debitis id, qui dolor mandamus molestiae ei. In audiam impetus eam, ius an tamquam detraxit tincidunt. Epicurei interpretaris no eos. Ne habeo scaevola sapientem sed, unum inani ubique ius ex.</p>
 
            </div>
 
        </div>
 
    </main>
 
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/HP&action=raw&ctype=text/javascript"></script>
 
        <script>
 
document.getElementById("fixedOverlay").classList.add("hp")
 
        </script>
 
</body>
 
 
</html>
 
{{Vilnius-Lithuania/footer}}
 

Latest revision as of 11:16, 21 October 2020