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

Line 12: Line 12:
  
 
<body>
 
<body>
−
<div id="content-tag"></div>
+
<div class="milkWave">
−
<div id="hp-activities">
+
        <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
−
<div id="title">
+
            <path class="animWavePath" d="" fill="#fafafc" />
−
<div class="heading2">Target audiences</div>
+
        </svg>
−
<div class="heading2 other">audiences</div>
+
    </div>
−
</div>
+
    <div id="content-tag">
−
<div id="box">
+
        <div class="contentBlock">
−
<div id="hp-intro">
+
            <div class="content">
−
<ul>
+
                <div class="h2 larger">Proposed Implementation</div>
−
<li>
+
                <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,
−
<div class="kindergarten" turned_off=false></div>
+
                    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
−
<p>Kindergarten</p>
+
                    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>
−
</li>
+
            </div>
−
<li>
+
            <div class="content">
−
<div class="primary" turned_off=false></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.
−
<p>Primary School</p>
+
                    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
−
</li>
+
                    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>
−
<li>
+
            </div>
−
<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 class="content">
−
</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
−
<div id="hp-overview">
+
                    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
−
<div class="activity" id="ar">
+
                    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="points" id="ar-p">
+
            </div>
−
<div class="point unfilled"></div>
+
            <div class="content">
−
<div class="point primary first" turned_off=true></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
−
<div class="point middle third" turned_off=true></div>
+
                    eam, ius an tamquam detraxit tincidunt. Epicurei interpretaris no eos. Ne habeo scaevola sapientem sed, unum inani ubique ius ex.</p>
−
<div class="point high fourth" turned_off=true></div>
+
            </div>
−
<div class="point students second" turned_off=true></div>
+
        </div>
−
<div class="point teachers first" turned_off=true></div>
+
    </div>
−
<div class="point adults third" turned_off=true></div>
+
    <div class="milkWave rotate-wave">
−
</div>
+
        <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
−
<div class="title" id="ar-t">
+
            <path class="animWavePath" d="" fill="#fafafc" />
−
<h1>The 6th SynBio sense</h1>
+
        </svg>
−
</div>
+
    </div>
−
</div>
+
div id="hp-activities">
−
<div class="activity" id="bioblox">
+
        <div id="title">
−
<div class="points" id="bb-p">
+
            <div class="heading2">Target audiences</div>
−
<div class="point unfilled"></div>
+
            <div class="heading2 other">audiences</div>
−
<div class="point primary second" turned_off=true></div>
+
        </div>
−
<div class="point middle fourth" turned_off=true></div>
+
        <div id="box">
−
<div class="point high third" turned_off=true></div>
+
            <div id="hp-intro">
−
<div class="point students first" turned_off=true></div>
+
                <ul>
−
<div class="point unfilled"></div>
+
                    <li>
−
<div class="point unfilled"></div>
+
                        <div class="kindergarten" turned_off=false></div>
−
</div>
+
                        <p>Kindergarten</p>
−
<div class="title" id="bb-t">
+
                    </li>
−
<h1>"BioBlox" Gaming Tournament</h1>
+
                    <li>
−
</div>
+
                        <div class="primary" turned_off=false></div>
−
</div>
+
                        <p>Primary School</p>
−
<div class="activity" id="lessons">
+
                    </li>
−
<div class="points" id="bb-p">
+
                    <li>
−
<div class="point unfilled"></div>
+
                        <div class="middle" turned_off=false></div>
−
<div class="point primary third" turned_off=true></div>
+
                        <p>Middle School</p>
−
<div class="point middle first" turned_off=true></div>
+
                    </li>
−
<div class="point high fourth" turned_off=true></div>
+
                    <li>
−
<div class="point unfilled"></div>
+
                        <div class="high" turned_off=false></div>
−
<div class="point teachers second" turned_off=true></div>
+
                        <p>High School</p>
−
<div class="point unfilled"></div>
+
                    </li>
−
</div>
+
                    <li>
−
<div class="title" id="les-t">
+
                        <div class="students" turned_off=false></div>
−
<h1>Lessons</h1>
+
                        <p>Students</p>
−
</div>
+
                    </li>
−
</div>
+
                    <li>
−
<div class="activity" id="workshops">
+
                        <div class="teachers" turned_off=false></div>
−
<div class="points" id="wk-p">
+
                        <p>Teachers</p>
−
<div class="point unfilled"></div>
+
                    </li>
−
<div class="point unfilled"></div>
+
                    <li>
−
<div class="point middle fourth" turned_off=true></div>
+
                        <div class="adults" turned_off=false></div>
−
<div class="point high second" turned_off=true></div>
+
                        <p>Adults</p>
−
<div class="point unfilled"></div>
+
                    </li>
−
<div class="point unfilled"></div>
+
 
−
<div class="point unfilled"></div>
+
                </ul>
−
</div>
+
            </div>
−
<div class="title" id="wk-t">
+
            <div id="hp-overview">
−
<h1>Workshops</h1>
+
                <div class="activity" id="ar">
−
</div>
+
                    <div class="points" id="ar-p">
−
</div>
+
                        <div class="point unfilled"></div>
−
<div class="activity" id="book">
+
                        <div class="point primary first" turned_off=true></div>
−
<div class="points" id="bk-p">
+
                        <div class="point middle third" turned_off=true></div>
−
<div class="point kindergarten first" turned_off=true></div>
+
                        <div class="point high fourth" turned_off=true></div>
−
<div class="point primary" turned_off=true></div>
+
                        <div class="point students second" turned_off=true></div>
−
<div class="point unfilled"></div>
+
                        <div class="point teachers first" turned_off=true></div>
−
<div class="point unfilled"></div>
+
                        <div class="point adults third" turned_off=true></div>
−
<div class="point unfilled"></div>
+
                    </div>
−
<div class="point unfilled"></div>
+
                    <div class="title" id="ar-t">
−
<div class="point unfilled"></div>
+
                        <a href="#heading1">
−
</div>
+
                            <h1>The 6th SynBio sense</h1>
−
<div class="title" id="bk-t">
+
                        </a>
−
<h1>Educational colouring book</h1>
+
                    </div>
−
</div>
+
                </div>
−
</div>
+
                <div class="activity" id="bioblox">
−
</div>
+
                    <div class="points" id="bb-p">
−
</div>
+
                        <div class="point unfilled"></div>
−
</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>
 
<div class="milkWave"></div>
 
     <main id="section-text">
 
     <main id="section-text">

Revision as of 13:39, 9 October 2020
Proposed Implementation

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.

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.

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.

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.

div id="hp-activities">
Target audiences
audiences

  • Kindergarten

  • Primary School

  • Middle School

  • High School

  • Students

  • Teachers

  • Adults

Values in Practice
The 6th SynBio Sense

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.

"BioBlox" Gaming Tournament

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.

Lessons

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.

Workshops

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.

Educational colouring book

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.