Line 1: | Line 1: | ||
{{Vilnius-Lithuania}} | {{Vilnius-Lithuania}} | ||
+ | |||
<html> | <html> | ||
+ | <link href="https://2017.igem.org/Template:Vilnius-Lithuania/CSSvendor?action=raw&ctype=text/css" rel="stylesheet"/> | ||
+ | <link href="https://2017.igem.org/Template:Vilnius-Lithuania/CSSprod?action=raw&ctype=text/css" rel="stylesheet"/> | ||
+ | </html> | ||
+ | {{Vilnius-Lithuania/navbar}} | ||
+ | <html> | ||
+ | <div class="wrapper slider-page"> | ||
− | <div class=" | + | <div class="container"> |
− | + | <div class="slider-box"> | |
− | <h1> | + | <div class="left-content"> |
− | <p> | + | <div class="slide-left-content slide-left-content-1 is-current"> |
− | <p> | + | <div class="owl-carousel"> |
− | <p> | + | <div class="slide slide-image" style="background-image: url('http://placehold.it/800x600/72808d/ffffff')"></div> |
+ | <div class="slide slide-image" style="background-image: url('http://placehold.it/800x600/000000/ffffff')"></div> | ||
+ | <div class="slide slide-image" style="background-image: url('http://placehold.it/800x600/2f3b4b/ffffff')"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="slide-left-content slide-left-content-2"> | ||
+ | <div class="owl-carousel"> | ||
+ | <div class="slide slide-image" style="background-image: url('http://placehold.it/800x600/000000/ffffff')"></div> | ||
+ | <div class="slide slide-image" style="background-image: url('http://placehold.it/800x600/72808d/ffffff')"></div> | ||
+ | <div class="slide slide-image" style="background-image: url('http://placehold.it/800x600/2f3b4b/ffffff')"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="slide-left-content slide-left-content-3"> | ||
+ | <div class="owl-carousel"> | ||
+ | <div class="slide slide-image" style="background-image: url('http://placehold.it/800x600/2f3b4b/ffffff')"></div> | ||
+ | <div class="slide slide-image" style="background-image: url('http://placehold.it/800x600/000000/ffffff')"></div> | ||
+ | <div class="slide slide-image" style="background-image: url('http://placehold.it/800x600/72808d/ffffff')"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="slide-left-content slide-left-content-4"> | ||
+ | <div class="owl-carousel"> | ||
+ | <div class="slide slide-image" style="background-image: url('http://placehold.it/800x600/000000/ffffff')"></div> | ||
+ | <div class="slide slide-image" style="background-image: url('http://placehold.it/800x600/72808d/ffffff')"></div> | ||
+ | <div class="slide slide-image" style="background-image: url('http://placehold.it/800x600/2f3b4b/ffffff')"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="slide-left-content slide-left-content-5"> | ||
+ | <div class="owl-carousel"> | ||
+ | <div class="slide slide-image" style="background-image: url('http://placehold.it/800x600/72808d/ffffff')"></div> | ||
+ | <div class="slide slide-image" style="background-image: url('http://placehold.it/800x600/000000/ffffff')"></div> | ||
+ | <div class="slide slide-image" style="background-image: url('http://placehold.it/800x600/2f3b4b/ffffff')"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="slide-left-content slide-left-content-6"> | ||
+ | <div class="owl-carousel"> | ||
+ | <div class="slide slide-image" style="background-image: url('http://placehold.it/800x600/2f3b4b/ffffff')"></div> | ||
+ | <div class="slide slide-image" style="background-image: url('http://placehold.it/800x600/000000/ffffff')"></div> | ||
+ | <div class="slide slide-image" style="background-image: url('http://placehold.it/800x600/72808d/ffffff')"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <svg class="shape-overlays" viewBox="0 0 100 100" preserveAspectRatio="none"> | ||
+ | <path class="shape-overlays__path"></path> | ||
+ | <path class="shape-overlays__path"></path> | ||
+ | <path class="shape-overlays__path"></path> | ||
+ | </svg> | ||
+ | </div> | ||
+ | <div class="right-content"> | ||
+ | <div class="slide-right-content slide-right-content-1 is-current"> | ||
+ | <h1></h1> | ||
+ | <div class="category">Students</div> | ||
+ | <p>This is even more likely to occur when the plasmid copy number is low. When the cell divides, lower | ||
+ | copy plasmids tend to be lost in next generations.</p> | ||
+ | <div class="readmore" data-modal="1">read more</div> | ||
+ | </div> | ||
+ | <div class="slide-right-content slide-right-content-2 hidden"> | ||
+ | <h1>Trumpas title, per dvi eilutes</h1> | ||
+ | <div class="category">Students</div> | ||
+ | <p>This is even more likely to occur when the plasmid copy number is low. When the cell divides, lower | ||
+ | copy plasmids tend to be lost in next generations.his is even more likely to occur when the plasmid copy number is low. When the cell divides, lower | ||
+ | copy plasmids tend to be lost in next generations.his is even more likely to occur when the plasmid copy number is low. When the cell divides, lower</p> | ||
+ | <div class="readmore" data-modal="2">read more</div> | ||
+ | </div> | ||
+ | <div class="slide-right-content slide-right-content-3 hidden"> | ||
+ | <h1>Trumpas title, per dvi eilutes</h1> | ||
+ | <div class="category">Students</div> | ||
+ | <p>This is even more likely to occur when the plasmid copy number is low. When the cell divides, lower | ||
+ | copy plasmids tend to be lost in next generations.</p> | ||
+ | <div class="readmore" data-modal="3">read more</div> | ||
+ | </div> | ||
+ | <div class="slide-right-content slide-right-content-4 hidden"> | ||
+ | <h1>Trumpas title, per dvi eilutes</h1> | ||
+ | <div class="category">Students</div> | ||
+ | <p>This is even more likely to occur when the plasmid copy number is low. When the cell divides, lower | ||
+ | copy plasmids tend to be lost in next generations.</p> | ||
+ | <div class="readmore" data-modal="4">read more</div> | ||
+ | </div> | ||
+ | <div class="slide-right-content slide-right-content-5 hidden"> | ||
+ | <h1>Trumpas title, per dvi eilutes</h1> | ||
+ | <div class="category">Students</div> | ||
+ | <p>This is even more likely to occur when the plasmid copy number is low. When the cell divides, lower | ||
+ | copy plasmids tend to be lost in next generations.</p> | ||
+ | <div class="readmore" data-modal="5">read more</div> | ||
+ | </div> | ||
+ | <div class="slide-right-content slide-right-content-6 hidden"> | ||
+ | <h1>Trumpas title, per dvi eilutes</h1> | ||
+ | <div class="category">Students</div> | ||
+ | <p>This is even more likely to occur when the plasmid copy number is low. When the cell divides, lower | ||
+ | copy plasmids tend to be lost in next generations.</p> | ||
+ | <div class="readmore" data-modal="6">read more</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <ul class="navigation"> | ||
+ | <li><a href="#">Overview</a></li> | ||
+ | <li> | ||
+ | <a href="#" class="active">Silver</a> | ||
+ | <ul> | ||
+ | <li class="is-current"><div class="sli-item sli-item-1">High schools</div></li> | ||
+ | <li><div class="sli-item sli-item-2">Lab training</div></li> | ||
+ | <li><div class="sli-item sli-item-3">Biotech sessions</div></li> | ||
+ | <li><div class="sli-item sli-item-4">Science Espresso</div></li> | ||
+ | <li><div class="sli-item sli-item-5">DIY workshops</div></li> | ||
+ | <li><div class="sli-item sli-item-6">Public speeches</div></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Integrated</a></li> | ||
+ | <li><a href="#">Education & Public Engagement</a></li> | ||
+ | <li><a href="#">Collaborations</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | <div class=" | + | <div class="modal modal-1"> |
− | <h5> | + | <div class="modal-close"></div> |
− | <p> | + | <div class="modal-content"> |
+ | <h1>Trumpas title, per dvi eilutes</h1> | ||
+ | <h5>Izangos teksto stilius. 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.</h5> | ||
+ | <p>Phasellus et maximus purus, sit amet mollis neque. Maecenas finibus nec magna sit amet auctor. Ut sed sapien | ||
+ | quis quam auctor dictum. In sit amet eros fermentum, scelerisque lorem sit amet, aliquet est. Integer vitae | ||
+ | eros quis velit hendrerit tempor. Aliquam odio nibh, vulputate id gravida vitae, pulvinar commodo urna. | ||
+ | Suspendisse potenti. Duis tristique molestie elementum. Donec risus mi, condimentum nec justo id, tempus | ||
+ | pretium sem. Donec quis sodales mauris. Maecenas sit amet felis sit amet quam commodo semper sed vel libero. | ||
+ | Phasellus euismod faucibus sapien nec tempus. Aenean pulvinar sagittis turpis, non rutrum nibh vulputate | ||
+ | cursus. Phasellus suscipit enim at tincidunt vehicula. Nam imperdiet, magna id fringilla elementum, sem ex | ||
+ | finibus sapien, at mollis eros ante id massa.</p> | ||
+ | <h2>H2 title</h2> | ||
+ | <p>Praesent pulvinar enim consequat dolor efficitur viverra. Curabitur tempus auctor tellus at fermentum. | ||
+ | Integer ut sem mollis, scelerisque dolor vehicula, posuere massa. Praesent vitae metus ut sem finibus | ||
+ | ultrices. Aenean metus mi, fringilla at ex id, vehicula pulvinar diam. Etiam commodo ex nec vulputate | ||
+ | facilisis. Nam efficitur sapien ac augue tincidunt dapibus. Vestibulum vitae sagittis lacus, sed sagittis | ||
+ | nibh. Duis fringilla diam vel gravida hendrerit. Ut eu nunc placerat, venenatis arcu vel, rhoncus justo.</p> | ||
+ | <p>In consectetur, nibh at laoreet lobortis, ipsum odio gravida velit, a bibendum nibh urna vel lorem. Aliquam | ||
+ | luctus porttitor commodo. Nam efficitur rutrum erat id pharetra. Suspendisse interdum commodo egestas. Nulla | ||
+ | sed posuere dolor. Vivamus malesuada mollis velit ac hendrerit. Suspendisse nec sem eu mauris tristique | ||
+ | luctus.</p> | ||
+ | <div class="img-cont"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/8/85/T--Vilnius-Lithuania--mokyklos.jpeg" alt="img"> | ||
+ | <div class="img-label">Foto aprasymas it anim id est laborum. Sed ut perspiciatis unde omnis iste natus error | ||
+ | sit voluptatem. | ||
+ | </div> | ||
+ | </div> | ||
+ | <h2>H2 title</h2> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non urna pharetra, rutrum nibh vitae, | ||
+ | pellentesque erat. Curabitur fringilla ipsum id sapien imperdiet sagittis. Nulla vestibulum arcu neque, et | ||
+ | iaculis lorem vulputate interdum. Nunc accumsan velit ligula, ac euismod felis sagittis quis. Aenean varius | ||
+ | mollis aliquet. Nam sodales malesuada porttitor. In sed magna sed neque hendrerit ultrices.</p> | ||
+ | <ul> | ||
+ | <li>List item</li> | ||
+ | <li>List item</li> | ||
+ | <li>List item</li> | ||
+ | <li>List item</li> | ||
+ | </ul> | ||
+ | <div class="plotly"> | ||
+ | <script> | ||
+ | trace1 = { | ||
+ | x: ['Wildtype ORI', '0.15 Anderson', '0.36 Anderson', '0.86 Anderson', '1.0 Anderson'], | ||
+ | y: ['53.92', '38.23', '173.18', '52.43', '38.23'], | ||
+ | error_y: { | ||
+ | array: ['3.30', '6', '5.46', '5.46', '6'], | ||
+ | arraysrc: 'laurynas.karpus:0:e7cb99' | ||
+ | }, | ||
+ | marker: {color: 'rgb(227, 218, 177)'}, | ||
+ | name: 'B', | ||
+ | type: 'bar', | ||
+ | uid: '6a45cd', | ||
+ | xsrc: 'laurynas.karpus:0:2c46ab', | ||
+ | ysrc: 'laurynas.karpus:0:92440e' | ||
+ | }; | ||
+ | data = [trace1]; | ||
+ | layout = { | ||
+ | autosize: true, | ||
+ | bargap: 0.34, | ||
+ | bargroupgap: 0.32, | ||
+ | dragmode: 'select', | ||
+ | font: {color: 'rgb(255, 255, 255)'}, | ||
+ | hovermode: 'closest', | ||
+ | legend: { | ||
+ | orientation: 'v', | ||
+ | traceorder: 'normal' | ||
+ | }, | ||
+ | paper_bgcolor: 'rgb(69, 194, 189)', | ||
+ | plot_bgcolor: 'rgba(23, 190, 207, 0)', | ||
+ | showlegend: false, | ||
+ | title: 'RNA I gene with a set of constitutive (Anderson) promoters with specific relative strength', | ||
+ | titlefont: {color: 'rgb(255, 255, 255)'}, | ||
+ | xaxis: { | ||
+ | autorange: true, | ||
+ | range: [-0.5, 4.5], | ||
+ | showspikes: true, | ||
+ | title: '', | ||
+ | type: 'category' | ||
+ | }, | ||
+ | yaxis: { | ||
+ | autorange: true, | ||
+ | range: [0, 188.042105263], | ||
+ | showspikes: true, | ||
+ | title: 'Plasmid copy number (PCN)', | ||
+ | type: 'linear' | ||
+ | } | ||
+ | }; | ||
+ | window.onload = function(e){ | ||
+ | laurynaskarpus = document.getElementById('laurynaskarpus'); | ||
+ | Plotly.plot(laurynaskarpus, { | ||
+ | data: data, | ||
+ | layout: layout | ||
+ | }); | ||
+ | } | ||
+ | </script> | ||
+ | </div> | ||
+ | <div id="laurynaskarpus" style="width:100%;height:auto;"></div> | ||
+ | |||
+ | <p>Phasellus et maximus purus, sit amet mollis neque. Maecenas finibus nec magna sit amet auctor. Ut sed sapien | ||
+ | quis quam auctor dictum. In sit amet eros fermentum, scelerisque lorem sit amet, aliquet est. Integer vitae | ||
+ | eros quis velit hendrerit tempor. Aliquam odio nibh, vulputate id gravida vitae, pulvinar commodo urna. | ||
+ | Suspendisse potenti. Duis tristique molestie elementum. Donec risus mi, condimentum nec justo id, tempus | ||
+ | pretium sem. Donec quis sodales mauris. Maecenas sit amet felis sit amet quam commodo semper sed vel libero. | ||
+ | Phasellus euismod faucibus sapien nec tempus. Aenean pulvinar sagittis turpis, non rutrum nibh vulputate | ||
+ | cursus. Phasellus suscipit enim at tincidunt vehicula. Nam imperdiet, magna id fringilla elementum, sem ex | ||
+ | finibus sapien, at mollis eros ante id massa.</p> | ||
+ | <div class="accordeon"> | ||
+ | <div class="acc-line"> | ||
+ | <div class="acc-head">Lorem ipsum dolor sit amet, consectetur</div> | ||
+ | <div class="acc-body"> | ||
+ | <h2>H2 title</h2> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non urna pharetra, rutrum nibh vitae, | ||
+ | pellentesque erat. Curabitur fringilla ipsum id sapien imperdiet sagittis. Nulla vestibulum arcu neque, et | ||
+ | iaculis lorem vulputate interdum. Nunc accumsan velit ligula, ac euismod felis sagittis quis. Aenean varius | ||
+ | mollis aliquet. Nam sodales malesuada porttitor. In sed magna sed neque hendrerit ultrices.</p> | ||
+ | <ol> | ||
+ | <li>Ordered list item</li> | ||
+ | <li>Ordered list item</li> | ||
+ | <li>Ordered list item</li> | ||
+ | <li>Ordered list item</li> | ||
+ | </ol> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="acc-line"> | ||
+ | <div class="acc-head">Lorem ipsum dolor sit amet, consectetur</div> | ||
+ | <div class="acc-body"> | ||
+ | <h2>H2 title</h2> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non urna pharetra, rutrum nibh vitae, | ||
+ | pellentesque erat. Curabitur fringilla ipsum id sapien imperdiet sagittis. Nulla vestibulum arcu neque, et | ||
+ | iaculis lorem vulputate interdum. Nunc accumsan velit ligula, ac euismod felis sagittis quis. Aenean varius | ||
+ | mollis aliquet. Nam sodales malesuada porttitor. In sed magna sed neque hendrerit ultrices.</p> | ||
+ | <ol> | ||
+ | <li>Ordered list item</li> | ||
+ | <li>Ordered list item</li> | ||
+ | <li>Ordered list item</li> | ||
+ | <li>Ordered list item</li> | ||
+ | </ol> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="acc-line"> | ||
+ | <div class="acc-head">Lorem ipsum dolor sit amet, consectetur</div> | ||
+ | <div class="acc-body"> | ||
+ | <h2>H2 title</h2> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non urna pharetra, rutrum nibh vitae, | ||
+ | pellentesque erat. Curabitur fringilla ipsum id sapien imperdiet sagittis. Nulla vestibulum arcu neque, et | ||
+ | iaculis lorem vulputate interdum. Nunc accumsan velit ligula, ac euismod felis sagittis quis. Aenean varius | ||
+ | mollis aliquet. Nam sodales malesuada porttitor. In sed magna sed neque hendrerit ultrices.</p> | ||
+ | <ol> | ||
+ | <li>Ordered list item</li> | ||
+ | <li>Ordered list item</li> | ||
+ | <li>Ordered list item</li> | ||
+ | <li>Ordered list item</li> | ||
+ | </ol> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="acc-line"> | ||
+ | <div class="acc-head">Lorem ipsum dolor sit amet, consectetur</div> | ||
+ | <div class="acc-body"> | ||
+ | <h2>H2 title</h2> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non urna pharetra, rutrum nibh vitae, | ||
+ | pellentesque erat. Curabitur fringilla ipsum id sapien imperdiet sagittis. Nulla vestibulum arcu neque, et | ||
+ | iaculis lorem vulputate interdum. Nunc accumsan velit ligula, ac euismod felis sagittis quis. Aenean varius | ||
+ | mollis aliquet. Nam sodales malesuada porttitor. In sed magna sed neque hendrerit ultrices.</p> | ||
+ | <ol> | ||
+ | <li>Ordered list item</li> | ||
+ | <li>Ordered list item</li> | ||
+ | <li>Ordered list item</li> | ||
+ | <li>Ordered list item</li> | ||
+ | </ol>gulp | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <p>Phasellus et maximus purus, sit amet mollis neque. Maecenas finibus nec magna sit amet auctor. Ut sed sapien | ||
+ | quis quam auctor dictum. In sit amet eros fermentum, scelerisque lorem sit amet, aliquet est. Integer vitae | ||
+ | eros quis velit hendrerit tempor. Aliquam odio nibh, vulputate id gravida vitae, pulvinar commodo urna. | ||
+ | Suspendisse potenti. Duis tristique molestie elementum. Donec risus mi, condimentum nec justo id, tempus | ||
+ | pretium sem. Donec quis sodales mauris. Maecenas sit amet felis sit amet quam commodo semper sed vel libero. | ||
+ | Phasellus euismod faucibus sapien nec tempus. Aenean pulvinar sagittis turpis, non rutrum nibh vulputate | ||
+ | cursus. Phasellus suscipit enim at tincidunt vehicula. Nam imperdiet, magna id fringilla elementum, sem ex | ||
+ | finibus sapien, at mollis eros ante id massa.</p> | ||
+ | <ol> | ||
+ | <li>Ordered list item</li> | ||
+ | <li>Ordered list item</li> | ||
+ | <li>Ordered list item</li> | ||
+ | <li>Ordered list item</li> | ||
+ | </ol> | ||
+ | <p>Praesent pulvinar enim consequat dolor efficitur viverra. Curabitur tempus auctor tellus at fermentum. | ||
+ | Integer ut sem mollis, scelerisque dolor vehicula, posuere massa. Praesent vitae metus ut sem finibus | ||
+ | ultrices. Aenean metus mi, fringilla at ex id, vehicula pulvinar diam. Etiam commodo ex nec vulputate | ||
+ | facilisis. Nam efficitur sapien ac augue tincidunt dapibus. Vestibulum vitae sagittis lacus, sed sagittis | ||
+ | nibh. Duis fringilla diam vel gravida hendrerit. Ut eu nunc placerat, venenatis arcu vel, rhoncus justo.</p> | ||
+ | <table style="width:100%"> | ||
+ | <thead> | ||
+ | <td>HEAD 1</td> | ||
+ | <td>HEAD 2</td> | ||
+ | <td>HEAD 3</td> | ||
+ | <td>HEAD 4</td> | ||
+ | </thead> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td>BODY 11</td> | ||
+ | <td>BODY 12</td> | ||
+ | <td>BODY 13</td> | ||
+ | <td>BODY 14</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>BODY 21</td> | ||
+ | <td>BODY 22</td> | ||
+ | <td>BODY 23</td> | ||
+ | <td>BODY 24</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>BODY 31</td> | ||
+ | <td>BODY 32</td> | ||
+ | <td>BODY 33</td> | ||
+ | <td>BODY 34</td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | <tfoot> | ||
+ | <td>FOOTER 1</td> | ||
+ | <td>FOOTER 2</td> | ||
+ | <td>FOOTER 3</td> | ||
+ | <td>FOOTER 4</td> | ||
+ | </tfoot> | ||
+ | </table> | ||
+ | <p>In consectetur, nibh at laoreet lobortis, ipsum odio gravida velit, a bibendum nibh urna vel lorem. Aliquam | ||
+ | luctus porttitor commodo. Nam efficitur rutrum erat id pharetra. Suspendisse interdum commodo egestas. Nulla | ||
+ | sed posuere dolor. Vivamus malesuada mollis velit ac hendrerit. Suspendisse nec sem eu mauris tristique | ||
+ | luctus.</p> | ||
+ | <video controls> | ||
+ | <source src=http://techslides.com/demos/sample-videos/small.webm type=video/webm> | ||
+ | <source src=http://techslides.com/demos/sample-videos/small.ogv type=video/ogg> | ||
+ | <source src=http://techslides.com/demos/sample-videos/small.mp4 type=video/mp4> | ||
+ | <source src=http://techslides.com/demos/sample-videos/small.3gp type=video/3gp> | ||
+ | </video> | ||
+ | <p>Pellentesque gravida ipsum quam, eu vulputate elit egestas eu. Ut eros elit, ullamcorper sit amet accumsan | ||
+ | eget, mollis pretium libero. Etiam laoreet scelerisque risus, in bibendum velit dapibus at. Sed tempor dolor | ||
+ | semper elit aliquet, et fermentum metus tristique. Nulla vel iaculis elit. Vivamus et turpis finibus, | ||
+ | rhoncus dui mattis, blandit sem. Maecenas in risus vestibulum, luctus felis ut, malesuada dui. Aenean vitae | ||
+ | nunc ex. Nunc vulputate orci nec erat iaculis auctor a nec lacus. Pellentesque non ligula laoreet, | ||
+ | sollicitudin diam sit amet, dignissim mi. Duis dictum risus nulla, eu interdum nisl laoreet ut. Integer eu | ||
+ | leo iaculis, finibus ante eget, consequat orci. Donec semper leo et posuere vulputate. Aliquam ut nisl | ||
+ | porta, sagittis tortor accumsan, pellentesque odio. Ut dolor sapien, porttitor vel ex vitae, condimentum | ||
+ | tristique leo.</p> | ||
+ | </div> | ||
</div> | </div> | ||
− | + | <div class="modal modal-2"> | |
− | + | <div class="modal-close"></div> | |
− | <div class=" | + | <div class="modal-content"> |
− | <h5> | + | <h1>Trumpas title, per dvi eilutes</h1> |
− | <p> | + | <h5>Izangos teksto stilius. 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.</h5> |
− | < | + | <p>Phasellus et maximus purus, sit amet mollis neque. Maecenas finibus nec magna sit amet auctor. Ut sed sapien |
− | < | + | quis quam auctor dictum. In sit amet eros fermentum, scelerisque lorem sit amet, aliquet est. Integer vitae |
− | </ | + | eros quis velit hendrerit tempor. Aliquam odio nibh, vulputate id gravida vitae, pulvinar commodo urna. |
+ | Suspendisse potenti. Duis tristique molestie elementum. Donec risus mi, condimentum nec justo id, tempus | ||
+ | pretium sem. Donec quis sodales mauris. Maecenas sit amet felis sit amet quam commodo semper sed vel libero. | ||
+ | Phasellus euismod faucibus sapien nec tempus. Aenean pulvinar sagittis turpis, non rutrum nibh vulputate | ||
+ | cursus. Phasellus suscipit enim at tincidunt vehicula. Nam imperdiet, magna id fringilla elementum, sem ex | ||
+ | finibus sapien, at mollis eros ante id massa.</p> | ||
+ | <h2>H2 title</h2> | ||
+ | <p>Praesent pulvinar enim consequat dolor efficitur viverra. Curabitur tempus auctor tellus at fermentum. | ||
+ | Integer ut sem mollis, scelerisque dolor vehicula, posuere massa. Praesent vitae metus ut sem finibus | ||
+ | ultrices. Aenean metus mi, fringilla at ex id, vehicula pulvinar diam. Etiam commodo ex nec vulputate | ||
+ | facilisis. Nam efficitur sapien ac augue tincidunt dapibus. Vestibulum vitae sagittis lacus, sed sagittis | ||
+ | nibh. Duis fringilla diam vel gravida hendrerit. Ut eu nunc placerat, venenatis arcu vel, rhoncus justo.</p> | ||
+ | <p>In consectetur, nibh at laoreet lobortis, ipsum odio gravida velit, a bibendum nibh urna vel lorem. Aliquam | ||
+ | luctus porttitor commodo. Nam efficitur rutrum erat id pharetra. Suspendisse interdum commodo egestas. Nulla | ||
+ | sed posuere dolor. Vivamus malesuada mollis velit ac hendrerit. Suspendisse nec sem eu mauris tristique | ||
+ | luctus.</p> | ||
+ | <div class="img-cont"> | ||
+ | <img src="http://placehold.it/800x450" alt="img"> | ||
+ | <div class="img-label">Foto aprasymas it anim id est laborum. Sed ut perspiciatis unde omnis iste natus error | ||
+ | sit voluptatem. | ||
+ | </div> | ||
+ | </div> | ||
+ | <h2>H2 title</h2> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non urna pharetra, rutrum nibh vitae, | ||
+ | pellentesque erat. Curabitur fringilla ipsum id sapien imperdiet sagittis. Nulla vestibulum arcu neque, et | ||
+ | iaculis lorem vulputate interdum. Nunc accumsan velit ligula, ac euismod felis sagittis quis. Aenean varius | ||
+ | mollis aliquet. Nam sodales malesuada porttitor. In sed magna sed neque hendrerit ultrices.</p> | ||
+ | <p>Phasellus et maximus purus, sit amet mollis neque. Maecenas finibus nec magna sit amet auctor. Ut sed sapien | ||
+ | quis quam auctor dictum. In sit amet eros fermentum, scelerisque lorem sit amet, aliquet est. Integer vitae | ||
+ | eros quis velit hendrerit tempor. Aliquam odio nibh, vulputate id gravida vitae, pulvinar commodo urna. | ||
+ | Suspendisse potenti. Duis tristique molestie elementum. Donec risus mi, condimentum nec justo id, tempus | ||
+ | pretium sem. Donec quis sodales mauris. Maecenas sit amet felis sit amet quam commodo semper sed vel libero. | ||
+ | Phasellus euismod faucibus sapien nec tempus. Aenean pulvinar sagittis turpis, non rutrum nibh vulputate | ||
+ | cursus. Phasellus suscipit enim at tincidunt vehicula. Nam imperdiet, magna id fringilla elementum, sem ex | ||
+ | finibus sapien, at mollis eros ante id massa.</p> | ||
+ | <p>Praesent pulvinar enim consequat dolor efficitur viverra. Curabitur tempus auctor tellus at fermentum. | ||
+ | Integer ut sem mollis, scelerisque dolor vehicula, posuere massa. Praesent vitae metus ut sem finibus | ||
+ | ultrices. Aenean metus mi, fringilla at ex id, vehicula pulvinar diam. Etiam commodo ex nec vulputate | ||
+ | facilisis. Nam efficitur sapien ac augue tincidunt dapibus. Vestibulum vitae sagittis lacus, sed sagittis | ||
+ | nibh. Duis fringilla diam vel gravida hendrerit. Ut eu nunc placerat, venenatis arcu vel, rhoncus justo.</p> | ||
+ | <p>In consectetur, nibh at laoreet lobortis, ipsum odio gravida velit, a bibendum nibh urna vel lorem. Aliquam | ||
+ | luctus porttitor commodo. Nam efficitur rutrum erat id pharetra. Suspendisse interdum commodo egestas. Nulla | ||
+ | sed posuere dolor. Vivamus malesuada mollis velit ac hendrerit. Suspendisse nec sem eu mauris tristique | ||
+ | luctus.</p> | ||
+ | <p>Pellentesque gravida ipsum quam, eu vulputate elit egestas eu. Ut eros elit, ullamcorper sit amet accumsan | ||
+ | eget, mollis pretium libero. Etiam laoreet scelerisque risus, in bibendum velit dapibus at. Sed tempor dolor | ||
+ | semper elit aliquet, et fermentum metus tristique. Nulla vel iaculis elit. Vivamus et turpis finibus, | ||
+ | rhoncus dui mattis, blandit sem. Maecenas in risus vestibulum, luctus felis ut, malesuada dui. Aenean vitae | ||
+ | nunc ex. Nunc vulputate orci nec erat iaculis auctor a nec lacus. Pellentesque non ligula laoreet, | ||
+ | sollicitudin diam sit amet, dignissim mi. Duis dictum risus nulla, eu interdum nisl laoreet ut. Integer eu | ||
+ | leo iaculis, finibus ante eget, consequat orci. Donec semper leo et posuere vulputate. Aliquam ut nisl | ||
+ | porta, sagittis tortor accumsan, pellentesque odio. Ut dolor sapien, porttitor vel ex vitae, condimentum | ||
+ | tristique leo.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="modal modal-3"> | ||
+ | <div class="modal-close"></div> | ||
+ | <div class="modal-content"> | ||
+ | <h1>Trumpas title, per dvi eilutes</h1> | ||
+ | <h5>Izangos teksto stilius. 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.</h5> | ||
+ | <p>Phasellus et maximus purus, sit amet mollis neque. Maecenas finibus nec magna sit amet auctor. Ut sed sapien | ||
+ | quis quam auctor dictum. In sit amet eros fermentum, scelerisque lorem sit amet, aliquet est. Integer vitae | ||
+ | eros quis velit hendrerit tempor. Aliquam odio nibh, vulputate id gravida vitae, pulvinar commodo urna. | ||
+ | Suspendisse potenti. Duis tristique molestie elementum. Donec risus mi, condimentum nec justo id, tempus | ||
+ | pretium sem. Donec quis sodales mauris. Maecenas sit amet felis sit amet quam commodo semper sed vel libero. | ||
+ | Phasellus euismod faucibus sapien nec tempus. Aenean pulvinar sagittis turpis, non rutrum nibh vulputate | ||
+ | cursus. Phasellus suscipit enim at tincidunt vehicula. Nam imperdiet, magna id fringilla elementum, sem ex | ||
+ | finibus sapien, at mollis eros ante id massa.</p> | ||
+ | <h2>H2 title</h2> | ||
+ | <p>Praesent pulvinar enim consequat dolor efficitur viverra. Curabitur tempus auctor tellus at fermentum. | ||
+ | Integer ut sem mollis, scelerisque dolor vehicula, posuere massa. Praesent vitae metus ut sem finibus | ||
+ | ultrices. Aenean metus mi, fringilla at ex id, vehicula pulvinar diam. Etiam commodo ex nec vulputate | ||
+ | facilisis. Nam efficitur sapien ac augue tincidunt dapibus. Vestibulum vitae sagittis lacus, sed sagittis | ||
+ | nibh. Duis fringilla diam vel gravida hendrerit. Ut eu nunc placerat, venenatis arcu vel, rhoncus justo.</p> | ||
+ | <p>In consectetur, nibh at laoreet lobortis, ipsum odio gravida velit, a bibendum nibh urna vel lorem. Aliquam | ||
+ | luctus porttitor commodo. Nam efficitur rutrum erat id pharetra. Suspendisse interdum commodo egestas. Nulla | ||
+ | sed posuere dolor. Vivamus malesuada mollis velit ac hendrerit. Suspendisse nec sem eu mauris tristique | ||
+ | luctus.</p> | ||
+ | <div class="img-cont"> | ||
+ | <img src="http://placehold.it/800x450" alt="img"> | ||
+ | <div class="img-label">Foto aprasymas it anim id est laborum. Sed ut perspiciatis unde omnis iste natus error | ||
+ | sit voluptatem. | ||
+ | </div> | ||
+ | </div> | ||
+ | <h2>H2 title</h2> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non urna pharetra, rutrum nibh vitae, | ||
+ | pellentesque erat. Curabitur fringilla ipsum id sapien imperdiet sagittis. Nulla vestibulum arcu neque, et | ||
+ | iaculis lorem vulputate interdum. Nunc accumsan velit ligula, ac euismod felis sagittis quis. Aenean varius | ||
+ | mollis aliquet. Nam sodales malesuada porttitor. In sed magna sed neque hendrerit ultrices.</p> | ||
+ | <p>Phasellus et maximus purus, sit amet mollis neque. Maecenas finibus nec magna sit amet auctor. Ut sed sapien | ||
+ | quis quam auctor dictum. In sit amet eros fermentum, scelerisque lorem sit amet, aliquet est. Integer vitae | ||
+ | eros quis velit hendrerit tempor. Aliquam odio nibh, vulputate id gravida vitae, pulvinar commodo urna. | ||
+ | Suspendisse potenti. Duis tristique molestie elementum. Donec risus mi, condimentum nec justo id, tempus | ||
+ | pretium sem. Donec quis sodales mauris. Maecenas sit amet felis sit amet quam commodo semper sed vel libero. | ||
+ | Phasellus euismod faucibus sapien nec tempus. Aenean pulvinar sagittis turpis, non rutrum nibh vulputate | ||
+ | cursus. Phasellus suscipit enim at tincidunt vehicula. Nam imperdiet, magna id fringilla elementum, sem ex | ||
+ | finibus sapien, at mollis eros ante id massa.</p> | ||
+ | <p>Praesent pulvinar enim consequat dolor efficitur viverra. Curabitur tempus auctor tellus at fermentum. | ||
+ | Integer ut sem mollis, scelerisque dolor vehicula, posuere massa. Praesent vitae metus ut sem finibus | ||
+ | ultrices. Aenean metus mi, fringilla at ex id, vehicula pulvinar diam. Etiam commodo ex nec vulputate | ||
+ | facilisis. Nam efficitur sapien ac augue tincidunt dapibus. Vestibulum vitae sagittis lacus, sed sagittis | ||
+ | nibh. Duis fringilla diam vel gravida hendrerit. Ut eu nunc placerat, venenatis arcu vel, rhoncus justo.</p> | ||
+ | <p>In consectetur, nibh at laoreet lobortis, ipsum odio gravida velit, a bibendum nibh urna vel lorem. Aliquam | ||
+ | luctus porttitor commodo. Nam efficitur rutrum erat id pharetra. Suspendisse interdum commodo egestas. Nulla | ||
+ | sed posuere dolor. Vivamus malesuada mollis velit ac hendrerit. Suspendisse nec sem eu mauris tristique | ||
+ | luctus.</p> | ||
+ | <p>Pellentesque gravida ipsum quam, eu vulputate elit egestas eu. Ut eros elit, ullamcorper sit amet accumsan | ||
+ | eget, mollis pretium libero. Etiam laoreet scelerisque risus, in bibendum velit dapibus at. Sed tempor dolor | ||
+ | semper elit aliquet, et fermentum metus tristique. Nulla vel iaculis elit. Vivamus et turpis finibus, | ||
+ | rhoncus dui mattis, blandit sem. Maecenas in risus vestibulum, luctus felis ut, malesuada dui. Aenean vitae | ||
+ | nunc ex. Nunc vulputate orci nec erat iaculis auctor a nec lacus. Pellentesque non ligula laoreet, | ||
+ | sollicitudin diam sit amet, dignissim mi. Duis dictum risus nulla, eu interdum nisl laoreet ut. Integer eu | ||
+ | leo iaculis, finibus ante eget, consequat orci. Donec semper leo et posuere vulputate. Aliquam ut nisl | ||
+ | porta, sagittis tortor accumsan, pellentesque odio. Ut dolor sapien, porttitor vel ex vitae, condimentum | ||
+ | tristique leo.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="modal modal-4"> | ||
+ | <div class="modal-close"></div> | ||
+ | <div class="modal-content"> | ||
+ | <h1>Trumpas title, per dvi eilutes</h1> | ||
+ | <h5>Izangos teksto stilius. 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.</h5> | ||
+ | <p>Phasellus et maximus purus, sit amet mollis neque. Maecenas finibus nec magna sit amet auctor. Ut sed sapien | ||
+ | quis quam auctor dictum. In sit amet eros fermentum, scelerisque lorem sit amet, aliquet est. Integer vitae | ||
+ | eros quis velit hendrerit tempor. Aliquam odio nibh, vulputate id gravida vitae, pulvinar commodo urna. | ||
+ | Suspendisse potenti. Duis tristique molestie elementum. Donec risus mi, condimentum nec justo id, tempus | ||
+ | pretium sem. Donec quis sodales mauris. Maecenas sit amet felis sit amet quam commodo semper sed vel libero. | ||
+ | Phasellus euismod faucibus sapien nec tempus. Aenean pulvinar sagittis turpis, non rutrum nibh vulputate | ||
+ | cursus. Phasellus suscipit enim at tincidunt vehicula. Nam imperdiet, magna id fringilla elementum, sem ex | ||
+ | finibus sapien, at mollis eros ante id massa.</p> | ||
+ | <h2>H2 title</h2> | ||
+ | <p>Praesent pulvinar enim consequat dolor efficitur viverra. Curabitur tempus auctor tellus at fermentum. | ||
+ | Integer ut sem mollis, scelerisque dolor vehicula, posuere massa. Praesent vitae metus ut sem finibus | ||
+ | ultrices. Aenean metus mi, fringilla at ex id, vehicula pulvinar diam. Etiam commodo ex nec vulputate | ||
+ | facilisis. Nam efficitur sapien ac augue tincidunt dapibus. Vestibulum vitae sagittis lacus, sed sagittis | ||
+ | nibh. Duis fringilla diam vel gravida hendrerit. Ut eu nunc placerat, venenatis arcu vel, rhoncus justo.</p> | ||
+ | <p>In consectetur, nibh at laoreet lobortis, ipsum odio gravida velit, a bibendum nibh urna vel lorem. Aliquam | ||
+ | luctus porttitor commodo. Nam efficitur rutrum erat id pharetra. Suspendisse interdum commodo egestas. Nulla | ||
+ | sed posuere dolor. Vivamus malesuada mollis velit ac hendrerit. Suspendisse nec sem eu mauris tristique | ||
+ | luctus.</p> | ||
+ | <div class="img-cont"> | ||
+ | <img src="http://placehold.it/800x450" alt="img"> | ||
+ | <div class="img-label">Foto aprasymas it anim id est laborum. Sed ut perspiciatis unde omnis iste natus error | ||
+ | sit voluptatem. | ||
+ | </div> | ||
+ | </div> | ||
+ | <h2>H2 title</h2> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non urna pharetra, rutrum nibh vitae, | ||
+ | pellentesque erat. Curabitur fringilla ipsum id sapien imperdiet sagittis. Nulla vestibulum arcu neque, et | ||
+ | iaculis lorem vulputate interdum. Nunc accumsan velit ligula, ac euismod felis sagittis quis. Aenean varius | ||
+ | mollis aliquet. Nam sodales malesuada porttitor. In sed magna sed neque hendrerit ultrices.</p> | ||
+ | <p>Phasellus et maximus purus, sit amet mollis neque. Maecenas finibus nec magna sit amet auctor. Ut sed sapien | ||
+ | quis quam auctor dictum. In sit amet eros fermentum, scelerisque lorem sit amet, aliquet est. Integer vitae | ||
+ | eros quis velit hendrerit tempor. Aliquam odio nibh, vulputate id gravida vitae, pulvinar commodo urna. | ||
+ | Suspendisse potenti. Duis tristique molestie elementum. Donec risus mi, condimentum nec justo id, tempus | ||
+ | pretium sem. Donec quis sodales mauris. Maecenas sit amet felis sit amet quam commodo semper sed vel libero. | ||
+ | Phasellus euismod faucibus sapien nec tempus. Aenean pulvinar sagittis turpis, non rutrum nibh vulputate | ||
+ | cursus. Phasellus suscipit enim at tincidunt vehicula. Nam imperdiet, magna id fringilla elementum, sem ex | ||
+ | finibus sapien, at mollis eros ante id massa.</p> | ||
+ | <p>Praesent pulvinar enim consequat dolor efficitur viverra. Curabitur tempus auctor tellus at fermentum. | ||
+ | Integer ut sem mollis, scelerisque dolor vehicula, posuere massa. Praesent vitae metus ut sem finibus | ||
+ | ultrices. Aenean metus mi, fringilla at ex id, vehicula pulvinar diam. Etiam commodo ex nec vulputate | ||
+ | facilisis. Nam efficitur sapien ac augue tincidunt dapibus. Vestibulum vitae sagittis lacus, sed sagittis | ||
+ | nibh. Duis fringilla diam vel gravida hendrerit. Ut eu nunc placerat, venenatis arcu vel, rhoncus justo.</p> | ||
+ | <p>In consectetur, nibh at laoreet lobortis, ipsum odio gravida velit, a bibendum nibh urna vel lorem. Aliquam | ||
+ | luctus porttitor commodo. Nam efficitur rutrum erat id pharetra. Suspendisse interdum commodo egestas. Nulla | ||
+ | sed posuere dolor. Vivamus malesuada mollis velit ac hendrerit. Suspendisse nec sem eu mauris tristique | ||
+ | luctus.</p> | ||
+ | <p>Pellentesque gravida ipsum quam, eu vulputate elit egestas eu. Ut eros elit, ullamcorper sit amet accumsan | ||
+ | eget, mollis pretium libero. Etiam laoreet scelerisque risus, in bibendum velit dapibus at. Sed tempor dolor | ||
+ | semper elit aliquet, et fermentum metus tristique. Nulla vel iaculis elit. Vivamus et turpis finibus, | ||
+ | rhoncus dui mattis, blandit sem. Maecenas in risus vestibulum, luctus felis ut, malesuada dui. Aenean vitae | ||
+ | nunc ex. Nunc vulputate orci nec erat iaculis auctor a nec lacus. Pellentesque non ligula laoreet, | ||
+ | sollicitudin diam sit amet, dignissim mi. Duis dictum risus nulla, eu interdum nisl laoreet ut. Integer eu | ||
+ | leo iaculis, finibus ante eget, consequat orci. Donec semper leo et posuere vulputate. Aliquam ut nisl | ||
+ | porta, sagittis tortor accumsan, pellentesque odio. Ut dolor sapien, porttitor vel ex vitae, condimentum | ||
+ | tristique leo.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="modal modal-5"> | ||
+ | <div class="modal-close"></div> | ||
+ | <div class="modal-content"> | ||
+ | <h1>Trumpas title, per dvi eilutes</h1> | ||
+ | <h5>Izangos teksto stilius. 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.</h5> | ||
+ | <p>Phasellus et maximus purus, sit amet mollis neque. Maecenas finibus nec magna sit amet auctor. Ut sed sapien | ||
+ | quis quam auctor dictum. In sit amet eros fermentum, scelerisque lorem sit amet, aliquet est. Integer vitae | ||
+ | eros quis velit hendrerit tempor. Aliquam odio nibh, vulputate id gravida vitae, pulvinar commodo urna. | ||
+ | Suspendisse potenti. Duis tristique molestie elementum. Donec risus mi, condimentum nec justo id, tempus | ||
+ | pretium sem. Donec quis sodales mauris. Maecenas sit amet felis sit amet quam commodo semper sed vel libero. | ||
+ | Phasellus euismod faucibus sapien nec tempus. Aenean pulvinar sagittis turpis, non rutrum nibh vulputate | ||
+ | cursus. Phasellus suscipit enim at tincidunt vehicula. Nam imperdiet, magna id fringilla elementum, sem ex | ||
+ | finibus sapien, at mollis eros ante id massa.</p> | ||
+ | <h2>H2 title</h2> | ||
+ | <p>Praesent pulvinar enim consequat dolor efficitur viverra. Curabitur tempus auctor tellus at fermentum. | ||
+ | Integer ut sem mollis, scelerisque dolor vehicula, posuere massa. Praesent vitae metus ut sem finibus | ||
+ | ultrices. Aenean metus mi, fringilla at ex id, vehicula pulvinar diam. Etiam commodo ex nec vulputate | ||
+ | facilisis. Nam efficitur sapien ac augue tincidunt dapibus. Vestibulum vitae sagittis lacus, sed sagittis | ||
+ | nibh. Duis fringilla diam vel gravida hendrerit. Ut eu nunc placerat, venenatis arcu vel, rhoncus justo.</p> | ||
+ | <p>In consectetur, nibh at laoreet lobortis, ipsum odio gravida velit, a bibendum nibh urna vel lorem. Aliquam | ||
+ | luctus porttitor commodo. Nam efficitur rutrum erat id pharetra. Suspendisse interdum commodo egestas. Nulla | ||
+ | sed posuere dolor. Vivamus malesuada mollis velit ac hendrerit. Suspendisse nec sem eu mauris tristique | ||
+ | luctus.</p> | ||
+ | <div class="img-cont"> | ||
+ | <img src="http://placehold.it/800x450" alt="img"> | ||
+ | <div class="img-label">Foto aprasymas it anim id est laborum. Sed ut perspiciatis unde omnis iste natus error | ||
+ | sit voluptatem. | ||
+ | </div> | ||
+ | </div> | ||
+ | <h2>H2 title</h2> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non urna pharetra, rutrum nibh vitae, | ||
+ | pellentesque erat. Curabitur fringilla ipsum id sapien imperdiet sagittis. Nulla vestibulum arcu neque, et | ||
+ | iaculis lorem vulputate interdum. Nunc accumsan velit ligula, ac euismod felis sagittis quis. Aenean varius | ||
+ | mollis aliquet. Nam sodales malesuada porttitor. In sed magna sed neque hendrerit ultrices.</p> | ||
+ | <p>Phasellus et maximus purus, sit amet mollis neque. Maecenas finibus nec magna sit amet auctor. Ut sed sapien | ||
+ | quis quam auctor dictum. In sit amet eros fermentum, scelerisque lorem sit amet, aliquet est. Integer vitae | ||
+ | eros quis velit hendrerit tempor. Aliquam odio nibh, vulputate id gravida vitae, pulvinar commodo urna. | ||
+ | Suspendisse potenti. Duis tristique molestie elementum. Donec risus mi, condimentum nec justo id, tempus | ||
+ | pretium sem. Donec quis sodales mauris. Maecenas sit amet felis sit amet quam commodo semper sed vel libero. | ||
+ | Phasellus euismod faucibus sapien nec tempus. Aenean pulvinar sagittis turpis, non rutrum nibh vulputate | ||
+ | cursus. Phasellus suscipit enim at tincidunt vehicula. Nam imperdiet, magna id fringilla elementum, sem ex | ||
+ | finibus sapien, at mollis eros ante id massa.</p> | ||
+ | <p>Praesent pulvinar enim consequat dolor efficitur viverra. Curabitur tempus auctor tellus at fermentum. | ||
+ | Integer ut sem mollis, scelerisque dolor vehicula, posuere massa. Praesent vitae metus ut sem finibus | ||
+ | ultrices. Aenean metus mi, fringilla at ex id, vehicula pulvinar diam. Etiam commodo ex nec vulputate | ||
+ | facilisis. Nam efficitur sapien ac augue tincidunt dapibus. Vestibulum vitae sagittis lacus, sed sagittis | ||
+ | nibh. Duis fringilla diam vel gravida hendrerit. Ut eu nunc placerat, venenatis arcu vel, rhoncus justo.</p> | ||
+ | <p>In consectetur, nibh at laoreet lobortis, ipsum odio gravida velit, a bibendum nibh urna vel lorem. Aliquam | ||
+ | luctus porttitor commodo. Nam efficitur rutrum erat id pharetra. Suspendisse interdum commodo egestas. Nulla | ||
+ | sed posuere dolor. Vivamus malesuada mollis velit ac hendrerit. Suspendisse nec sem eu mauris tristique | ||
+ | luctus.</p> | ||
+ | <p>Pellentesque gravida ipsum quam, eu vulputate elit egestas eu. Ut eros elit, ullamcorper sit amet accumsan | ||
+ | eget, mollis pretium libero. Etiam laoreet scelerisque risus, in bibendum velit dapibus at. Sed tempor dolor | ||
+ | semper elit aliquet, et fermentum metus tristique. Nulla vel iaculis elit. Vivamus et turpis finibus, | ||
+ | rhoncus dui mattis, blandit sem. Maecenas in risus vestibulum, luctus felis ut, malesuada dui. Aenean vitae | ||
+ | nunc ex. Nunc vulputate orci nec erat iaculis auctor a nec lacus. Pellentesque non ligula laoreet, | ||
+ | sollicitudin diam sit amet, dignissim mi. Duis dictum risus nulla, eu interdum nisl laoreet ut. Integer eu | ||
+ | leo iaculis, finibus ante eget, consequat orci. Donec semper leo et posuere vulputate. Aliquam ut nisl | ||
+ | porta, sagittis tortor accumsan, pellentesque odio. Ut dolor sapien, porttitor vel ex vitae, condimentum | ||
+ | tristique leo.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="modal modal-6"> | ||
+ | <div class="modal-close"></div> | ||
+ | <div class="modal-content"> | ||
+ | <h1>Trumpas title, per dvi eilutes</h1> | ||
+ | <h5>Izangos teksto stilius. 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.</h5> | ||
+ | <p>Phasellus et maximus purus, sit amet mollis neque. Maecenas finibus nec magna sit amet auctor. Ut sed sapien | ||
+ | quis quam auctor dictum. In sit amet eros fermentum, scelerisque lorem sit amet, aliquet est. Integer vitae | ||
+ | eros quis velit hendrerit tempor. Aliquam odio nibh, vulputate id gravida vitae, pulvinar commodo urna. | ||
+ | Suspendisse potenti. Duis tristique molestie elementum. Donec risus mi, condimentum nec justo id, tempus | ||
+ | pretium sem. Donec quis sodales mauris. Maecenas sit amet felis sit amet quam commodo semper sed vel libero. | ||
+ | Phasellus euismod faucibus sapien nec tempus. Aenean pulvinar sagittis turpis, non rutrum nibh vulputate | ||
+ | cursus. Phasellus suscipit enim at tincidunt vehicula. Nam imperdiet, magna id fringilla elementum, sem ex | ||
+ | finibus sapien, at mollis eros ante id massa.</p> | ||
+ | <h2>H2 title</h2> | ||
+ | <p>Praesent pulvinar enim consequat dolor efficitur viverra. Curabitur tempus auctor tellus at fermentum. | ||
+ | Integer ut sem mollis, scelerisque dolor vehicula, posuere massa. Praesent vitae metus ut sem finibus | ||
+ | ultrices. Aenean metus mi, fringilla at ex id, vehicula pulvinar diam. Etiam commodo ex nec vulputate | ||
+ | facilisis. Nam efficitur sapien ac augue tincidunt dapibus. Vestibulum vitae sagittis lacus, sed sagittis | ||
+ | nibh. Duis fringilla diam vel gravida hendrerit. Ut eu nunc placerat, venenatis arcu vel, rhoncus justo.</p> | ||
+ | <p>In consectetur, nibh at laoreet lobortis, ipsum odio gravida velit, a bibendum nibh urna vel lorem. Aliquam | ||
+ | luctus porttitor commodo. Nam efficitur rutrum erat id pharetra. Suspendisse interdum commodo egestas. Nulla | ||
+ | sed posuere dolor. Vivamus malesuada mollis velit ac hendrerit. Suspendisse nec sem eu mauris tristique | ||
+ | luctus.</p> | ||
+ | <div class="img-cont"> | ||
+ | <img src="http://placehold.it/800x450" alt="img"> | ||
+ | <div class="img-label">Foto aprasymas it anim id est laborum. Sed ut perspiciatis unde omnis iste natus error | ||
+ | sit voluptatem. | ||
+ | </div> | ||
+ | </div> | ||
+ | <h2>H2 title</h2> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non urna pharetra, rutrum nibh vitae, | ||
+ | pellentesque erat. Curabitur fringilla ipsum id sapien imperdiet sagittis. Nulla vestibulum arcu neque, et | ||
+ | iaculis lorem vulputate interdum. Nunc accumsan velit ligula, ac euismod felis sagittis quis. Aenean varius | ||
+ | mollis aliquet. Nam sodales malesuada porttitor. In sed magna sed neque hendrerit ultrices.</p> | ||
+ | <p>Phasellus et maximus purus, sit amet mollis neque. Maecenas finibus nec magna sit amet auctor. Ut sed sapien | ||
+ | quis quam auctor dictum. In sit amet eros fermentum, scelerisque lorem sit amet, aliquet est. Integer vitae | ||
+ | eros quis velit hendrerit tempor. Aliquam odio nibh, vulputate id gravida vitae, pulvinar commodo urna. | ||
+ | Suspendisse potenti. Duis tristique molestie elementum. Donec risus mi, condimentum nec justo id, tempus | ||
+ | pretium sem. Donec quis sodales mauris. Maecenas sit amet felis sit amet quam commodo semper sed vel libero. | ||
+ | Phasellus euismod faucibus sapien nec tempus. Aenean pulvinar sagittis turpis, non rutrum nibh vulputate | ||
+ | cursus. Phasellus suscipit enim at tincidunt vehicula. Nam imperdiet, magna id fringilla elementum, sem ex | ||
+ | finibus sapien, at mollis eros ante id massa.</p> | ||
+ | <p>Praesent pulvinar enim consequat dolor efficitur viverra. Curabitur tempus auctor tellus at fermentum. | ||
+ | Integer ut sem mollis, scelerisque dolor vehicula, posuere massa. Praesent vitae metus ut sem finibus | ||
+ | ultrices. Aenean metus mi, fringilla at ex id, vehicula pulvinar diam. Etiam commodo ex nec vulputate | ||
+ | facilisis. Nam efficitur sapien ac augue tincidunt dapibus. Vestibulum vitae sagittis lacus, sed sagittis | ||
+ | nibh. Duis fringilla diam vel gravida hendrerit. Ut eu nunc placerat, venenatis arcu vel, rhoncus justo.</p> | ||
+ | <p>In consectetur, nibh at laoreet lobortis, ipsum odio gravida velit, a bibendum nibh urna vel lorem. Aliquam | ||
+ | luctus porttitor commodo. Nam efficitur rutrum erat id pharetra. Suspendisse interdum commodo egestas. Nulla | ||
+ | sed posuere dolor. Vivamus malesuada mollis velit ac hendrerit. Suspendisse nec sem eu mauris tristique | ||
+ | luctus.</p> | ||
+ | <p>Pellentesque gravida ipsum quam, eu vulputate elit egestas eu. Ut eros elit, ullamcorper sit amet accumsan | ||
+ | eget, mollis pretium libero. Etiam laoreet scelerisque risus, in bibendum velit dapibus at. Sed tempor dolor | ||
+ | semper elit aliquet, et fermentum metus tristique. Nulla vel iaculis elit. Vivamus et turpis finibus, | ||
+ | rhoncus dui mattis, blandit sem. Maecenas in risus vestibulum, luctus felis ut, malesuada dui. Aenean vitae | ||
+ | nunc ex. Nunc vulputate orci nec erat iaculis auctor a nec lacus. Pellentesque non ligula laoreet, | ||
+ | sollicitudin diam sit amet, dignissim mi. Duis dictum risus nulla, eu interdum nisl laoreet ut. Integer eu | ||
+ | leo iaculis, finibus ante eget, consequat orci. Donec semper leo et posuere vulputate. Aliquam ut nisl | ||
+ | porta, sagittis tortor accumsan, pellentesque odio. Ut dolor sapien, porttitor vel ex vitae, condimentum | ||
+ | tristique leo.</p> | ||
+ | </div> | ||
</div> | </div> | ||
+ | </html> | ||
− | + | <html> | |
+ | <script type="text/javascript" src="https://2017.igem.org/Template:Vilnius-Lithuania/JSvendor? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Template:Vilnius-Lithuania/JSvendor2? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Template:Vilnius-Lithuania/JSprod? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
</html> | </html> |
Revision as of 21:34, 31 October 2017