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

 
(35 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;}
+
.footer {bottom:0px;position:fixed;z-index:10}
 
</style>
 
</style>
  
Line 23: 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 73: 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 89: Line 89:
  
 
         #banner_img .ad_img {position: absolute; right: 200px; 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: 200px; 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: 4; }
 
#banner_ctr { position: absolute; width: 500px; height: 50px; margin-left: -480px; left: 50%; bottom: 40px; z-index: 4; }
−
         #banner_ctr ul { width: 960px; height: 10px; background: #000000; font-size: 0; line-height: 0;  position: absolute; top: 20px; left: 20px; }
+
         #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: 20px; left: 20px; width: 120px; height: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; bottom: 170px; background: #FFFFFF; z-index:2}
+
         #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: none 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 106: 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 114: Line 115:
 
<center>
 
<center>
  
−
<div id="wrap">
+
 
 
     <div id="banner">
 
     <div id="banner">
  
Line 123: 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 136: 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 149: 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 177: 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 195: 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 210: 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 225: 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 242: 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 254: 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 -->
  

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