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

Line 16: Line 16:
 
                         <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/72808d/ffffff')"></div>
 
                     </div>
 
                     </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/72808d/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/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/72808d/ffffff')"></div>
+
                    </div>
+
                </div> 
+
 
                 <svg class="shape-overlays" viewBox="0 0 100 100" preserveAspectRatio="none">
 
                 <svg class="shape-overlays" viewBox="0 0 100 100" preserveAspectRatio="none">
 
                     <path class="shape-overlays__path"></path>
 
                     <path class="shape-overlays__path"></path>
Line 43: Line 28:
 
                     <p>TODO</p>
 
                     <p>TODO</p>
 
                     <div class="readmore" data-modal="1">read more</div>
 
                     <div class="readmore" data-modal="1">read more</div>
                </div>
+
                 </div>
<div class="slide-right-content slide-right-content-2">
+
                    <h1>Basic Parts</h1>
+
                    <p>TODO</p>
+
                    <div class="readmore" data-modal="2">read more</div>
+
                </div>
+
<div class="slide-right-content slide-right-content-2">
+
                    <h1>Composite Parts</h1>
+
                    <p>TODO</p>
+
                    <div class="readmore" data-modal="3">read more</div>
+
                </div>
+
<div class="slide-right-content slide-right-content-2">
+
                    <h1>Part Collection</h1>
+
                    <p>TODO</p>
+
                    <div class="readmore" data-modal="4">read more</div>
+
                 </div>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 77: Line 47:
 
     <div class="modal-content">
 
     <div class="modal-content">
 
         <h1>Overview</h1>
 
         <h1>Overview</h1>
        <h5>TODO</h5>
 
<h2>TODO</h2>
 
        <p>TODO</p>
 
    </div>
 
</div>
 
 
<div class="modal modal-2">
 
    <div class="modal-close"></div>
 
    <div class="modal-content">
 
        <h1>Basic Parts</h1>
 
        <h5>TODO</h5>
 
<h2>TODO</h2>
 
        <p>TODO</p>
 
    </div>
 
</div>
 
 
<div class="modal modal-3">
 
    <div class="modal-close"></div>
 
    <div class="modal-content">
 
        <h1>Composite Parts</h1>
 
        <h5>TODO</h5>
 
<h2>TODO</h2>
 
        <p>TODO</p>
 
    </div>
 
</div>
 
 
<div class="modal modal-4">
 
    <div class="modal-close"></div>
 
    <div class="modal-content">
 
        <h1>Part Collection</h1>
 
 
         <h5>TODO</h5>
 
         <h5>TODO</h5>
 
<h2>TODO</h2>
 
<h2>TODO</h2>

Revision as of 18:41, 1 November 2017

use keyboard, swipe or scroll