Difference between revisions of "Team:Peking/Lab"

Line 127: Line 127:
  
 
         .demo-card-wide.mdl-card {
 
         .demo-card-wide.mdl-card {
             margin-bottom: 50px;
+
             margin-bottom: 20px;
 
             margin-top: 110px;
 
             margin-top: 110px;
 
             width: auto;
 
             width: auto;
Line 152: Line 152:
 
                     <h1 class="mdl-card__title-text">Lab Notebook</h1>
 
                     <h1 class="mdl-card__title-text">Lab Notebook</h1>
 
                 </div>
 
                 </div>
                 <div class="mdl-card__supporting-text" style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 40px; padding-right: 40px; padding-top: 50px; padding-bottom:50px">
+
                 <div class="mdl-card__supporting-text" style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 30px; padding-right: 10px; padding-top: 30px; padding-bottom:30px">
 
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 
                     Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 
                     Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Line 162: Line 162:
 
                 </div>
 
                 </div>
  
                <div class="mdl-card__menu">
+
 
                    <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect">
+
                        <i class="material-icons">share</i>
+
                    </button>
+
                </div>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 174: Line 170:
 
                     <h1 class="mdl-card__title-text">Interlab</h1>
 
                     <h1 class="mdl-card__title-text">Interlab</h1>
 
                 </div>
 
                 </div>
                 <div class="mdl-card__supporting-text" style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 40px; padding-right: 40px; padding-top: 50px; padding-bottom:50px">
+
                 <div class="mdl-card__supporting-text" style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 30px; padding-right: 40px; padding-top: 30px; padding-bottom:30px">
 
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 
                     Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 
                     Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Line 184: Line 180:
 
                 </div>
 
                 </div>
  
                <div class="mdl-card__menu">
+
 
                    <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect">
+
            </div>
                        <i class="material-icons">share</i>
+
        </div>
                     </button>
+
    </div>
 +
    <div class="mdl-grid mdl-grid--no-spacing" style="margin: 0px">
 +
        <div class="mdl-cell mdl-cell--6-col">
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-left: 50px; margin-right: 30px; margin-top: 30px">
 +
                <div class="mdl-card__title" style="background: url('notebook.jpg') center / cover;">
 +
                     <h1 class="mdl-card__title-text">Lab Notebook</h1>
 
                 </div>
 
                 </div>
 +
                <div class="mdl-card__supporting-text" style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 30px; padding-right: 10px; padding-top: 30px; padding-bottom:30px">
 +
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
                    Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
                    Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
                    Mauris sagittis pellentesque lacus eleifend lacinia...L<br><br>
 +
                    <a class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect" href = "https://2017.igem.org/Team:Peking/Hardware/Microfluidics" style="background-color: #1E4D8D; color: white;">
 +
                        Read More
 +
                    </a>
 +
                </div>
 +
 +
 +
            </div>
 +
        </div>
 +
        <div class="mdl-cell mdl-cell--6-col">
 +
            <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-right: 50px; margin-left: 30px; margin-top: 30px">
 +
                <div class="mdl-card__title" style="background: url('Interlab.jpg') center / cover;">
 +
                    <h1 class="mdl-card__title-text">Interlab</h1>
 +
                </div>
 +
                <div class="mdl-card__supporting-text" style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 30px; padding-right: 40px; padding-top: 30px; padding-bottom:30px">
 +
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
                    Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
                    Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
                    Mauris sagittis pellentesque lacus eleifend lacinia...L<br><br>
 +
                    <a class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect" href = "https://2017.igem.org/Team:Peking/Hardware/Microfluidics" style="background-color: #1E4D8D; color: white;">
 +
                        Read More
 +
                    </a>
 +
                </div>
 +
 +
 
             </div>
 
             </div>
 
         </div>
 
         </div>

Revision as of 04:29, 27 October 2017

Peking iGEM 2017

Lab Notebook

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...L

Read More

Interlab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...L

Read More

Lab Notebook

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...L

Read More

Interlab

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...L

Read More