Difference between revisions of "Team:NKU China"

Line 4: Line 4:
 
      
 
      
 
     <!--separatrix-->
 
     <!--separatrix-->
−
     <link rel="stylesheet" href="https://2016.igem.org/Template:NKU_China/css/wowslider/Home-team?action=raw&ctype=text/css">
+
     <!--<link rel="stylesheet" href="https://2016.igem.org/Template:NKU_China/css/wowslider/Home-team?action=raw&ctype=text/css">-->
  
 
     <!--<link rel="stylesheet" href="css/style.css">-->
 
     <!--<link rel="stylesheet" href="css/style.css">-->
 
     <style>
 
     <style>
−
         .main .carousel-inner .item img {
+
         #introduction-carousel{
 
             margin:auto;
 
             margin:auto;
 
             max-width:98vw;
 
             max-width:98vw;
−
             max-height:calc(98vh-18px-2.25rem);
+
             max-height:calc(100vh - 18px - 2.25rem);
 +
            position:relative;
 +
            z-index:3;
 +
        }
 +
 
 +
        #introduction-carousel img {
 +
            max-width:100%;
 +
            height:100%;
 +
        }
 +
 
 +
        #introduction-carousel a.carousel-control {
 
         }
 
         }
  
Line 89: Line 99:
 
             background: white;
 
             background: white;
 
             padding: 0.95rem;
 
             padding: 0.95rem;
−
        }
 
−
 
−
        #slider6 > div:nth-child(3) {
 
−
        }
 
−
 
−
        #slider6 > div:nth-child(3) > div > div {
 
−
            width: 100%;
 
−
            margin-bottom: 2rem;
 
−
        }
 
−
 
−
        #slider6 > div:nth-child(3) > div > div > div {
 
−
            position: relative;
 
−
            height: 1rem;
 
−
        }
 
−
 
−
        #slider6 > div:nth-child(3) > div > div > div span {
 
−
            font-size: 1rem;
 
−
            line-height: 1.9px;
 
−
            font-family: "Lato", Arial, Verdana;
 
−
            color: white;
 
−
        }
 
−
 
−
        #slider6 > div:nth-child(3) > div > div > div span:first-child {
 
−
            position: absolute;
 
−
            top: 0;
 
−
            left: 0;
 
−
        }
 
−
 
−
        #slider6 > div:nth-child(3) > div > div > div span:last-child {
 
−
            position: absolute;
 
−
            top: 0;
 
−
            right: 0;
 
−
        }
 
−
 
−
        #slider6 > div:nth-child(3) > div > div > progress {
 
−
            width: 100%;
 
 
         }
 
         }
 
     </style>
 
     </style>
Line 297: Line 271:
 
     </script>
 
     </script>
 
     <script>
 
     <script>
 +
        function adjust_carousel() {
 +
            var carousel = $('#introduction-carousel');
 +
            if (carousel.width() > carousel.height() / 9 * 16)
 +
                carousel.width(carousel.height() / 9 * 16)
 +
            else
 +
                carousel.height(carousel.width() / 16 * 9);
 +
        }
  
 
         $(function () {
 
         $(function () {
 
             $('#introduction-carousel').carousel();
 
             $('#introduction-carousel').carousel();
 +
 +
            adjust_carousel();
 +
            $(window).resize(adjust_carousel);
  
 
         })
 
         })
Line 441: Line 425:
 
                 </div>
 
                 </div>
 
                 <div class="item">
 
                 <div class="item">
−
                     <img src="https://static.igem.org/mediawiki/2016/f/f8/Main-Page-Introduction-2.jpg" alt="Introduction-1">
+
                     <img src="https://static.igem.org/mediawiki/2016/f/f8/Main-Page-Introduction-2.jpg" alt="Introduction-2">
 
                 </div>
 
                 </div>
 
                 <div class="item">
 
                 <div class="item">
−
                     <img src="https://static.igem.org/mediawiki/2016/d/dd/Main-Page-Introduction-1.jpg" alt="Introduction-1">
+
                     <img src="https://static.igem.org/mediawiki/2016/b/b8/Main-Page-Introduction-3.jpg" alt="Introduction-3">
 
                 </div>
 
                 </div>
 
                 <div class="item">
 
                 <div class="item">
−
                     <img src="https://static.igem.org/mediawiki/2016/7/78/Main-Page-Introduction-4.jpg" alt="Introduction-1">
+
                     <img src="https://static.igem.org/mediawiki/2016/7/78/Main-Page-Introduction-4.jpg" alt="Introduction-4">
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 498: Line 482:
 
                     $("#slider6 > div:nth-child(2) > div:nth-child(2)").accordion();
 
                     $("#slider6 > div:nth-child(2) > div:nth-child(2)").accordion();
 
                 </script>
 
                 </script>
−
            </div>
 
−
            <div>
 
−
                <div class="h1">
 
−
                    Our Goals
 
−
                </div>
 
−
                <div>
 
−
                    <div>
 
−
                        <div><span>HTML</span><span>40%</span></div>
 
−
                        <progress value="40" max="100"></progress>
 
−
                    </div>
 
−
                    <div>
 
−
                        <div><span>Graphic </span><span>20%</span></div>
 
−
                        <progress value="20" max="100"></progress>
 
−
                    </div>
 
−
                    <div>
 
−
                        <div><span>JS </span><span>60%</span></div>
 
−
                        <progress value="60" max="100"></progress>
 
−
                    </div>
 
−
                </div>
 
−
 
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 584: Line 548:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <div id="wowslider-wrapper">
+
         <div id="wowslider-wrapper" style="display:none;">
 
             <div id="wowslider-container1">
 
             <div id="wowslider-container1">
 
                 <div class="ws_images">
 
                 <div class="ws_images">

Revision as of 01:24, 2 October 2016

Our projects
We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place. This template consist of well-organized layers. Tons of features waiting for you.
We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place.
Our Goals
IMPRESSIVE TEMPLATE
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
TONS OF FEATURES
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
CREATIVE LAYOUT
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
There're our experiment results!
We are team of creative photographers. We passionate with photography and other creative things. If you are looking professional photography theme with endless possibilities, you come in right place. This template consist of well-organized layers. Tons of features waiting for you.
John Doe
Graphic Designer
John Doe
Graphic Designer
John Doe
Graphic Designer
HP
This is the outline of our human practice.
Copyright © NKU_China IGEM Team 2016