Difference between revisions of "Team:NAIT Edmonton/Trial2"

 
(46 intermediate revisions by the same user not shown)
Line 17: Line 17:
 
<style type="text/css">
 
<style type="text/css">
 
#wrap {padding-bottom:120px}
 
#wrap {padding-bottom:120px}
 +
.footer {bottom:0px;position:fixed;z-index:10}
 
</style>
 
</style>
  
Line 22: Line 23:
 
         <div class="header_content">
 
         <div class="header_content">
 
        
 
        
−
         <div class="logo"><a href="https://2015.igem.org/Team:NAIT_Edmonton"><img src="https://static.igem.org/mediawiki/2015/4/4a/NAIT_Logo_joy.png" width="291" height="290"></a></div>
+
         <div class="logo"><a href="https://2015.igem.org/Team:NAIT_Edmonton"><img src="https://static.igem.org/mediawiki/2015/4/4a/NAIT_Logo_joy.png" width="141" height="140"></a></div>
 
          
 
          
 
         <div class="menu">
 
         <div class="menu">
Line 72: Line 73:
 
@charset "UTF-8";
 
@charset "UTF-8";
  
−
#banner { width: 100%; height: 650px; background:transparent; overflow: hidden; position: relative; }
+
#banner {margin:0; width: 100%; height: 650px; background:transparent; overflow: hidden; position: relative; }
 
#banner_img { display: block; position: relative; }
 
#banner_img { display: block; position: relative; }
 
#banner_img li { position: absolute; top: 0; left: 0; width: 100%; height: 650px; background-position: center; background-size: cover; display: none; }
 
#banner_img li { position: absolute; top: 0; left: 0; width: 100%; height: 650px; background-position: center; background-size: cover; display: none; }
Line 87: Line 88:
 
  /*Nav Bar*/
 
  /*Nav Bar*/
  
−
         #banner_img .ad_img {position: absolute; right: 100px; top: 80px; width: 506px; height: 404px; }
+
         #banner_img .ad_img {position: absolute; right: 200px; top: 80px; width: 506px; height: 404px; }
−
         #banner_img .ad_txt {position: absolute; left: 100px; top: 170px; color: #fff; text-shadow: 1px 1px rgba(51,51,51,0.3); }
+
         #banner_img .ad_txt {position: absolute; right: 25%; left:25%; top: 170px; color: #fff; text-shadow: 1px 1px rgba(51,51,51,0.3); }
−
         #banner_img .ad_txt h2 {color:#FFFFFF,text-shadow:#000000 2px 2px 2px; font: bold 36px/60px ; }
+
         #banner_img .ad_txt h2 {color:#FFFFFF;}
 
         #banner_img .ad_txt a {float:center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;background-color:#8BC5EB; color:#fff; font-size:14px; padding:8px 12px; margin:20px 0 0 0; display:inline-block; }
 
         #banner_img .ad_txt a {float:center;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;background-color:#8BC5EB; color:#fff; font-size:14px; padding:8px 12px; margin:20px 0 0 0; display:inline-block; }
−
#banner_ctr { position: absolute; width: 500px; height: 50px; margin-left: -480px; left: 50%; bottom: 40px; z-index: 1; }
+
#banner_ctr { position: absolute; width: 500px; height: 50px; margin-left: -480px; left: 50%; bottom: 40px; z-index: 4; }
−
         #banner_ctr ul { width: 960px; height: 20px; background: none; font-size: 0; line-height: 0; position: relative; }
+
         #banner_ctr ul {width: 940px; height: 10px; background: url(https://static.igem.org/mediawiki/2015/5/5a/NAIT_Bar_Example.png) no-repeat; font-size: 0; line-height: 0;  position: absolute; top: 20px; left: 10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;}
 +
        #banner_bg {width: 940px; height: 10px; background: #FFFFFF; font-size: 0; line-height: 0; position: absolute; top: 20px; left: 10px;z-index:-5;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;}
 
         #banner_ctr li { display: block; float: left; width: 115px; height: 25px; cursor: pointer; }
 
         #banner_ctr li { display: block; float: left; width: 115px; height: 25px; cursor: pointer; }
−
         #banner_ctr li.first-item { background: none; width: 20px; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; cursor: default; }
+
         #banner_ctr li.first-item {background: none; width: 20px; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; cursor: default; }
 
         #banner_ctr li.last-item { background: none; width: 20px; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; cursor: default; }
 
         #banner_ctr li.last-item { background: none; width: 20px; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; cursor: default; }
−
         #drag_ctr { position: absolute; top: -14px; left: 20px; width: 20px; height: 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; bottom: 170px; background: #FF0000; }
