Line 27: | Line 27: | ||
body { | body { | ||
background-color: #FAFAFA; | background-color: #FAFAFA; | ||
− | + | !important; | |
} | } | ||
Line 127: | Line 127: | ||
.demo-card-wide.mdl-card { | .demo-card-wide.mdl-card { | ||
− | margin- | + | margin-bottom: 20px; |
− | + | margin-top: 110px; | |
− | margin-top: | + | |
− | + | ||
width: auto; | width: auto; | ||
+ | height: auto; | ||
} | } | ||
.demo-card-wide > .mdl-card__title { | .demo-card-wide > .mdl-card__title { | ||
+ | padding-left: 40px; | ||
+ | padding-right: 40px; | ||
color: #fff; | color: #fff; | ||
− | height: | + | height: 350px; |
} | } | ||
.demo-card-wide > .mdl-card__menu { | .demo-card-wide > .mdl-card__menu { | ||
Line 143: | Line 144: | ||
</style> | </style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <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;"> | ||
+ | <div class="mdl-card__title" style="background: url('https://static.igem.org/mediawiki/2017/f/fe/Peking_botebook_background.jpeg') center / cover;"> | ||
+ | <h1 class="mdl-card__title-text"><strong>Notebook</strong></h1> | ||
+ | </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/Notebook"target="_blank style="background-color: red; 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;"> | ||
+ | <div class="mdl-card__title" style="background: url('https://static.igem.org/mediawiki/2017/f/fb/Peking_Protocols_Background.jpg') center / cover;"> | ||
+ | <h1 class="mdl-card__title-text"><strong>Protocols</strong></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/Protocols"target="_blank style="background-color: #FF3942; color: white;"> | ||
+ | Read More | ||
+ | </a> | ||
+ | </div> | ||
− | |||
− | |||
− | + | </div> | |
− | + | </div> | |
+ | </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; margin-bottom: 100px"> | ||
+ | <div class="mdl-card__title" style="background: url('https://static.igem.org/mediawiki/2017/6/69/Peking_Safety_Background.jpeg') center / cover;"> | ||
+ | <h1 class="mdl-card__title-text"><strong>Safety</strong></h1> | ||
+ | </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/Safety"target="_blank style="background-color: orangered; 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; margin-bottom: 50px"> |
− | + | <div class="mdl-card__title" style="background: url('https://static.igem.org/mediawiki/2017/f/ff/Peking_Interlab_background.jpeg') center / cover;"> | |
− | + | <h1 class="mdl-card__title-text"><strong>Interlab</strong></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/InterLab"target="_blank style="background-color: #FFB645; color: white;"> | |
− | + | Read More | |
− | + | </a> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | < | + | </div> |
− | + | </div> | |
− | + | </div> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<section class="docs-text-styling download mdl-color--grey-800" style="height: 1px"></section> | <section class="docs-text-styling download mdl-color--grey-800" style="height: 1px"></section> | ||
Line 300: | Line 280: | ||
</main> | </main> | ||
− | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 06:12, 28 October 2017
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
Read More
Protocols
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
Read More
Safety
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
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
Read More