|
|
| (8 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"/>
| |
| - | <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'>
| |
| | | | |
| | | | |
| Line 51: |
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> |
"
