Line 56: | Line 56: | ||
</head> | </head> | ||
− | |||
− | |||
− | |||
<body> | <body> | ||
− | |||
Line 70: | Line 66: | ||
<div class="mdl-layout__header-row"> | <div class="mdl-layout__header-row"> | ||
<!-- Title --> | <!-- 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 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> | + | <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 --> | <!-- Add spacer, to align navigation to the right --> | ||
<div class="mdl-layout-spacer"></div> | <div class="mdl-layout-spacer"></div> | ||
Line 78: | Line 76: | ||
<nav class="mdl-navigation mdl-layout--large-screen-only"> | <nav class="mdl-navigation mdl-layout--large-screen-only"> | ||
<style> | <style> | ||
− | a:link {text-decoration: none;} | + | a:link { |
− | a:visited {text-decoration: none;} | + | text-decoration: none; |
− | a:active {text-decoration: none;} | + | } |
− | a:hover {} | + | |
+ | a:visited { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:active { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | } | ||
</style> | </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">Home</a> | ||
− | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Project" style="color: #000; font-weight: 500 ">Project</a> | + | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Project" |
+ | style="color: #000; font-weight: 500 ">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/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/Software">Software</a> | ||
Line 95: | Line 104: | ||
</div> | </div> | ||
</header> | </header> | ||
+ | |||
</div> | </div> | ||
+ | <main class="docs-layout-content mdl-layout__content mdl-color-text--grey-600"> | ||
+ | <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"> | ||
− | < | + | <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/5/55/Peking_Background_icon.png)"> | ||
+ | </div> | ||
+ | <span class="mdl-components__link-text" style="font-size: medium">Background</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/d/d1/Peking_Design_icon.png)"> | |
− | + | </div> | |
− | + | <span class="mdl-components__link-text" style="font-size: medium">Design</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/1/1a/Peking_FF_icon.png)"> | |
− | + | </div> | |
− | + | <span class="mdl-components__link-text" style="font-size: medium">Flip-flop</span> | |
− | + | </a> | |
− | + | <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/1/1d/Peking_Controller_icon.png)"> | |
− | + | </div> | |
− | + | <span class="mdl-components__link-text" style="font-size: medium">Controller</span> | |
− | + | </a> | |
− | + | <a href="https://2017.igem.org/Team:Peking/Project#Clock" | |
− | + | class="mdl-components__link mdl-component Clock"> | |
− | + | <div class="mdl-components__link-image" | |
− | + | style="background-image: url(https://static.igem.org/mediawiki/2017/5/56/Peking_Clock_icon.svg)"> | |
− | + | </div> | |
− | + | <span class="mdl-components__link-text" style="font-size: medium">Clock</span> | |
− | + | </a> | |
− | + | <a href="https://2017.igem.org/Team:Peking/Project#Demonstrate" | |
− | + | class="mdl-components__link mdl-component Demonstrate"> | |
− | + | <div class="mdl-components__link-image" | |
− | + | style="background-image: url(https://static.igem.org/mediawiki/2017/8/83/Peking_Demonstrate_icon.png)"> | |
− | + | </div> | |
− | + | <span class="mdl-components__link-text" style="font-size: medium">Demonstrate</span> | |
− | + | </a> | |
− | + | <a href="https://2017.igem.org/Team:Peking/Project#Prospect" | |
− | + | class="mdl-components__link mdl-component Prospect"> | |
− | + | <div class="mdl-components__link-image" | |
− | + | style="background-image: url(https://static.igem.org/mediawiki/2017/9/9f/Peking_Prospect_icon.png)"> | |
− | + | </div> | |
− | + | <span class="mdl-components__link-text" style="font-size: medium">Prospect</span> | |
− | + | </a> | |
− | + | </aside> | |
− | + | <section id="index-section" class="mdl-components-index mdl-components__page is-active"> | |
− | + | <div class="mdl-components-index-text mdl-grid"> | |
− | + | <div class="mdl-components-text docs-text-styling about-panel about-panel--text mdl-cell mdl-cell--12-col"> | |
− | + | <dl class="mdl-components-dl"> | |
− | + | <dt class="mdl-components-dt">COMPONENTS</dt> | |
− | + | <dd class="mdl_components-dd"> | |
+ | Material Design Lite (MDL) is a library of components for web developers | ||
+ | based on Google's Material Design Philosophy: "A visual language for our | ||
+ | users that synthesizes the classic principles of good design with the | ||
+ | innovation and possibility of technology and science." Understanding the | ||
+ | goals and principles of Material Design is critical to the proper use of | ||
+ | the Material Design Lite components. If you have not yet read the | ||
+ | <a href="http://www.google.com/design/spec/material-design/introduction.html">Material Design Introduction</a> | ||
+ | you should do so before attempting to use the components. | ||
+ | </dd> | ||
+ | </dl> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="mdl-components-img"></div> | ||
+ | </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> | ||
− | + | <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="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> | |
− | .demo-card-wide | + | <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> | |
− | .demo-card-wide | + | <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"> | ||
+ | <a href="https://getmdl.io/started/index.html#download" class="mdl-color-text--grey-50">Download Kit</a> | ||
+ | </section> | ||
+ | <footer class="docs-text-styling docs-footer mdl-mini-footer mdl-color--grey-900"> | ||
+ | <ul> | ||
+ | <li class="mdl-mini-footer--social-btn"> | ||
+ | <a href="https://twitter.com/googledesign" class="social-btn social-btn__twitter" role="button" | ||
+ | title="Twitter"></a> | ||
+ | </li> | ||
+ | <li class="mdl-mini-footer--social-btn"> | ||
+ | <a href="https://github.com/google/material-design-lite" class="social-btn social-btn__github" | ||
+ | role="button" title="GitHub"></a> | ||
+ | </li> | ||
+ | <li class="mdl-mini-footer--social-btn"> | ||
+ | <a href="https://plus.google.com/+googledesign" class="social-btn social-btn__gplus" role="button" | ||
+ | title="Google+"></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <ul class="docs-link-list"> | ||
+ | <li><a class="mdl-color-text--grey-600" href="https://developers.google.com/web/starter-kit/">Web Starter | ||
+ | Kit</a></li> | ||
+ | <li><a class="mdl-color-text--grey-600" | ||
+ | href="https://github.com/google/material-design-lite/issues">Help</a></li> | ||
+ | </ul> | ||
+ | </footer> | ||
+ | </main> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 16:09, 23 October 2017
- COMPONENTS
- Material Design Lite (MDL) is a library of components for web developers based on Google's Material Design Philosophy: "A visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science." Understanding the goals and principles of Material Design is critical to the proper use of the Material Design Lite components. If you have not yet read the Material Design Introduction you should do so before attempting to use the components.
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.