Difference between revisions of "Team:BOKU-Vienna"

Line 32: Line 32:
  
 
    
 
    
 +
    <div id="top"></div>
 
     <header></header>    <div id="landing-spinner">
 
     <header></header>    <div id="landing-spinner">
−
         <div class="main-background" style="background: url(https://static.igem.org/mediawiki/2018/0/06/T--BOKU-Vienna--2018_index-landing.jpg) fixed no-repeat center; background-size: cover;">
+
         <div class="main-background" style="background: url(/images/index/landing-start.jpg) fixed no-repeat center; background-size: cover;">
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col-3 spinner">
 
                 <div class="col-3 spinner">
 
                     <a href="https://2018.igem.org/Team:BOKU-Vienna">Home <span class="sr-only">(current)</span></a>
 
                     <a href="https://2018.igem.org/Team:BOKU-Vienna">Home <span class="sr-only">(current)</span></a>
−
                     <img src="https://static.igem.org/mediawiki/2018/3/37/T--BOKU-Vienna--2018_spinner1.jpg">
+
                     <img src="https://static.igem.org/mediawiki/2018/b/b5/T--BOKU-Vienna--2018_Home1.jpg">
 
                 </div>
 
                 </div>
 
                 <div class="col-3 spinner">
 
                 <div class="col-3 spinner">
 
                     <a href="https://2018.igem.org/Team:BOKU-Vienna/Team">Team</a>
 
                     <a href="https://2018.igem.org/Team:BOKU-Vienna/Team">Team</a>
−
                     <img src="https://static.igem.org/mediawiki/2018/f/f6/T--BOKU-Vienna--2018_spinner2.jpg">
+
                     <img src="https://static.igem.org/mediawiki/2018/5/53/T--BOKU-Vienna--2018_Team1.jpg">
 
                 </div>
 
                 </div>
 
                 <div class="col-3 spinner">
 
                 <div class="col-3 spinner">
 
                     <a href="https://2018.igem.org/Team:BOKU-Vienna/Project">Project</a>
 
                     <a href="https://2018.igem.org/Team:BOKU-Vienna/Project">Project</a>
−
                     <img src="https://static.igem.org/mediawiki/2018/d/d4/T--BOKU-Vienna--2018_spinner3.jpg">
+
                     <img src="https://static.igem.org/mediawiki/2018/b/b9/T--BOKU-Vienna--2018_Project1.jpg">
 
                 </div>
 
                 </div>
 
                 <div class="col-3 spinner">
 
                 <div class="col-3 spinner">
 
                     <a href="https://2018.igem.org/Team:BOKU-Vienna/Parts">Parts</a>
 
                     <a href="https://2018.igem.org/Team:BOKU-Vienna/Parts">Parts</a>
−
                     <img src="https://static.igem.org/mediawiki/2018/e/ec/T--BOKU-Vienna--2018_spinner4.jpg">
+
                     <img src="https://static.igem.org/mediawiki/2018/2/2e/T--BOKU-Vienna--2018_Parts3.jpg">
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 55: Line 56:
 
                 <div class="col-3 spinner">
 
                 <div class="col-3 spinner">
 
                     <a href="https://2018.igem.org/Team:BOKU-Vienna/Safety">Safety</a>
 
                     <a href="https://2018.igem.org/Team:BOKU-Vienna/Safety">Safety</a>
−
                     <img src="https://static.igem.org/mediawiki/2018/4/48/T--BOKU-Vienna--2018_spinner5.jpg">
+
                     <img src="https://static.igem.org/mediawiki/2018/7/72/T--BOKU-Vienna--2018_Safety.jpg">
 
                 </div>
 
                 </div>
 
                 <div class="col-3 spinner">
 
                 <div class="col-3 spinner">
 
                     <a href="https://2018.igem.org/Team:BOKU-Vienna/Human_Practices">Human Practices</a>
 
                     <a href="https://2018.igem.org/Team:BOKU-Vienna/Human_Practices">Human Practices</a>
