Difference between revisions of "Team:Tokyo Tech/Parts"

Line 1: Line 1:
−
{{Tokyo_Tech}}
+
{{Tokyo_Tech/mobirise/nav-bar}}
−
{{Tokyo_Tech/reset}}
+
 
<html>
 
<html>
−
<div>
 
−
<groupparts>iGEM18 Tokyo_Tech</groupparts>
 
−
<html>
 
−
</div>
 
  
 +
<section class="engine"><a href="https://mobirise.info/l">free site templates</a></section><section class="mbr-section content5 cid-r5GSF2XvHd mbr-parallax-background" id="content5-l">
  
 +
   
  
 +
   
 +
 +
    <div class="container">
 +
        <div class="media-container-row">
 +
            <div class="title col-12 col-md-8">
 +
                <h2 class="align-center mbr-bold mbr-white pb-3 mbr-fonts-style display-1">Basic Parts</h2>
 +
                <h3 class="mbr-section-subtitle align-center mbr-light mbr-white pb-3 mbr-fonts-style display-5">
 +
                    Article header with background image and parallax effect
 +
                </h3>
 +
               
 +
               
 +
            </div>
 +
        </div>
 +
    </div>
 +
</section>
 +
 +
<section class="section-table cid-r5GSyhtdwe" id="table1-j">
 +
 +
 
 +
 
 +
  <div class="container container-table">
 +
      <h2 class="mbr-section-title mbr-fonts-style align-center pb-3 display-2">
 +
          Table
 +
      </h2>
 +
      <h3 class="mbr-section-subtitle mbr-fonts-style align-center pb-5 mbr-light display-5">
 +
            Click blue "Gear" icon in the top right corner to hide/show search and info, change the the table background and other parameters.  In browser click on the table head to sort the table, use search to filter the table.   
 +
      </h3>
 +
      <div class="table-wrapper">
 +
        <div class="container">
 +
          <div class="row search">
 +
            <div class="col-md-6"></div>
 +
            <div class="col-md-6">
 +
                <div class="dataTables_filter">
 +
                  <label class="searchInfo mbr-fonts-style display-7">Search:</label>
 +
                  <input class="form-control input-sm" disabled="">
 +
                </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
 +
        <div class="container scroll">
 +
          <table class="table isSearch" cellspacing="0">
 +
            <thead>
 +
              <tr class="table-heads ">
 +
                 
 +
                 
 +
                 
 +
                 
 +
              <th class="head-item mbr-fonts-style display-7">
 +
                      NAME</th><th class="head-item mbr-fonts-style display-7">
 +
                      AGE</th><th class="head-item mbr-fonts-style display-7">
 +
                      DATE</th><th class="head-item mbr-fonts-style display-7">
 +
                      SALARY</th></tr>
 +
            </thead>
 +
 +
            <tbody>
 +
             
 +
             
 +
             
 +
             
 +
            <tr>
 +
               
 +
               
 +
               
 +
               
 +
              <td class="body-item mbr-fonts-style display-7">Jeanna Schmal</td><td class="body-item mbr-fonts-style display-7">44</td><td class="body-item mbr-fonts-style display-7">2016-10-17</td><td class="body-item mbr-fonts-style display-7">$317.000</td></tr><tr>
 +
               
 +
               
 +
               
 +
               
 +
              <td class="body-item mbr-fonts-style display-7">Caren Rials</td><td class="body-item mbr-fonts-style display-7">35</td><td class="body-item mbr-fonts-style display-7">2013-04-12</td><td class="body-item mbr-fonts-style display-7">$445.500</td></tr><tr>
 +
               
 +
               
 +
               
 +
               
 +
              <td class="body-item mbr-fonts-style display-7">Leon Rogol</td><td class="body-item mbr-fonts-style display-7">66</td><td class="body-item mbr-fonts-style display-7">2016-05-22</td><td class="body-item mbr-fonts-style display-7">$152.558</td></tr><tr>
 +
               
 +
               
 +
               
 +
               
 +
              <td class="body-item mbr-fonts-style display-7">Shala Barrera</td><td class="body-item mbr-fonts-style display-7">70</td><td class="body-item mbr-fonts-style display-7">2016-05-15</td><td class="body-item mbr-fonts-style display-7">$459.146</td></tr></tbody>
 +
          </table>
 +
        </div>
 +
        <div class="container table-info-container">
 +
          <div class="row info">
 +
            <div class="col-md-6">
 +
              <div class="dataTables_info mbr-fonts-style display-7">
 +
                <span class="infoBefore">Showing</span>
 +
                <span class="inactive infoRows"></span>
 +
                <span class="infoAfter">entries</span>
 +
                <span class="infoFilteredBefore">(filtered from</span>
 +
                <span class="inactive infoRows"></span>
 +
                <span class="infoFilteredAfter"> total entries)</span>
 +
              </div>
 +
            </div>
 +
            <div class="col-md-6"></div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
</section>
 +
 +
<section class="mbr-section article content1 cid-r5GSHc7Tle" id="content1-m">
 +
   
 +
   
 +
 +
    <div class="container">
 +
        <div class="media-container-row">
 +
            <div class="mbr-text col-12 col-md-8 mbr-fonts-style display-7">
 +
                <strong> Make your own website in a few clicks!</strong> Mobirise helps you cut down development time by providing you with a flexible website editor with a drag and drop interface. Mobirise Website Builder creates responsive, retina and <em>mobile friendly websites</em> in a few clicks. Mobirise is one of the easiest website development tools <a href="https://mobirise.co/">available</a> today. It also gives you the freedom to develop as many websites as you like given the fact that it is a desktop app.
 +
            </div>
 +
        </div>
 +
    </div>
 +
</section>
  
 
</html>
 
</html>
 +
 +
{{}}

Revision as of 07:15, 10 October 2018

free site templates

Basic Parts

Article header with background image and parallax effect

Table

Click blue "Gear" icon in the top right corner to hide/show search and info, change the the table background and other parameters. In browser click on the table head to sort the table, use search to filter the table.

NAME AGE DATE SALARY
Jeanna Schmal442016-10-17$317.000
Caren Rials352013-04-12$445.500
Leon Rogol662016-05-22$152.558
Shala Barrera702016-05-15$459.146
Showing entries (filtered from total entries)
Make your own website in a few clicks! Mobirise helps you cut down development time by providing you with a flexible website editor with a drag and drop interface. Mobirise Website Builder creates responsive, retina and mobile friendly websites in a few clicks. Mobirise is one of the easiest website development tools available today. It also gives you the freedom to develop as many websites as you like given the fact that it is a desktop app.

{{}}