+
         #drag_ctr { position: absolute; top: 20px; left: 20px; width: 115px; height: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; bottom: 170px; background: #0D4D8C; z-index:0}
−
         #drag_arrow {position: absolute; top: -14px; left: 20px; width: 50px; height: 50px; background: url(http://d1u2s20mo6at4b.cloudfront.net/wp-content/uploads/star.png) center 14px no-repeat; }
+
         #drag_arrow {position: absolute; top: 20px; left: 20px; width: 50px; height: 50px; background: none center 14px no-repeat; }
  
 
</style>
 
</style>
Line 105: Line 107:
 
<head>
 
<head>
  
−
<script src="https://2014.igem.org/Team:CAU_China/jquery.plugin.min.js?action=raw&amp;ctype=text/javascript"></script>
+
<script src="https://2015.igem.org/Team:NAIT_Edmonton/jquery.plugin.min.js?action=raw&amp;ctype=text/javascript"></script>
−
<script src="https://2014.igem.org/Team:CAU_China/jquery-1.9.1.min.js?action=raw&amp;ctype=text/javascript"></script>
+
<script src="https://2015.igem.org/Team:NAIT_Edmonton/jquery-1.9.1.min.js?action=raw&amp;ctype=text/javascript"></script>
 
</head>
 
</head>
  
Line 113: Line 115:
 
<center>
 
<center>
  
−
<div id="wrap">
+
 
 
     <div id="banner">
 
     <div id="banner">
  
Line 122: Line 124:
 
                 <div class="wrapper">
 
                 <div class="wrapper">
 
                     <div class="ad_txt">
 
                     <div class="ad_txt">
−
                         <h2 style="color:white;size:30px">Home</h2>
+
                         <h2 style="color:white;font-size:60px;text-shadow:#000000 2px">Home</h2>
 
                         <p>
 
                         <p>
 
                         </p>
 
                         </p>
−
                         <a href="https://2014.igem.org/Team:CAU_China/Home" target="_blank">More</a>
+
                         <a href="" target="_blank">read more</a>
−
                    </div>
+
−
                    <div class="ad_img">
+
−
                        <img src="" width="506" height="404" alt="Home" />
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 135: Line 134:
 
                 <div class="wrapper">
 
                 <div class="wrapper">
 
                     <div class="ad_txt">
 
                     <div class="ad_txt">
−
                         <h2 style="color:#FFFFFF">Project</h2>
+
                         <h2 style="color:#FFFFFF">Etc Etc.</h2>
−
                         <p>Biobricks
+
                         <h2>Something something
−
                         </p>
+
                         </h2>
−
                         <a href="https://2014.igem.org/Team:CAU_China/Project" target="_blank">More&gt;</a>
+
                         <a href="" target="_blank">read more</a>
−
                    </div>
+
−
                    <div class="ad_img">
+
−
                        <img src="" width="506" height="404" alt="Project" />
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 148: Line 144:
 
                 <div class="wrapper">
 
                 <div class="wrapper">
 
                     <div class="ad_txt">
 
                     <div class="ad_txt">
−
                         <h2 style="color:#FFFFFF">Modeling</h2>
+
                         <h2 style="color:#FFFFFF">Example</h2>
 
                         <p></p>
 
                         <p></p>
−
                         <a href="https://2014.igem.org/Team:CAU_China/Modeling" target="_blank">More&gt;</a>
+
                         <a href="" target="_blank">read more</a>
 
                     </div>
 
                     </div>
−
                    <div class="ad_img">
 
−
                        <img src="" width="506" height="404" alt="Modeling" />
 
−
                    </div>
 
−
                </div>
 
 
             </li>
 
             </li>
 
             <li class="item4">
 
             <li class="item4">
 
                 <div class="wrapper">
 
                 <div class="wrapper">
 
                     <div class="ad_txt">
 
                     <div class="ad_txt">
−
                         <h2 style="color:#FFFFFF">Notebook</h2>
+
                         <h2 style="color:#FFFFFF">Example</h2>
−
                         <p>
+
                         <h2>
−
                             Breakthrough<br />
+
                             This and<br />
−
                             Labnote<br />
+
                             that<br />
−
                             Protocols
+
                             and this.
−
                         </p>
+
                         </h2>
−
                         <a href="https://2014.igem.org/Team:CAU_China/Notebook" target="_blank">More&gt;</a>
+
                         <a href="" target="_blank">read more</a>
−
                    </div>
+
−
                    <div class="ad_img">
+
−
                        <img src="" width="506" height="404" alt="Notebook" />
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 176: Line 165:
 
                 <div class="wrapper">
 
                 <div class="wrapper">
 
                     <div class="ad_txt">
 
                     <div class="ad_txt">
