Difference between revisions of "Team:Vilnius-Lithuania/testpage"

Line 6: Line 6:
 
{{Vilnius-Lithuania/navbar}}
 
{{Vilnius-Lithuania/navbar}}
  
 +
<html>
 +
<div class="wrapper slider-page">
 +
 +
    <div class="container">
 +
        <div class="slider-box">
 +
            <div class="left-content">
 +
                <div class="slide-left-content slide-left-content-1 is-current">
 +
                    <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-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>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="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.</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>
 +
 +
    <a href="#" class="logoleft">
 +
        <img src="assets/images/T--Vilnius_Lithuania--logoleft.png" width="70" height="46">
 +
    </a>
 +
    <a href="#" class="logoright">
 +
        <img src="assets/images/T--Vilnius_Lithuania--logoright.png" width="126" height="80">
 +
    </a>
 +
    <div class="helper">
 +
        <img src="assets/images/T--Vilnius_Lithuania--arrows.png" width="88" height="62">
 +
        <p>use keyboard, swipe or scroll</p>
 +
    </div>
 +
</div>
 +
</html>
  
 
<html>
 
<html>

Revision as of 09:42, 24 October 2017

use keyboard, swipe or scroll

Trumpas title, per dvi eilutes

Students

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.

read more

use keyboard, swipe or scroll