Difference between revisions of "Team:Shanghaitech/lab"

(Created page with "{{Shanghaitech}} <html> <!--[if IE 8 ]><html class="ie ie8" class="no-js" lang="en"> <![endif]--> <!--[if (gte IE 9)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]...")
 
Line 186: Line 186:
 
</div>
 
</div>
 
</div>
 
</div>
−
                <div class="row sub_content">
 
−
                    <div class="col-lg-9 col-sm-9">
 
−
                        <div class="dividerHeading">
 
−
                            <h4><span>9 Columns</span></h4>
 
−
                        </div>
 
−
                        <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu duiport titor metus eros ut enim. </p>
 
−
                    </div>
 
  
−
                    <div class="col-lg-3 col-md-3 col-sm-3">
 
−
                        <div class="dividerHeading">
 
−
                            <h4><span>3 Columns</span></h4>
 
−
                        </div>
 
−
                        <p>Donec in ut odio libero, at vulpu urna. Nulla tristique mi a massa convallis cursus. Nulla eumina magna etiam suscipit dignissim.</p>
 
−
                    </div>
 
−
                </div>
 
 
<div class="row sub_content">
 
<div class="row sub_content">
−
<div class="col-lg-6 col-sm-6">
+
<div class="col-lg-12 col-md-12 col-sm-12">
 
<div class="dividerHeading">
 
<div class="dividerHeading">
−
<h4><span>6 Columns</span></h4>
+
<h4><span>12 Columns</span></h4>
 +
 
 
</div>
 
</div>
−
<p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu duiport titor metus eros ut enim. </p>
+
<p>Fusce lacinia tempor malesuada. Ut lacus sapien, placerat a ornare nec, elementum sit amet felis. Maecenas pretium lorem hendrerit eros sagittis fermentum. Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo ad gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis sum dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu dui. Fusce lacinia tempor malesuada. Ut lacus sapien, po anemat ornare nec, elementum sit amet felis. Maecenas pretium hendrerit fermentum lacus sapien, placerat a ornare nec fringilla libero convals.</p>
−
</div>
+
−
+
−
<div class="col-lg-6 col-sm-6">
+
−
<div class="dividerHeading">
+
−
<h4><span>6 Columns</span></h4>
+
−
</div>
+
−
<p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu duiport titor metus eros ut enim. </p>
+
−
</div>
+
−
</div>
+
−
<div class="row sub_content">
+
−
<div class="col-lg-4 col-md-4 col-sm-4">
+
−
<div class="dividerHeading">
+
−
<h4><span>4 Columns</span></h4>
+
−
</div>
+
−
<p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu duiport titor metus eros ut enim. </p>
+
−
</div>
+
−
+
−
<div class="col-lg-4 col-md-4 col-sm-4">
+
−
<div class="dividerHeading">
+
−
<h4><span>4 Columns</span></h4>
+
−
</div>
+
−
<p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu duiport titor metus eros ut enim. </p>
+
−
</div>
+
−
+
−
<div class="col-lg-4 col-md-4 col-sm-4">
+
−
<div class="dividerHeading">
+
−
<h4><span>4 Columns</span></h4>
+
−
</div>
+
−
<p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu duiport titor metus eros ut enim. </p>
+
 
</div>
 
</div>
 
</div>
 
</div>
 +
                <!--div 9-->
 +
 
                 <div class="row sub_content">
 
                 <div class="row sub_content">
−
                    <div class="col-lg-3 col-md-3 col-sm-3">
+
                <div class="col-lg-12 col-md-12 col-sm-12">
−
                        <div class="dividerHeading">
+
                <div class="dividerHeading">
−
                            <h4><span>3 Columns</span></h4>
+
                <h4><span>12 Columns</span></h4>
−
                        </div>
+
−
                        <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. </p>
+
−
                    </div>
+
−
 
+
−
                    <div class="col-lg-3 col-md-3 col-sm-3">
+
−
                        <div class="dividerHeading">
+
−
                            <h4><span>3 Columns</span></h4>
+
−
                        </div>
+
−
                        <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. </p>
+
−
                    </div>
+
−
 
+
−
                    <div class="col-lg-3 col-md-3 col-sm-3">
+
−
                        <div class="dividerHeading">
+
−
                            <h4><span>3 Columns</span></h4>
+
−
                        </div>
+
−
                        <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. </p>