−
                         <h2 style="color:#FFFFFF">Human Practice</h2>
+
                         <h2 style="color:#FFFFFF">Something Something</h2>
−
                         <p>
+
                         <h2>
−
                            Periodicals<br />
+
LALALALALALALALALALALALALALALLAALLAALLA. WRITE WHATEVER DESCRIPTION THE PHOTOGRAPH NEEDS HERE
−
                            Spread iGEM to Highschool
+
                         </h2>
−
                            Peers' Help<br />
+
                         <a href="" target="_blank">read more</a>
−
                            Survey<br />
+
−
                            Get Gene
+
−
                         </p>
+
−
                         <a href="https://2014.igem.org/Team:CAU_China/Human_Practice" target="_blank">More&gt;</a>
+
−
                    </div>
+
−
                    <div class="ad_img">
+
−
                        <img src="" width="506" height="404" alt="Human Practice" />
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 194: Line 176:
 
                 <div class="wrapper">
 
                 <div class="wrapper">
 
                     <div class="ad_txt">
 
                     <div class="ad_txt">
−
                         <h2 style="color:#FFFFFF">Judging</h2>
+
                         <h2 style="color:#FFFFFF">Such and Such</h2>
−
                         <p>
+
                         <h2>
−
                            Judging Form<br />
+
Text
−
                            Beyond the Bench
+
                         </h2>
−
                         </p>
+
                         <a href="" target="_blank">read more</a>
−
                         <a href="https://2014.igem.org/Team:CAU_China/Judging" target="_blank">More&gt;</a>
+
−
                    </div>
+
−
                    <div class="ad_img">
+
−
                        <img src="" width="506" height="404" alt="Judging" />
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 209: Line 187:
 
                 <div class="wrapper">
 
                 <div class="wrapper">
 
                     <div class="ad_txt">
 
                     <div class="ad_txt">
−
                         <h2 style="color:#FFFFFF">Team</h2>
+
                         <h2 style="color:#FFFFFF">So and So</h2>
−
                         <p>
+
                         <h3>
−
                            Gallery<br />
+
Description here                       
−
                            Attribution                           
+
                         </h3>
−
                         </p>
+
                         <a href="" target="_blank">read more</a>
−
                         <a href="https://2014.igem.org/Team:CAU_China/Team" target="_blank">More&gt;</a>
+
−
                    </div>
+
−
                    <div class="ad_img">
+
−
                        <img src="" width="506" height="404" alt="Team" />
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 224: Line 198:
 
                 <div class="wrapper">
 
                 <div class="wrapper">
 
                     <div class="ad_txt">
 
                     <div class="ad_txt">
−
                         <h2 style="color:#FFFFFF">Safety</h2>
+
                         <h2 style="color:#FFFFFF">Sorry for Pandas</h2>
−
                         <p>
+
                         <h3>
−
                            Lab<br />
+
I really do like pandas a lot.
−
                            Safety Form<br />
+
                         </h3>
−
                            Check-in
+
                         <a href="" target="_blank">read more</a>
−
                         </p>
+
−
                         <a href="https://2014.igem.org/Team:CAU_China/Safety" target="_blank">More&gt;</a>
+
−
                    </div>
+
−
                    <div class="ad_img">
+
−
                        <img src="" width="506" height="404" alt="Safety" />
+
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 241: Line 210:
 
             <div id="drag_ctr"></div>
 
             <div id="drag_ctr"></div>
 
             <ul>
 
             <ul>
−
                 <li class="first-item">CAU</li>
+
                 <li class="first-item">NAIT</li>
 
                 <li>1</li>
 
                 <li>1</li>
 
                 <li>2</li>
 
                 <li>2</li>
Line 253: Line 222:
 
             </ul>
 
             </ul>
 
             <div id="drag_arrow"></div>
 
             <div id="drag_arrow"></div>
 +
            <div id="banner_bg"></div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
  
−
<script src="https://2014.igem.org/Team:CAU_China/fashionfoucs.js?action=raw&amp;ctype=text/javascript"></script>
+
<script src="https://2015.igem.org/Team:NAIT_Edmonton/fashionfoucs.js?action=raw&amp;ctype=text/javascript"></script>
 
     <!-- End -->
 
     <!-- End -->
  
Line 267: Line 237:
  
 
</style>
 
</style>
 +
 +
<br><br>
  
 
<table class="tg">
 
<table class="tg">

Latest revision as of 00:39, 17 July 2015



Our Team

iGEM 2015

Contact Us!

"When a team outgrows individual performance and learns team confidence, excellence becomes a reality." - Joe Paterno

Learn about the exciting opportunities the iGEM foundation has to offer!

Please contact us if you want more information about our project or have any other questions or concerns.

read more read more read more