(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | + | <html lang="en"> | |
− | <html> | + | |
+ | <head> | ||
+ | <style> | ||
+ | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ | ||
+ | /* Clear the default wiki settings */ | ||
− | + | #home_logo, #sideMenu { | |
+ | display: none; | ||
+ | } | ||
− | + | #sideMenu, #top_title, .patrollink { | |
+ | display: none; | ||
+ | } | ||
− | + | #content { | |
− | + | width: 100%; | |
+ | padding: 0px; | ||
+ | margin-top: 0px; | ||
+ | margin-left: 0px; | ||
+ | } | ||
+ | body { | ||
+ | background-color: #FAFAFA; | ||
+ | !important; | ||
+ | } | ||
− | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { | |
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | </style> | ||
+ | <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Template:Peking/mdl/materialminjs? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <link href="https://2017.igem.org/Template:Peking/mdl/component?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <script type="text/javascript" | ||
+ | src="https://2017.igem.org/Template:Peking/mdl/componentjs?action=raw&ctype=text/javascript"></script> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2017.igem.org/Template:Peking/mdl/MDLnew?action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2017.igem.org/Template:Peking/mdl/main?action=raw&ctype=text/css"> | ||
+ | <!-- Fonts --> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2017.igem.org/Template:Peking/mdl/fonts?action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2017.igem.org/Template:Peking/mdl/icon?action=raw&ctype=text/css"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | </head> | ||
+ | <body> | ||
− | |||
− | < | + | <!-- Always shows a header, even in smaller screens. --> |
− | < | + | <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> |
− | < | + | <header class="mdl-layout__header"> |
+ | <div class="mdl-layout__header-row"> | ||
+ | <!-- Title --> | ||
+ | <a href="https://2017.igem.org/Team:Peking"><img | ||
+ | src="https://static.igem.org/mediawiki/2017/c/cf/Peking_TeamLogoClassical.png" height="35"></a> | ||
+ | |||
+ | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking" | ||
+ | style="color: #000000; font-size: x-large"><strong>Peking iGEM </strong> 2017</a> | ||
+ | <!-- Add spacer, to align navigation to the right --> | ||
+ | <div class="mdl-layout-spacer"></div> | ||
+ | <!-- Navigation. We hide it in small screens. --> | ||
+ | <nav class="mdl-navigation mdl-layout--large-screen-only"> | ||
+ | <style> | ||
+ | a:link { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:visited { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:active { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | } | ||
+ | </style> | ||
+ | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking">Home</a> | ||
+ | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Project">Project</a> | ||
+ | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Model">Modelling</a> | ||
+ | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Software">Software</a> | ||
+ | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Hardware">Hardware</a> | ||
+ | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Lab">Lab</a> | ||
+ | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/HP">Practices</a> | ||
+ | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Parts" style="color: #000; font-weight: 500">Parts</a> | ||
+ | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Team">Team</a> | ||
+ | </nav> | ||
+ | </div> | ||
+ | </header> | ||
+ | |||
</div> | </div> | ||
+ | <main class="docs-layout-content mdl-layout__content mdl-color-text--grey-600" style="width: 100%; padding-bottom: 0px;"> | ||
+ | <div class="content mdl-grid mdl-grid--no-spacing" id="content"> | ||
+ | <div class="mdl-components mdl-js-components mdl-cell mdl-cell--12-col" | ||
+ | style="padding-top: 60px; background-color: #FAFAFA"> | ||
+ | <aside class="mdl-components__nav docs-text-styling mdl-shadow--4dp" style="width: 240px;"> | ||
+ | <a href="https://2017.igem.org/Team:Peking/Project#Background" | ||
+ | class="mdl-components__link mdl-component Background"> | ||
+ | <div class="mdl-components__link-image" | ||
+ | style="background-image: url(https://static.igem.org/mediawiki/2017/8/84/Peking_Parts_icon1.png)"> | ||
+ | </div> | ||
+ | <span class="mdl-components__link-text" style="font-size: medium">Basic Parts</span> | ||
+ | </a> | ||
+ | <a href="https://2017.igem.org/Team:Peking/Project#Design" | ||
+ | class="mdl-components__link mdl-component Design"> | ||
+ | <div class="mdl-components__link-image" | ||
+ | style="background-image: url(https://static.igem.org/mediawiki/2017/8/80/Peking_Parts_icon2.png)"> | ||
+ | </div> | ||
+ | <span class="mdl-components__link-text" style="font-size: medium">Composite Parts</span> | ||
+ | </a> | ||
+ | <a href="https://2017.igem.org/Team:Peking/Project#Flip-flop" | ||
+ | class="mdl-components__link mdl-component FF"> | ||
+ | <div class="mdl-components__link-image" | ||
+ | style="background-image: url(https://static.igem.org/mediawiki/2017/0/0c/Peking_Parts_icon3.png);"> | ||
+ | </div> | ||
+ | <span class="mdl-components__link-text" style="font-size: medium">Part Collection</span> | ||
+ | </a> | ||
− | <div class=" | + | <a href="https://getmdl.io/components/index.html#Controller" |
+ | class="mdl-components__link mdl-component CU"> | ||
+ | <div class="mdl-components__link-image" | ||
+ | style="background-image: url(https://static.igem.org/mediawiki/2017/f/f7/Peking_Parts_icon4.png)"> | ||
+ | </div> | ||
+ | <span class="mdl-components__link-text" style="font-size: medium">Improvement</span> | ||
+ | </a> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | </ | + | </aside> |
+ | <section id="index-section" class="mdl-components-index mdl-components__page is-active"> | ||
+ | </section> | ||
+ | <section id="Background" class="mdl-components__page mdl-grid"> | ||
+ | <!-- Wide card with share menu button --> | ||
+ | <style> | ||
+ | .demo-card-wide.mdl-card { | ||
− | + | padding-top: 40px; | |
+ | margin-top: 30px; | ||
+ | padding-left: 50px; | ||
+ | padding-right: 30px; | ||
+ | width: auto; | ||
− | + | } | |
− | + | ||
− | + | .demo-card-wide > .mdl-card__title { | |
− | + | color: #fff; | |
− | + | height: 176px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | } | |
− | + | ||
− | + | .demo-card-wide > .mdl-card__menu { | |
+ | color: #000; | ||
+ | } | ||
− | + | .demo-card-wide > .mdl-card__supporting-text { | |
+ | /*text-indent: 3em;*/ | ||
+ | color: rgba(0, 0, 0, 0.85); | ||
+ | font-size: 1rem; | ||
+ | line-height: 32px; | ||
+ | font-family: "Roboto", "Helvetica", "Arial", sans-serif; | ||
+ | text-align: justify; | ||
+ | !important; | ||
+ | } | ||
+ | </style> | ||
− | </html> | + | <div class="demo-card-wide mdl-card mdl-shadow--2dp"> |
− | < | + | |
+ | <div class="mdl-card__supporting-text"> | ||
+ | |||
+ | <h1>Background</h1> | ||
+ | <p>Building blocks for constructing a page layout.</p> | ||
+ | |||
+ | |||
+ | |||
+ | <section class="docs-toc docs-text-styling"> | ||
+ | <nav class="section-content"> | ||
+ | <ul> | ||
+ | |||
+ | <li><a href="#lorem1">Description</a></li> | ||
+ | |||
+ | <li><a href="https://getmdl.io/components/index.html#layout-section/grid">Description</a></li> | ||
+ | |||
+ | <li><a href="https://getmdl.io/components/index.html#layout-section/tabs">Description</a></li> | ||
+ | |||
+ | <li><a href="https://getmdl.io/components/index.html#layout-section/footer">Description</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </nav> | ||
+ | </section> | ||
+ | |||
+ | <h1>How to install MDL</h1> | ||
+ | <h2>How to install MDL</h2> | ||
+ | <h3>How to install MDL</h3> | ||
+ | <h4>How to install MDL</h4> | ||
+ | <h5>How to install MDL</h5> | ||
+ | <h6>How to install MDL</h6> | ||
+ | <h7>How to install MDL</h7> | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | <br><br> | ||
+ | |||
+ | Tempor tempor aliqua in commodo cillum Lorem<br><br> magna dolore proident Lorem. Esse ad | ||
+ | consequat | ||
+ | est excepteur irure eu irure quis aliqua qui. Do mollit esse veniam excepteur ut veniam anim | ||
+ | minim | ||
+ | dolore sit commodo consequat duis commodo. Sunt dolor reprehenderit ipsum minim eiusmod eu | ||
+ | consectetur anim excepteur eiusmod. Duis excepteur anim dolor sit enim veniam deserunt anim | ||
+ | adipisicing Lorem elit. Cillum sunt do consequat elit laboris nisi consectetur. | ||
+ | |||
+ | <h3 id="lorem1">Basic MDL Usage</h3> | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | |||
+ | |||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | |||
+ | Cillum dolor esse sit incididunt velit <br><br>eiusmod magna ad nostrud officia aute dolor | ||
+ | dolor. | ||
+ | Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat | ||
+ | mollit | ||
+ | minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod | ||
+ | quis | ||
+ | amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute | ||
+ | ipsum | ||
+ | sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur | ||
+ | aliqua elit. | ||
+ | |||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | |||
+ | Commodo nisi non consectetur voluptate <br><br>incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim | ||
+ | in | ||
+ | quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam | ||
+ | minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum | ||
+ | ullamco | ||
+ | voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate | ||
+ | culpa | ||
+ | qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | </div> | ||
+ | <!--<div class="mdl-card__actions mdl-card--border"> | ||
+ | <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect"> | ||
+ | Get Started | ||
+ | </a> | ||
+ | </div>--> | ||
+ | <div class="mdl-card__menu"> | ||
+ | <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect"> | ||
+ | <i class="material-icons">star</i> | ||
+ | </button> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </section> | ||
+ | <section id="Design" class="mdl-components__page mdl-grid"> | ||
+ | <!-- Wide card with share menu button --> | ||
+ | <style> | ||
+ | .demo-card-wide.mdl-card { | ||
+ | |||
+ | padding-top: 40px; | ||
+ | margin-top: 30px; | ||
+ | padding-left: 50px; | ||
+ | padding-right: 30px; | ||
+ | width: auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | .demo-card-wide > .mdl-card__title { | ||
+ | color: #fff; | ||
+ | height: 176px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .demo-card-wide > .mdl-card__menu { | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | .demo-card-wide > .mdl-card__supporting-text { | ||
+ | /*text-indent: 3em;*/ | ||
+ | color: rgba(0, 0, 0, 0.85); | ||
+ | font-size: 1rem; | ||
+ | line-height: 32px; | ||
+ | font-family: "Roboto", "Helvetica", "Arial", sans-serif; | ||
+ | text-align: justify; | ||
+ | !important; | ||
+ | |||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <div class="demo-card-wide mdl-card mdl-shadow--2dp"> | ||
+ | |||
+ | <div class="mdl-card__supporting-text"> | ||
+ | <h1>How to install MDL</h1> | ||
+ | <h2>How to install MDL</h2> | ||
+ | <h3>How to install MDL</h3> | ||
+ | <h4>How to install MDL</h4> | ||
+ | <h5>How to install MDL</h5> | ||
+ | <h6>How to install MDL</h6> | ||
+ | <h7>How to install MDL</h7> | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | <br><br> | ||
+ | |||
+ | Tempor tempor aliqua in commodo cillum Lorem<br><br> magna dolore proident Lorem. Esse ad | ||
+ | consequat | ||
+ | est excepteur irure eu irure quis aliqua qui. Do mollit esse veniam excepteur ut veniam anim | ||
+ | minim | ||
+ | dolore sit commodo consequat duis commodo. Sunt dolor reprehenderit ipsum minim eiusmod eu | ||
+ | consectetur anim excepteur eiusmod. Duis excepteur anim dolor sit enim veniam deserunt anim | ||
+ | adipisicing Lorem elit. Cillum sunt do consequat elit laboris nisi consectetur. | ||
+ | |||
+ | <h3>Basic MDL Usage</h3> | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | |||
+ | |||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | |||
+ | Cillum dolor esse sit incididunt velit <br><br>eiusmod magna ad nostrud officia aute dolor | ||
+ | dolor. | ||
+ | Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat | ||
+ | mollit | ||
+ | minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod | ||
+ | quis | ||
+ | amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute | ||
+ | ipsum | ||
+ | sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur | ||
+ | aliqua elit. | ||
+ | |||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | |||
+ | Commodo nisi non consectetur voluptate <br><br>incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim | ||
+ | in | ||
+ | quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam | ||
+ | minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum | ||
+ | ullamco | ||
+ | voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate | ||
+ | culpa | ||
+ | qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | </div> | ||
+ | <!--<div class="mdl-card__actions mdl-card--border"> | ||
+ | <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect"> | ||
+ | Get Started | ||
+ | </a> | ||
+ | </div>--> | ||
+ | <div class="mdl-card__menu"> | ||
+ | <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect"> | ||
+ | <i class="material-icons">star</i> | ||
+ | </button> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </section> | ||
+ | <section id="Flip-flop" class="mdl-components__page mdl-grid"> | ||
+ | <!-- Wide card with share menu button --> | ||
+ | <style> | ||
+ | .demo-card-wide.mdl-card { | ||
+ | |||
+ | padding-top: 40px; | ||
+ | margin-top: 30px; | ||
+ | padding-left: 50px; | ||
+ | padding-right: 30px; | ||
+ | width: auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | .demo-card-wide > .mdl-card__title { | ||
+ | color: #fff; | ||
+ | height: 176px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .demo-card-wide > .mdl-card__menu { | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | .demo-card-wide > .mdl-card__supporting-text { | ||
+ | /*text-indent: 3em;*/ | ||
+ | color: rgba(0, 0, 0, 0.85); | ||
+ | font-size: 1rem; | ||
+ | line-height: 32px; | ||
+ | font-family: "Roboto", "Helvetica", "Arial", sans-serif; | ||
+ | text-align: justify; | ||
+ | !important; | ||
+ | |||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <div class="demo-card-wide mdl-card mdl-shadow--2dp"> | ||
+ | |||
+ | <div class="mdl-card__supporting-text"> | ||
+ | <h1>How to install MDL</h1> | ||
+ | <h2>How to install MDL</h2> | ||
+ | <h3>How to install MDL</h3> | ||
+ | <h4>How to install MDL</h4> | ||
+ | <h5>How to install MDL</h5> | ||
+ | <h6>How to install MDL</h6> | ||
+ | <h7>How to install MDL</h7> | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | <br><br> | ||
+ | |||
+ | Tempor tempor aliqua in commodo cillum Lorem<br><br> magna dolore proident Lorem. Esse ad | ||
+ | consequat | ||
+ | est excepteur irure eu irure quis aliqua qui. Do mollit esse veniam excepteur ut veniam anim | ||
+ | minim | ||
+ | dolore sit commodo consequat duis commodo. Sunt dolor reprehenderit ipsum minim eiusmod eu | ||
+ | consectetur anim excepteur eiusmod. Duis excepteur anim dolor sit enim veniam deserunt anim | ||
+ | adipisicing Lorem elit. Cillum sunt do consequat elit laboris nisi consectetur. | ||
+ | |||
+ | <h3>Basic MDL Usage</h3> | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | |||
+ | |||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | |||
+ | Cillum dolor esse sit incididunt velit <br><br>eiusmod magna ad nostrud officia aute dolor | ||
+ | dolor. | ||
+ | Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat | ||
+ | mollit | ||
+ | minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod | ||
+ | quis | ||
+ | amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute | ||
+ | ipsum | ||
+ | sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur | ||
+ | aliqua elit. | ||
+ | |||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | |||
+ | Commodo nisi non consectetur voluptate <br><br>incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim | ||
+ | in | ||
+ | quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam | ||
+ | minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum | ||
+ | ullamco | ||
+ | voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate | ||
+ | culpa | ||
+ | qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | </div> | ||
+ | <!--<div class="mdl-card__actions mdl-card--border"> | ||
+ | <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect"> | ||
+ | Get Started | ||
+ | </a> | ||
+ | </div>--> | ||
+ | <div class="mdl-card__menu"> | ||
+ | <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect"> | ||
+ | <i class="material-icons">star</i> | ||
+ | </button> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </section> | ||
+ | <section id="Controller" class="mdl-components__page mdl-grid"> | ||
+ | <!-- Wide card with share menu button --> | ||
+ | <style> | ||
+ | .demo-card-wide.mdl-card { | ||
+ | |||
+ | padding-top: 40px; | ||
+ | margin-top: 30px; | ||
+ | padding-left: 50px; | ||
+ | padding-right: 30px; | ||
+ | width: auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | .demo-card-wide > .mdl-card__title { | ||
+ | color: #fff; | ||
+ | height: 176px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .demo-card-wide > .mdl-card__menu { | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | .demo-card-wide > .mdl-card__supporting-text { | ||
+ | /*text-indent: 3em;*/ | ||
+ | color: rgba(0, 0, 0, 0.85); | ||
+ | font-size: 1rem; | ||
+ | line-height: 32px; | ||
+ | font-family: "Roboto", "Helvetica", "Arial", sans-serif; | ||
+ | text-align: justify; | ||
+ | !important; | ||
+ | |||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <div class="demo-card-wide mdl-card mdl-shadow--2dp"> | ||
+ | |||
+ | <div class="mdl-card__supporting-text"> | ||
+ | <h1>How to install MDL</h1> | ||
+ | <h2>How to install MDL</h2> | ||
+ | <h3>How to install MDL</h3> | ||
+ | <h4>How to install MDL</h4> | ||
+ | <h5>How to install MDL</h5> | ||
+ | <h6>How to install MDL</h6> | ||
+ | <h7>How to install MDL</h7> | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | <br><br> | ||
+ | |||
+ | Tempor tempor aliqua in commodo cillum Lorem<br><br> magna dolore proident Lorem. Esse ad | ||
+ | consequat | ||
+ | est excepteur irure eu irure quis aliqua qui. Do mollit esse veniam excepteur ut veniam anim | ||
+ | minim | ||
+ | dolore sit commodo consequat duis commodo. Sunt dolor reprehenderit ipsum minim eiusmod eu | ||
+ | consectetur anim excepteur eiusmod. Duis excepteur anim dolor sit enim veniam deserunt anim | ||
+ | adipisicing Lorem elit. Cillum sunt do consequat elit laboris nisi consectetur. | ||
+ | |||
+ | <h3>Basic MDL Usage</h3> | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | |||
+ | |||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | |||
+ | Cillum dolor esse sit incididunt velit <br><br>eiusmod magna ad nostrud officia aute dolor | ||
+ | dolor. | ||
+ | Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat | ||
+ | mollit | ||
+ | minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod | ||
+ | quis | ||
+ | amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute | ||
+ | ipsum | ||
+ | sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur | ||
+ | aliqua elit. | ||
+ | |||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | |||
+ | Commodo nisi non consectetur voluptate <br><br>incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim | ||
+ | in | ||
+ | quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam | ||
+ | minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum | ||
+ | ullamco | ||
+ | voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate | ||
+ | culpa | ||
+ | qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | </div> | ||
+ | <!--<div class="mdl-card__actions mdl-card--border"> | ||
+ | <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect"> | ||
+ | Get Started | ||
+ | </a> | ||
+ | </div>--> | ||
+ | <div class="mdl-card__menu"> | ||
+ | <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect"> | ||
+ | <i class="material-icons">star</i> | ||
+ | </button> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </section> | ||
+ | <section id="Clock" class="mdl-components__page mdl-grid"> | ||
+ | <!-- Wide card with share menu button --> | ||
+ | <style> | ||
+ | .demo-card-wide.mdl-card { | ||
+ | |||
+ | padding-top: 40px; | ||
+ | margin-top: 30px; | ||
+ | padding-left: 50px; | ||
+ | padding-right: 30px; | ||
+ | width: auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | .demo-card-wide > .mdl-card__title { | ||
+ | color: #fff; | ||
+ | height: 176px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .demo-card-wide > .mdl-card__menu { | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | .demo-card-wide > .mdl-card__supporting-text { | ||
+ | /*text-indent: 3em;*/ | ||
+ | color: rgba(0, 0, 0, 0.85); | ||
+ | font-size: 1rem; | ||
+ | line-height: 32px; | ||
+ | font-family: "Roboto", "Helvetica", "Arial", sans-serif; | ||
+ | text-align: justify; | ||
+ | !important; | ||
+ | |||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <div class="demo-card-wide mdl-card mdl-shadow--2dp"> | ||
+ | |||
+ | <div class="mdl-card__supporting-text"> | ||
+ | <h1>How to install MDL</h1> | ||
+ | <h2>How to install MDL</h2> | ||
+ | <h3>How to install MDL</h3> | ||
+ | <h4>How to install MDL</h4> | ||
+ | <h5>How to install MDL</h5> | ||
+ | <h6>How to install MDL</h6> | ||
+ | <h7>How to install MDL</h7> | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | <br><br> | ||
+ | |||
+ | Tempor tempor aliqua in commodo cillum Lorem<br><br> magna dolore proident Lorem. Esse ad | ||
+ | consequat | ||
+ | est excepteur irure eu irure quis aliqua qui. Do mollit esse veniam excepteur ut veniam anim | ||
+ | minim | ||
+ | dolore sit commodo consequat duis commodo. Sunt dolor reprehenderit ipsum minim eiusmod eu | ||
+ | consectetur anim excepteur eiusmod. Duis excepteur anim dolor sit enim veniam deserunt anim | ||
+ | adipisicing Lorem elit. Cillum sunt do consequat elit laboris nisi consectetur. | ||
+ | |||
+ | <h3>Basic MDL Usage</h3> | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | |||
+ | |||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | |||
+ | Cillum dolor esse sit incididunt velit <br><br>eiusmod magna ad nostrud officia aute dolor | ||
+ | dolor. | ||
+ | Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat | ||
+ | mollit | ||
+ | minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod | ||
+ | quis | ||
+ | amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute | ||
+ | ipsum | ||
+ | sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur | ||
+ | aliqua elit. | ||
+ | |||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | |||
+ | Commodo nisi non consectetur voluptate <br><br>incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim | ||
+ | in | ||
+ | quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam | ||
+ | minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum | ||
+ | ullamco | ||
+ | voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate | ||
+ | culpa | ||
+ | qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | </div> | ||
+ | <!--<div class="mdl-card__actions mdl-card--border"> | ||
+ | <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect"> | ||
+ | Get Started | ||
+ | </a> | ||
+ | </div>--> | ||
+ | <div class="mdl-card__menu"> | ||
+ | <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect"> | ||
+ | <i class="material-icons">star</i> | ||
+ | </button> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </section> | ||
+ | <section id="Demonstrate" class="mdl-components__page mdl-grid"> | ||
+ | <!-- Wide card with share menu button --> | ||
+ | <style> | ||
+ | .demo-card-wide.mdl-card { | ||
+ | |||
+ | padding-top: 60px; | ||
+ | padding-left: 30px; | ||
+ | padding-right: 30px; | ||
+ | padding-bottom: 50px; | ||
+ | margin-bottom: 50px; | ||
+ | margin-left: 30px; | ||
+ | margin-right: 30px; | ||
+ | margin-top: 30px; | ||
+ | width: auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | .demo-card-wide > .mdl-card__title { | ||
+ | color: #fff; | ||
+ | height: 176px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .demo-card-wide > .mdl-card__menu { | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | .demo-card-wide > .mdl-card__supporting-text { | ||
+ | /*text-indent: 3em;*/ | ||
+ | color: rgba(0, 0, 0, 0.85); | ||
+ | font-size: 1rem; | ||
+ | line-height: 32px; | ||
+ | font-family: "Roboto", "Helvetica", "Arial", sans-serif; | ||
+ | text-align: justify; | ||
+ | !important; | ||
+ | |||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <div class="demo-card-wide mdl-card mdl-shadow--2dp"> | ||
+ | |||
+ | <div class="mdl-card__supporting-text"> | ||
+ | <h1>How to install MDL</h1> | ||
+ | <h2>How to install MDL</h2> | ||
+ | <h3>How to install MDL</h3> | ||
+ | <h4>How to install MDL</h4> | ||
+ | <h5>How to install MDL</h5> | ||
+ | <h6>How to install MDL</h6> | ||
+ | <h7>How to install MDL</h7> | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | <br><br> | ||
+ | |||
+ | Tempor tempor aliqua in commodo cillum Lorem<br><br> magna dolore proident Lorem. Esse ad | ||
+ | consequat | ||
+ | est excepteur irure eu irure quis aliqua qui. Do mollit esse veniam excepteur ut veniam anim | ||
+ | minim | ||
+ | dolore sit commodo consequat duis commodo. Sunt dolor reprehenderit ipsum minim eiusmod eu | ||
+ | consectetur anim excepteur eiusmod. Duis excepteur anim dolor sit enim veniam deserunt anim | ||
+ | adipisicing Lorem elit. Cillum sunt do consequat elit laboris nisi consectetur. | ||
+ | |||
+ | <h3>Basic MDL Usage</h3> | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | |||
+ | |||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | |||
+ | Cillum dolor esse sit incididunt velit <br><br>eiusmod magna ad nostrud officia aute dolor | ||
+ | dolor. | ||
+ | Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat | ||
+ | mollit | ||
+ | minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod | ||
+ | quis | ||
+ | amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute | ||
+ | ipsum | ||
+ | sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur | ||
+ | aliqua elit. | ||
+ | |||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | |||
+ | Commodo nisi non consectetur voluptate <br><br>incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim | ||
+ | in | ||
+ | quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam | ||
+ | minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum | ||
+ | ullamco | ||
+ | voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate | ||
+ | culpa | ||
+ | qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | </div> | ||
+ | <!--<div class="mdl-card__actions mdl-card--border"> | ||
+ | <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect"> | ||
+ | Get Started | ||
+ | </a> | ||
+ | </div>--> | ||
+ | <div class="mdl-card__menu"> | ||
+ | <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect"> | ||
+ | <i class="material-icons">star</i> | ||
+ | </button> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </section> | ||
+ | <section id="Prospect" class="mdl-components__page mdl-grid"> | ||
+ | <!-- Wide card with share menu button --> | ||
+ | <style> | ||
+ | .demo-card-wide.mdl-card { | ||
+ | |||
+ | padding-top: 40px; | ||
+ | margin-top: 30px; | ||
+ | padding-left: 50px; | ||
+ | padding-right: 30px; | ||
+ | width: auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | .demo-card-wide > .mdl-card__title { | ||
+ | color: #fff; | ||
+ | height: 176px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .demo-card-wide > .mdl-card__menu { | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | .demo-card-wide > .mdl-card__supporting-text { | ||
+ | /*text-indent: 3em;*/ | ||
+ | color: rgba(0, 0, 0, 0.85); | ||
+ | font-size: 1rem; | ||
+ | line-height: 32px; | ||
+ | font-family: "Roboto", "Helvetica", "Arial", sans-serif; | ||
+ | text-align: justify; | ||
+ | !important; | ||
+ | |||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <div class="demo-card-wide mdl-card mdl-shadow--2dp"> | ||
+ | |||
+ | <div class="mdl-card__supporting-text"> | ||
+ | <h1>How to install MDL</h1> | ||
+ | <h2>How to install MDL</h2> | ||
+ | <h3>How to install MDL</h3> | ||
+ | <h4>How to install MDL</h4> | ||
+ | <h5>How to install MDL</h5> | ||
+ | <h6>How to install MDL</h6> | ||
+ | <h7>How to install MDL</h7> | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | <br><br> | ||
+ | |||
+ | Tempor tempor aliqua in commodo cillum Lorem<br><br> magna dolore proident Lorem. Esse ad | ||
+ | consequat | ||
+ | est excepteur irure eu irure quis aliqua qui. Do mollit esse veniam excepteur ut veniam anim | ||
+ | minim | ||
+ | dolore sit commodo consequat duis commodo. Sunt dolor reprehenderit ipsum minim eiusmod eu | ||
+ | consectetur anim excepteur eiusmod. Duis excepteur anim dolor sit enim veniam deserunt anim | ||
+ | adipisicing Lorem elit. Cillum sunt do consequat elit laboris nisi consectetur. | ||
+ | |||
+ | <h3>Basic MDL Usage</h3> | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | |||
+ | |||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | |||
+ | Cillum dolor esse sit incididunt velit <br><br>eiusmod magna ad nostrud officia aute dolor | ||
+ | dolor. | ||
+ | Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat | ||
+ | mollit | ||
+ | minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod | ||
+ | quis | ||
+ | amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute | ||
+ | ipsum | ||
+ | sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur | ||
+ | aliqua elit. | ||
+ | |||
+ | Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. | ||
+ | Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi | ||
+ | sint | ||
+ | consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla | ||
+ | dolor | ||
+ | labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non | ||
+ | dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. | ||
+ | Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna | ||
+ | esse | ||
+ | ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim | ||
+ | elit | ||
+ | est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet | ||
+ | ullamco | ||
+ | aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt | ||
+ | veniam do | ||
+ | est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. | ||
+ | |||
+ | Commodo nisi non consectetur voluptate <br><br>incididunt mollit duis dolore amet amet tempor | ||
+ | exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim | ||
+ | in | ||
+ | quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam | ||
+ | minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum | ||
+ | ullamco | ||
+ | voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate | ||
+ | culpa | ||
+ | qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. | ||
+ | Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum | ||
+ | cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. | ||
+ | |||
+ | </div> | ||
+ | <!--<div class="mdl-card__actions mdl-card--border"> | ||
+ | <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect"> | ||
+ | Get Started | ||
+ | </a> | ||
+ | </div>--> | ||
+ | <div class="mdl-card__menu"> | ||
+ | <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect"> | ||
+ | <i class="material-icons">star</i> | ||
+ | </button> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </section> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <section class="docs-text-styling download mdl-color--grey-800" style="height: 1px"></section> | ||
+ | <footer class="mdl-mega-footer" style="height: 260px; margin-bottom: 0px;"> | ||
+ | <div class="mdl-mega-footer__middle-section"> | ||
+ | |||
+ | <div class="mdl-mega-footer__drop-down-section"> | ||
+ | <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked> | ||
+ | <h1 class="mdl-mega-footer__heading">Acknowledgement</h1> | ||
+ | <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;> | ||
+ | <li><a href="http://dean.pku.edu.cn/pkudean/"> </li> | ||
+ | <li><a href="http://dean.pku.edu.cn/pkudean/"><img src="https://static.igem.org/mediawiki/2017/9/99/Peking_footer_logo_admin.png" height = "50px"/></a></li> | ||
+ | <li><a href="http://www.bio.pku.edu.cn/en/"> <img src="https://static.igem.org/mediawiki/2017/a/ab/Peking_footer_logo_slslogo.png" height = "50px"/> </a></li> | ||
+ | <li><a href="http://cqb.pku.edu.cn/en/"> <img src="https://static.igem.org/mediawiki/2017/9/9a/Peking_footer_logo_cqb.png" height = "48px"/> </a></li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <div class="mdl-mega-footer__drop-down-section"> | ||
+ | <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked> | ||
+ | <h1 class="mdl-mega-footer__heading">Connection</h1> | ||
+ | <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;> | ||
+ | <li><a href="https://www.facebook.com/pekingigem"></a></li> | ||
+ | <li><a href="https://www.facebook.com/pekingigem">Facebook</a></li> | ||
+ | <li><a href="https://www.youtube.com/channel/UCefEYVCVqKJLmoJrSxivgZQ">Youtube</a></li> | ||
+ | <li><a href="https://twitter.com/iGEM_Peking">Twitter</a></li> | ||
+ | <li><a href="https://github.com/PekingiGEM2017">Github</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <div class="mdl-mega-footer__drop-down-section"> | ||
+ | <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked> | ||
+ | <h1 class="mdl-mega-footer__heading">Contact</h1> | ||
+ | <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;> | ||
+ | <li><a href="http://www.synbiowiki.com"> </a></li> | ||
+ | <li><a href="http://www.synbiowiki.com">SynBioWiki.com</a></li> | ||
+ | <li><a href="mailto:PekingIGEM@gmail.com">Mail</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <div class="mdl-mega-footer__drop-down-section"> | ||
+ | <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked> | ||
+ | <h2 style="color: white; "> <strong>Peking iGEM</strong> 2017</h2> | ||
+ | <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;"> | ||
+ | <li style="color: white; line-height: 1.88em;">Peking University,<br> No.5 Yiheyuan Road Haidian District, Beijing, P.R.China<br>100871</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
− | |||
− | |||
− | |||
+ | </footer> | ||
+ | </main> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 08:44, 27 October 2017
Background
Building blocks for constructing a page layout.
How to install MDL
How to install MDL
How to install MDL
How to install MDL
How to install MDL
How to install MDL
Tempor tempor aliqua in commodo cillum Lorem
magna dolore proident Lorem. Esse ad consequat est excepteur irure eu irure quis aliqua qui. Do mollit esse veniam excepteur ut veniam anim minim dolore sit commodo consequat duis commodo. Sunt dolor reprehenderit ipsum minim eiusmod eu consectetur anim excepteur eiusmod. Duis excepteur anim dolor sit enim veniam deserunt anim adipisicing Lorem elit. Cillum sunt do consequat elit laboris nisi consectetur.
Basic MDL Usage
Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. Cillum dolor esse sit incididunt veliteiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate
incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod.
How to install MDL
How to install MDL
How to install MDL
How to install MDL
How to install MDL
How to install MDL
Tempor tempor aliqua in commodo cillum Lorem
magna dolore proident Lorem. Esse ad consequat est excepteur irure eu irure quis aliqua qui. Do mollit esse veniam excepteur ut veniam anim minim dolore sit commodo consequat duis commodo. Sunt dolor reprehenderit ipsum minim eiusmod eu consectetur anim excepteur eiusmod. Duis excepteur anim dolor sit enim veniam deserunt anim adipisicing Lorem elit. Cillum sunt do consequat elit laboris nisi consectetur.
Basic MDL Usage
Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. Cillum dolor esse sit incididunt veliteiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate
incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod.
How to install MDL
How to install MDL
How to install MDL
How to install MDL
How to install MDL
How to install MDL
Tempor tempor aliqua in commodo cillum Lorem
magna dolore proident Lorem. Esse ad consequat est excepteur irure eu irure quis aliqua qui. Do mollit esse veniam excepteur ut veniam anim minim dolore sit commodo consequat duis commodo. Sunt dolor reprehenderit ipsum minim eiusmod eu consectetur anim excepteur eiusmod. Duis excepteur anim dolor sit enim veniam deserunt anim adipisicing Lorem elit. Cillum sunt do consequat elit laboris nisi consectetur.
Basic MDL Usage
Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. Cillum dolor esse sit incididunt veliteiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate
incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod.
How to install MDL
How to install MDL
How to install MDL
How to install MDL
How to install MDL
How to install MDL
Tempor tempor aliqua in commodo cillum Lorem
magna dolore proident Lorem. Esse ad consequat est excepteur irure eu irure quis aliqua qui. Do mollit esse veniam excepteur ut veniam anim minim dolore sit commodo consequat duis commodo. Sunt dolor reprehenderit ipsum minim eiusmod eu consectetur anim excepteur eiusmod. Duis excepteur anim dolor sit enim veniam deserunt anim adipisicing Lorem elit. Cillum sunt do consequat elit laboris nisi consectetur.
Basic MDL Usage
Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. Cillum dolor esse sit incididunt veliteiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate
incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod.
How to install MDL
How to install MDL
How to install MDL
How to install MDL
How to install MDL
How to install MDL
Tempor tempor aliqua in commodo cillum Lorem
magna dolore proident Lorem. Esse ad consequat est excepteur irure eu irure quis aliqua qui. Do mollit esse veniam excepteur ut veniam anim minim dolore sit commodo consequat duis commodo. Sunt dolor reprehenderit ipsum minim eiusmod eu consectetur anim excepteur eiusmod. Duis excepteur anim dolor sit enim veniam deserunt anim adipisicing Lorem elit. Cillum sunt do consequat elit laboris nisi consectetur.
Basic MDL Usage
Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. Cillum dolor esse sit incididunt veliteiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate
incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod.
How to install MDL
How to install MDL
How to install MDL
How to install MDL
How to install MDL
How to install MDL
Tempor tempor aliqua in commodo cillum Lorem
magna dolore proident Lorem. Esse ad consequat est excepteur irure eu irure quis aliqua qui. Do mollit esse veniam excepteur ut veniam anim minim dolore sit commodo consequat duis commodo. Sunt dolor reprehenderit ipsum minim eiusmod eu consectetur anim excepteur eiusmod. Duis excepteur anim dolor sit enim veniam deserunt anim adipisicing Lorem elit. Cillum sunt do consequat elit laboris nisi consectetur.
Basic MDL Usage
Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. Cillum dolor esse sit incididunt veliteiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate
incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod.
How to install MDL
How to install MDL
How to install MDL
How to install MDL
How to install MDL
How to install MDL
Tempor tempor aliqua in commodo cillum Lorem
magna dolore proident Lorem. Esse ad consequat est excepteur irure eu irure quis aliqua qui. Do mollit esse veniam excepteur ut veniam anim minim dolore sit commodo consequat duis commodo. Sunt dolor reprehenderit ipsum minim eiusmod eu consectetur anim excepteur eiusmod. Duis excepteur anim dolor sit enim veniam deserunt anim adipisicing Lorem elit. Cillum sunt do consequat elit laboris nisi consectetur.
Basic MDL Usage
Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. Cillum dolor esse sit incididunt veliteiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod. Cillum dolor esse sit incididunt velit eiusmod magna ad nostrud officia aute dolor dolor. Magna esse ullamco pariatur adipisicing consectetur eu commodo officia. Ex cillum consequat mollit minim elit est deserunt occaecat nisi amet. Quis aliqua nostrud Lorem occaecat sunt. Eiusmod quis amet ullamco aliquip dolore ut incididunt duis adipisicing. Elit consequat nisi eiusmod aute ipsum sunt veniam do est. Occaecat mollit aliquip ut proident consectetur amet ex dolore consectetur aliqua elit. Commodo nisi non consectetur voluptate
incididunt mollit duis dolore amet amet tempor exercitation. Qui amet aute ea aute id ad aliquip proident. Irure duis qui labore deserunt enim in quis nisi sint consequat aliqua. Ex proident labore et laborum tempor fugiat sint magna veniam minim. Nulla dolor labore adipisicing in enim mollit laboris fugiat eu. Aliquip minim cillum ullamco voluptate non dolore non ex duis fugiat duis ad. Deserunt cillum ad et nisi amet non voluptate culpa qui do. Labore ullamco et minim proident est laborum mollit ad labore deserunt ut irure dolore. Reprehenderit ad ad irure ut irure qui est eu velit eu excepteur adipisicing culpa. Laborum cupidatat ullamco eu duis anim reprehenderit proident aute ad consectetur eiusmod.