+
−
                    </div>
+
  
−
                    <div class="col-lg-3 col-md-3 col-sm-3">
+
                </div>
−
                        <div class="dividerHeading">
+
                <p>Fusce lacinia tempor malesuada. Ut lacus sapien, placerat a ornare nec, elementum sit amet felis. Maecenas pretium lorem hendrerit eros sagittis fermentum. Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo ad gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis sum dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu dui. Fusce lacinia tempor malesuada. Ut lacus sapien, po anemat ornare nec, elementum sit amet felis. Maecenas pretium hendrerit fermentum lacus sapien, placerat a ornare nec fringilla libero convals.</p>
−
                            <h4><span>3 Columns</span></h4>
+
                </div>
−
                        </div>
+
−
                        <p>Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. </p>
+
−
                    </div>
+
 
                 </div>
 
                 </div>
 
</div>
 
</div>
Line 299: Line 239:
 
<script type="text/javascript" src="https://igemshare.github.io/js/styleswitch.js"></script>
 
<script type="text/javascript" src="https://igemshare.github.io/js/styleswitch.js"></script>
  
−
<script>
 
−
$(document).ready(function(){
 
−
 
−
    var cookieName = 'default';
 
−
 
−
    function changeLayout(layout) {
 
−
    $.cookie(cookieName, layout);
 
−
    $('head link[data-name=skins]').attr('href', 'https://igemshare.github.io/css/skins/' + layout + '.css');
 
−
    }
 
−
 
−
    if( $.cookie(cookieName)) {
 
−
    changeLayout($.cookie(cookieName));
 
−
    }
 
−
 
−
    $("#default").click( function(){ $
 
−
    changeLayout('default');
 
−
    });
 
−
 
−
    $("#Strongcyan").click( function(){ $
 
−
    changeLayout('Strongcyan');
 
−
    });
 
−
    $("#DarkCyan").click( function(){ $
 
−
    changeLayout('DarkCyan');
 
−
    });
 
−
    $("#asphalt").click( function(){ $
 
−
    changeLayout('asphalt');
 
−
    });
 
−
    $("#blue").click( function(){ $
 
−
    changeLayout('blue');
 
−
    });
 
−
    $("#orange").click( function(){ $
 
−
    changeLayout('orange');
 
−
    });
 
−
    $("#clouds").click( function(){ $
 
−
    changeLayout('clouds');
 
−
    });
 
−
    $("#Softred").click( function(){ $
 
−
    changeLayout('Softred');
 
−
    });
 
−
    $("#green").click( function(){ $
 
−
    changeLayout('green');
 
−
    });
 
−
    $("#orange").click( function(){ $
 
−
    changeLayout('orange');
 
−
    });
 
−
 
−
});
 
−
</script>
 
  
  

Revision as of 10:47, 30 August 2017

233

12 Columns

Fusce lacinia tempor malesuada. Ut lacus sapien, placerat a ornare nec, elementum sit amet felis. Maecenas pretium lorem hendrerit eros sagittis fermentum. Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo ad gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis sum dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu dui. Fusce lacinia tempor malesuada. Ut lacus sapien, po anemat ornare nec, elementum sit amet felis. Maecenas pretium hendrerit fermentum lacus sapien, placerat a ornare nec fringilla libero convals.

12 Columns

Fusce lacinia tempor malesuada. Ut lacus sapien, placerat a ornare nec, elementum sit amet felis. Maecenas pretium lorem hendrerit eros sagittis fermentum. Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo ad gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis sum dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu dui. Fusce lacinia tempor malesuada. Ut lacus sapien, po anemat ornare nec, elementum sit amet felis. Maecenas pretium hendrerit fermentum lacus sapien, placerat a ornare nec fringilla libero convals.

12 Columns

Fusce lacinia tempor malesuada. Ut lacus sapien, placerat a ornare nec, elementum sit amet felis. Maecenas pretium lorem hendrerit eros sagittis fermentum. Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo ad gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim. Morbi augue velit, tempus mattis sum dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu dui. Fusce lacinia tempor malesuada. Ut lacus sapien, po anemat ornare nec, elementum sit amet felis. Maecenas pretium hendrerit fermentum lacus sapien, placerat a ornare nec fringilla libero convals.

© Copyright Shanghaitech_igem | Thanks to jQuery Rain | Made by YanPeng Hu