Difference between revisions of "Team:NKU China"

Line 10: Line 10:
 
         #introduction-carousel{
 
         #introduction-carousel{
 
             margin:auto;
 
             margin:auto;
−
            max-width:98vw;
 
−
            max-height:calc(100vh - 18px - 2.25rem);
 
 
             position:relative;
 
             position:relative;
 
             z-index:3;
 
             z-index:3;
 
         }
 
         }
  
−
        #introduction-carousel img {
+
     
−
            max-width:100%;
+
−
            height:100%;
+
−
        }
+
−
 
+
−
        #introduction-carousel a.carousel-control {
+
−
        }
+
  
 
         #wowslider-wrapper {
 
         #wowslider-wrapper {
Line 273: Line 265:
 
         function adjust_carousel() {
 
         function adjust_carousel() {
 
             var carousel = $('#introduction-carousel');
 
             var carousel = $('#introduction-carousel');
−
             if (carousel.width() > carousel.height() / 9 * 16)
+
             var width = $(window).width() / 100 * 96;
−
                 carousel.width(carousel.height() / 9 * 16)
+
            var height = $(window).height() / 100 * 90;
−
             else
+
            if (width > height / 9 * 16) {
−
                 carousel.height(carousel.width() / 16 * 9);
+
                 carousel.height(height);
 +
                carousel.width(height / 9 * 16);
 +
            }
 +
             else {
 +
                 carousel.width(width);
 +
                carousel.height(width / 16 * 9);
 +
            }
 +
               
 
         }
 
         }
  
Line 428: Line 427:
 
                 </div>
 
                 </div>
 
                 <div class="item">
 
                 <div class="item">
−
                     <img src="https://static.igem.org/mediawiki/2016/b/b8/Main-Page-Introduction-3.jpg" alt="Introduction-3">
+
                     <img src="https://static.igem.org/mediawiki/2016/b/b8/T--NKU_China--Main-Page-Introduction-3.jpg" alt="Introduction-3">
 
                 </div>
 
                 </div>
 
                 <div class="item">
 
                 <div class="item">

Revision as of 01:33, 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