−
                     <img src="https://static.igem.org/mediawiki/2018/e/ed/T--BOKU-Vienna--2018_spinner6.jpg">
+
                     <img src="https://static.igem.org/mediawiki/2018/b/be/T--BOKU-Vienna--2018_humanP.jpg">
 
                 </div>
 
                 </div>
 
                 <div class="col-3 spinner">
 
                 <div class="col-3 spinner">
 
                     <a href="https://2018.igem.org/Team:BOKU-Vienna/Awards">Awards</a>
 
                     <a href="https://2018.igem.org/Team:BOKU-Vienna/Awards">Awards</a>
−
                     <img src="https://static.igem.org/mediawiki/2018/c/c6/T--BOKU-Vienna--2018_spinner7.jpg">
+
                     <img src="https://static.igem.org/mediawiki/2018/6/62/T--BOKU-Vienna--2018_Model.jpg">
 
                 </div>
 
                 </div>
 
                 <div class="col-3 spinner">
 
                 <div class="col-3 spinner">
 
                     <a href="https://igem.org/2018_Judging_Form?team=BOKU-Vienna">Judging Form</a>
 
                     <a href="https://igem.org/2018_Judging_Form?team=BOKU-Vienna">Judging Form</a>
−
                     <img src="https://static.igem.org/mediawiki/2018/7/79/T--BOKU-Vienna--2018_spinner8.jpg">
+
                     <img src="https://static.igem.org/mediawiki/2018/a/a7/T--BOKU-Vienna--2018_judgingForm.jpg">
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 75: Line 76:
 
             <h2>We presenting Robocrop</h2>
 
             <h2>We presenting Robocrop</h2>
 
         </div>
 
         </div>
 +
    </div>    <div class="whyhowwhat-holder">
 +
    <div class="container">
 +
        <div class="row-element">
 +
        <div class="why_how_what">
 +
            <p>
 +
                <button class="btn btn-green" type="button" data-toggle="collapse" data-target="#collapseWhy" aria-expanded="false" aria-controls="collapseWhy">
 +
                    Why
 +
                </button>
 +
            </p>
 +
            <div class="collapse" id="collapseWhy">
 +
                <div class="card card-body">
 +
                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="why_how_what">
 +
        <p>
 +
            <button class="btn btn-yellow" type="button" data-toggle="collapse" data-target="#collapseHow" aria-expanded="false" aria-controls="collapseHow">
 +
                How
 +
            </button>
 +
        </p>
 +
        <div class="collapse" id="collapseHow">
 +
            <div class="card card-body">
 +
                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
 +
            </div>
 +
        </div>
 +
        </div>
 +
        <div class="why_how_what">
 +
            <p>
 +
            <button class="btn btn-red" type="button" data-toggle="collapse" data-target="#collapseWhat" aria-expanded="false" aria-controls="collapseWhat">
 +
                What
 +
            </button>
 +
        </p>
 +
        <div class="collapse" id="collapseWhat">
 +
            <div class="card card-body">
 +
                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
 +
            </div>
 +
        </div>
 +
        </div>
 +
        </div>
 +
    </div>
 +
    <div class="side-image">
 +
        <img src="https://static.igem.org/mediawiki/2018/e/e9/T--BOKU-Vienna--2018_Blatt_Site_Homepage.svg">
 +
    </div>
 
     </div>    <div id="main" class="container">
 
     </div>    <div id="main" class="container">
 
       <article class="row-element"></article>
 
       <article class="row-element"></article>
Line 80: Line 125:
 
           $('article').load('https://2018.igem.org/Template:BOKU-Vienna/index?action=raw&ctype=text/javascript');
 
           $('article').load('https://2018.igem.org/Template:BOKU-Vienna/index?action=raw&ctype=text/javascript');
 
       </script>
 
       </script>
−
     </div>   <div class="row-element">
+
     </div>       <div class="card-group">
−
        <div class="row-image" id="row-image-1">
+
−
            <div class="row-image-overlay-top">
+
−
                <svg class="svg-image-overlay-top">
+
−
            </svg></div>
