Team:Sheffield/project

From 2014.igem.org

(Difference between revisions)
Line 17: Line 17:
});
});
</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"/>
 +
<link href='http://fonts.googleapis.com/css?family=Raleway:400,800,700,600,500,300' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Open+Sans:700' rel='stylesheet' type='text/css'>
 +
 +
</head>
</head>
Line 49: Line 56:
-
<div id="firstSection">
+
  <div class="main">
-
<p>bla bla bla</p>
+
    <div class="wrap">
-
</div>
+
   
-
<div id="secondSection">
+
    <div class="main-top">
-
<p>bla bla bla</p>
+
    <!-- Grid-1 -->
-
</div>
+
      <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>

Revision as of 13:37, 7 October 2014

bla bla

bla
bla

Project
A Great Work title

bla

bla

bla

bla

bla bla bla

bla

bla bla bla

bla bla

  • bla

    bla bla bla

  • bla

    bla bla bla

    • bla

      bla bla bla

    • bla

      bla bla bla

  • bla

    bla bla bla