|
|
Line 55: |
Line 55: |
| | | |
| | | |
- |
| |
- | <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> |