+
−
            <div class="row-image-overlay-bottom">
+
−
                <svg class="svg-image-overlay-bottom">
+
−
            </svg></div>
+
−
        </div>
+
−
        <script>
+
−
            $('#row-image-1').css("background", "url('https://static.igem.org/mediawiki/2018/7/72/T--BOKU-Vienna--2018_landing.svg') fixed no-repeat");
+
−
            $('#row-image-1').css("background-size", "cover");
+
−
        </script>
+
−
    </div>    <div class="row-element">
+
−
        <div class="card-group">
+
 
             <div class="card col-md-3 fly-in">
 
             <div class="card col-md-3 fly-in">
−
                 <img class="card-img-top" src=" http://via.placeholder.com/350x250" alt="Card image cap">
+
            <a class="cardelement" href="https://2018.igem.org/Team:BOKU-Vienna/Lab_Moments">
 +
                 <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/3/34/T--BOKU-Vienna--2018_grouppic.jpg" alt="Group Picture">
 
                 <div class="card-body">
 
                 <div class="card-body">
 
                     <h5 class="card-title">Our best Lab moments</h5>
 
                     <h5 class="card-title">Our best Lab moments</h5>
−
                     <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
+
                     <p class="card-text">Take a look at our lab work and other activities during our work at these project!</p>
−
                    <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
+
 
                 </div>
 
                 </div>
 +
            </a>
 
             </div>
 
             </div>
 
             <div class="card col-md-3 fly-in">
 
             <div class="card col-md-3 fly-in">
−
                 <img class="card-img-top" src=" http://via.placeholder.com/350x250" alt="Card image cap">
+
                <a class="cardelement" href="https://2018.igem.org/Team:BOKU-Vienna/Best_Videos">
 +
                 <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/45/T--BOKU-Vienna--2018_bestfilm_landing.jpg" alt="Bestiflm Landing">
 
                 <div class="card-body">
 
                 <div class="card-body">
 
                     <h5 class="card-title">Our best videos</h5>
 
                     <h5 class="card-title">Our best videos</h5>
−
                     <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
+
                     <p class="card-text">Take a look at our video wall.</p>
−
                    <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
+
 
                 </div>
 
                 </div>
 +
                </a>
 
             </div>
 
             </div>
 
             <div class="card col-md-3 fly-in">
 
             <div class="card col-md-3 fly-in">
−
                 <img class="card-img-top" src=" http://via.placeholder.com/350x250" alt="Card image cap">
+
                 <a class="cardelement" href="https://2018.igem.org/Team:BOKU-Vienna/Newsletter">
−
                <div class="card-body">
+
                    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/f/fd/T--BOKU-Vienna--2018_newsletter-landing.png" alt="Newsletter Landing Picture">
−
                    <h5 class="card-title">Our Sponsoring events</h5>
+
                    <div class="card-body">
−
                    <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p>
+
                        <h5 class="card-title">Our Newsletter Database</h5>
−
                     <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
+
                        <p class="card-text">Find our newsletter that we send to our sponsors during the work to inform about updates to our project.</p>
−
                 </div>
+
                     </div>
 +
                 </a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
     </div>    <footer></footer>
+
     <footer></footer>
 
     <!--SMOOTH SCROLL UP-->
 
     <!--SMOOTH SCROLL UP-->
 
     <div class="scrolltop">
 
     <div class="scrolltop">
 
       <div class="scroll icon"><i class="fas fa-chevron-up"></i></div>
 
       <div class="scroll icon"><i class="fas fa-chevron-up"></i></div>
−
     </div>   <div class="visualClear"></div>
+
     </div>
−
 
+
 
</html>
 
</html>

Revision as of 09:43, 17 October 2018


Team Vienna 2018

We presenting Robocrop

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
Group Picture
Our best Lab moments

Take a look at our lab work and other activities during our work at these project!
Bestiflm Landing
Our best videos

Take a look at our video wall.
Newsletter Landing Picture
Our Newsletter Database

Find our newsletter that we send to our sponsors during the work to inform about updates to our project.