Team:Sheffield/project

From 2014.igem.org

(Difference between revisions)
 
(3 intermediate revisions not shown)
Line 18: Line 18:
</script>
</script>
-
 
-
<link href="https://2014.igem.org/Team:Sheffield/Template:projectstyle.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
 
Line 49: Line 47:
        </div>
        </div>
    </div>
    </div>
 +
</div>
 +
<div id="firstSection">
</div>
</div>
 +
<div id="secondSection">
 +
</div>
 +
<div id="thirdSection">
 +
</div>
-
 
+
<div id="fourthSection">
-
 
+
</div>
-
  <div class="main"> 
+
-
    <div class="wrap">
+
-
   
+
-
    <div class="main-top">
+
-
    <!-- Grid-1 -->
+
-
      <div class="grid1">
+
-
      <div class="logo">
+
-
          <hr>
+
-
      <h1>bla<br/>bla</h1>
+
-
      </div>
+
-
      <div class="logo-desc">
+
-
      <h2>bla bla</h2>
+
-
      <p>bla<br/>bla</p>
+
-
      </div>
+
-
      </div>
+
-
 
+
-
                <!-- Grid-3-->
+
-
                <div class="grid3">
+
-
                <div class="project">
+
-
                <img src="./images/project-img.png" alt="" />
+
-
                <div class="project-details">
+
-
                <div class="project-desc">
+
-
                <h3>Project<br/><span>A Great Work title</span></h3>
+
-
                </div>
+
-
                <div class="clear"></div>
+
-
                </div>
+
-
                </div>
+
-
                </div>
+
-
               
+
-
      <!-- Grid-4 -->
+
-
              <div class="grid4">         
+
-
<div class="sign_in">
+
-
    <form>
+
-
    <div class="heading">
+
-
            <h3>bla</h3>
+
-
            <div class="clear"></div>
+
-
            </div>
+
-
 
+
-
  </form>
+
-
      <p>bla</p>  
+
-
                </div>
+
-
  </div>  
+
-
            <div class="clear"></div>
+
-
          </div>
+
-
         
+
-
          <!-- Main-bottom -->
+
-
          <div class="main-bottom">
+
-
          <div class="profile-grid">
+
-
            <div class="profile">
+
-
          <div class="profile-img">
+
-
          <img src="./images/cover-page.jpg" alt="" />
+
-
          </div>
+
-
          <div class="profile-details">
+
-
          <div class="profile-desc">
+
-
          <div class="profile-description">
+
-
          <div class="profile-pic"><img src="./images/profile-img.jpg" alt="" /></div>
+
-
          <div class="user-details">
+
-
          <h2>bla</h2>
+
-
          <p><span>bla</span></p>
+
-
          <p>bla</p>
+
-
          </div>
+
-
          <div class="clear"></div>
+
-
            </div>
+
-
          </div>
+
-
            <div class="clear"></div>
+
-
          </div>
+
-
            </div>
+
-
              <div class="profile-bottom">
+
-
              <div class="section group">
+
-
<div class="col_1_of_3 span_1_of_3">
+
-
<canvas class="loader"></canvas>
+
-
<script>
+
-
                                        $(document).ready(function() {
+
-
                                            $('.loader').ClassyLoader({
+
-
                                                percentage:75,
+
-
                                                speed: 20,
+
-
                                                fontSize: '50px',
+
-
                                                diameter: 90,
+
-
                                                lineColor: '50cedd',
+
-
                                                remainingLineColor: 'FFFFFF',
+
-
                                                lineWidth: 20,
+
-
                                            });
+
-
                                        });
+
-
                                    </script>
+
-
<p>bla</p>
+
-
<h3>bla bla bla</h3>
+
-
</div>
+
-
<div class="col_1_of_3 span_1_of_3">
+
-
<div id="chartContainer2" class="case-container" style="width: 100%; height:200px;"></div>
+
-
<p>bla</p>
+
-
<h3>bla bla bla </h3>
+
-
</div>
+
-
</div>
+
-
              </div>
+
-
          </div>
+
-
          <div class="comments">
+
-
          <h2> bla bla </h2>
+
-
          <div class="comment-area">
+
-
          <ul>
+
-
          <li>
+
-
              <div class="comment-details">
+
-
          <div class="commnet-user">
+
-
          <img src="./images/user1.jpg" alt="" />
+
-
          </div>
+
-
          <div class="commnet-desc">
+
-
          <h3>bla</h3>
+
-
          <p>bla bla bla</p>
+
-
            </div>
+
-
          <div class="clear"></div>
+
-
              </div>
+
-
          </li>
+
-
          <li class="subchild">
+
-
              <div class="comment-details">
+
-
          <div class="commnet-user">
+
-
          <img src="./images/user2.jpg" alt="" />
+
-
          </div>
+
-
          <div class="commnet-desc">
+
-
          <h3>bla</h3>
+
-
          <p>bla bla bla</p>
+
-
            </div>
+
-
          <div class="clear"></div>
+
-
              </div>
+
-
           
+
-
              <ul class="subchilds">
+
-
              <li>
+
-
              <div class="comment-details">
+
-
          <div class="commnet-user">
+
-
          <img src="./images/user3.jpg" alt="" />
+
-
          </div>
+
-
          <div class="commnet-desc">
+
-
          <h3>bla</h3>
+
-
          <p>bla bla bla</p>
+
-
            </div>
+
-
          <div class="clear"></div>
+
-
              </div>
+
-
              </li>
+
-
              <li>
+
-
              <div class="comment-details">
+
-
          <div class="commnet-user">
+
-
          <img src="./images/user4.jpg" alt="" />
+
-
          </div>
+
-
          <div class="commnet-desc">
+
-
          <h3>bla</h3>
+
-
          <p>bla bla bla</p>
+
-
            </div>
+
-
          <div class="clear"></div>
+
-
              </div>
+
-
            </li>
+
-
            </ul>
+
-
                  </li>  
+
-
           
+
-
            <li>
+
-
              <div class="comment-details">
+
-
          <div class="commnet-user">
+
-
          <img src="./images/user5.jpg" alt="" />
+
-
          </div>
+
-
          <div class="commnet-desc">
+
-
          <h3>bla</h3>
+
-
          <p>bla bla bla</p>
+
-
            </div>
+
-
          <div class="clear"></div>
+
-
              </div>
+
-
            </li>
+
-
          </ul>
+
-
          </div>
+
-
          </div>
+
-
          <div class="clear"></div>
+
-
          </div>
+
-
         
+
-
        </div>
+
-
          </div>  
+
</body>
</body>
</html>
</html>

Latest revision as of 15:37, 7 October 2014

Retrieved from "http://2014.igem.org/Team:Sheffield/project"