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

Line 109: Line 109:
 
<center><div class="top_slogan">Under Construction!</div></center>
 
<center><div class="top_slogan">Under Construction!</div></center>
  
−
<div class="main_content">
+
      <div class="section_two_three entry">
−
<center>
+
       
−
<h2> Please check back as we are continually updating our Team Wiki </h2>
+
        <h2>Page Title</h2>
 +
        <img src="images/slider-image1.jpg" alt="" title="" border="0" class="entry_image" />
 +
        <p>
 +
                Lorem ipsum dolor sit amet, consectetur <strong>adipisicin</strong>g elit, sed do eiusmod tempor incididunt <a href="#">consectetur</a> adipisicing elit, sed do eiusmod <strong>tempor incididunt</strong> ut labore et dolore magna aliqua.  <br /> <br />
 +
                Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 +
                          </p>
 +
                         
 +
        <h3>Listing</h3>
 +
        <ul>
 +
        <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit</li>
 +
        <li>voluptate velit esse cillum dolore eu fugiat nulla pariatur</li>
 +
        <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit</li>
 +
        <li>occaecat cupidatat non proident, sunt in</li>
 +
        </ul>
 +
       
 +
        <h4>Blockquote</h4> 
 +
        <blockquote>
 +
        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 +
        </blockquote>               
 +
       
 +
        </div>  
  
−
<style type="text/css">
+
  <div class="section_one_three sidebar">
−
.tg {border-collapse:collapse;border-spacing:0;color:none}
+
            <h2>List Categories</h2>
−
.tg td{width:280px; border-style:none;border-width:0px;overflow:hidden;word-break:normal;text-align:center;}
+
<ul>
−
.tg th{width:280px; padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;text-align:center}
+
                <li><a href="#">sed do eiusmod tempor</a></li>  
 +
                <li><a href="#">incididunt ut labore et dolore </a></li>
 +
                <li><a href="#">dolor sit amet consectetur adipisicing </a></li>
 +
                <li><a href="#">elit  sed do eiusmod tempor </a></li>
 +
                <li><a href="#">incididunt ut labore et dolore magna aliqua</a></li>
 +
            </ul>
 +
         
 +
           
 +
            <h2>Testimonials</h2>
 +
            <p>
 +
                Lorem ipsum dolor sit amet, consectetur <strong>adipisicin</strong>g elit, sed do eiusmod tempor incididunt <a href="#">consectetur</a> adipisicing elit, sed do eiusmod <strong>tempor incididunt</strong> ut labore et dolore magna aliqua.           </p>
 +
            <a href="#" class="more">John Doe</a>
 +
           
 +
            <div class="clear"></div>     
 +
           
 +
           
 +
            <h2>Sidebar Photo</h2>
 +
            <img src="images/slider-image2.jpg" alt="" title="" border="0" class="entry_image" />
 +
            <p>
 +
                Lorem ipsum dolor sit amet, consectetur <strong>adipisicin</strong>g elit, sed do eiusmod tempor incididunt <a href="#">consectetur</a> adipisicing elit, sed do eiusmod <strong>tempor incididunt</strong> ut labore et dolore magna aliqua.           </p>
 +
           
 +
            </div>
 +
           
 +
        </div>
 +
         
 +
  </div>
  
−
 
−
 
−
</style>
 
−
 
−
<table class="tg">
 
−
  <tr>
 
−
    <th class="tg-031e"><h2>Our Team</h2></th>
 
−
    <th class="tg-031e"><h2>iGEM 2015</h2></th>
 
−
    <th class="tg-031e"><h2>Contact Us!</h2></th>
 
−
  </tr>
 
−
  <tr>
 
−
 
−
<style type="text/css">
 
−
 
−
.roundimg{width:180px;height:150px;display:block;border-radius:90px;-moz-border-radius:90px;-webkit-border-radius:90px;-khtml-border-radius:90px;margin:auto;background-color:#8BC5EB;text-align:center; padding:30px 0 0 0;}
 
−
.roundimg img{ margin:auto; display:block;}
 
−
h2.centered_title{ text-align:center;}
 
−
p.centered_text{ padding:10px 20px;}
 
−
.roundimg2{width:180px;height:150px;display:block;border-radius:90px;-moz-border-radius:90px;-webkit-border-radius:90px;-khtml-border-radius:90px;margin:auto;background:none;text-align:center; padding:30px 0 0 0;}
 
−
 
−
</style>
 
−
 
−
 
−
    <td class="tg-031e"><div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Bios" title="Team Bios"><img src="https://static.igem.org/mediawiki/2015/7/73/NAIT_Icon_clients.png" alt="" title="" /></a></div></td>
 
−
    <td class="tg-031e"> <div class="roundimg"><a href="https://2015.igem.org" title=""><img src="https://static.igem.org/mediawiki/2015/0/05/NAIT_Icon_services.png" alt="" title="iGEM Official Site 2015" /></a></div></td>
 
−
    <td class="tg-031e"><div class="roundimg"><a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs" title=""><img src="https://static.igem.org/mediawiki/2015/2/29/NAIT_Icon_contact.png" alt="" title="Contact Us" /></a></div></td>
 
−
  </tr>
 
−
  <tr>
 
−
    <td class="tg-031e"><p class="centered_text">
 
−
"Alone we can do so little, <strong>together we can do so much</strong>" - Helen Keller
 
−
        </p>
 
−
        </td>
 
−
    <td class="tg-031e"><p class="centered_text">
 
−
Learn about the exciting opportunities the iGEM foundation has to offer!
 
−
        </p>
 
−
        </td>
 
−
    <td class="tg-031e">        <p class="centered_text">
 
−
Please contact us if you want more information about our project or have any other questions or concerns.
 
−
        </p>
 
−
        </td>
 
−
  </tr>
 
−
  <tr>
 
−
    <td class="tg-031e"><a href="https://2015.igem.org/Team:NAIT_Edmonton/Bios" class="more">read more</a></td>
 
−
    <td class="tg-031e"><a href="https://2015.igem.org" class="more">read more</a></td>
 
−
    <td class="tg-031e"><a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs" class="more">read more</a></td>
 
−
  </tr>
 
−
 
−
 
−
</table>
 
−
     
 
−
 
 
−
 
−
</center>
 
−
 
−
  </div>
 
−
  </div>
 
  
 
   <div class="clear"></div>  
 
   <div class="clear"></div>  

Revision as of 14:25, 31 July 2015