text: (window["webpackJsonpcorona-react"]=window["webpackJsonpcorona-react"]||[]).push([[11],{346:function(e,a,t){"use strict";t.r(a),t.d(a,"Typography",(function(){return d}));var l=t(11),c=t(12),r=t(14),m=t(13),s=t(15),n=t(0),i=t.n(n),d=function(e){function a(){return Object(l.a)(this,a),Object(r.a)(this,Object(m.a)(a).apply(this,arguments))}return Object(s.a)(a,e),Object(c.a)(a,[{key:"render",value:function(){return i.a.createElement("div",null,i.a.createElement("div",{className:"page-header"},i.a.createElement("h3",{className:"page-title"}," Typography "),i.a.createElement("nav",{"aria-label":"breadcrumb"},i.a.createElement("ol",{className:"breadcrumb"},i.a.createElement("li",{className:"breadcrumb-item"},i.a.createElement("a",{href:"!#",onClick:function(e){return e.preventDefault()}},"UI Elements")),i.a.createElement("li",{className:"breadcrumb-item active","aria-current":"page"},"Typography")))),i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-md-6 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Headings"),i.a.createElement("p",{className:"card-description"}," Add tags ",i.a.createElement("code",null,"<h1>")," to ",i.a.createElement("code",null,"<h6>")," or class ",i.a.createElement("code",null,".h1")," to ",i.a.createElement("code",null,".h6")),i.a.createElement("div",{className:"template-demo"},i.a.createElement("h1",null,"h1. Heading"),i.a.createElement("h2",null,"h2. Heading"),i.a.createElement("h3",null,"h3. Heading"),i.a.createElement("h4",null,"h4. Heading"),i.a.createElement("h5",null,"h5. Heading"),i.a.createElement("h6",null,"h6. Heading"))))),i.a.createElement("div",{className:"col-md-6 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Headings with secondary text"),i.a.createElement("p",{className:"card-description"}," Add faded secondary text to headings "),i.a.createElement("div",{className:"template-demo"},i.a.createElement("h1",null," h1. Heading ",i.a.createElement("small",{className:"text-muted"}," Secondary text ")),i.a.createElement("h2",null," h2. Heading ",i.a.createElement("small",{className:"text-muted"}," Secondary text ")),i.a.createElement("h3",null," h3. Heading ",i.a.createElement("small",{className:"text-muted"}," Secondary text ")),i.a.createElement("h4",null," h4. Heading ",i.a.createElement("small",{className:"text-muted"}," Secondary text ")),i.a.createElement("h5",null," h5. Heading ",i.a.createElement("small",{className:"text-muted"}," Secondary text ")),i.a.createElement("h6",null," h6. Heading ",i.a.createElement("small",{className:"text-muted"}," Secondary text ")))))),i.a.createElement("div",{className:"col-md-6 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Display headings"),i.a.createElement("p",{className:"card-description"}," Add class ",i.a.createElement("code",null,".display1")," to ",i.a.createElement("code",null,".display-4")),i.a.createElement("div",{className:"template-demo"},i.a.createElement("h1",{className:"display-1"},"Display 1"),i.a.createElement("h1",{className:"display-2"},"Display 2"),i.a.createElement("h1",{className:"display-3"},"Display 3"),i.a.createElement("h1",{className:"display-4"},"Display 4"))))),i.a.createElement("div",{className:"col-md-6 d-flex align-items-stretch"},i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-md-12 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Paragraph"),i.a.createElement("p",{className:"card-description"}," Write text in ",i.a.createElement("code",null,"<p>")," tag "),i.a.createElement("p",null," Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley not only five centuries, ")))),i.a.createElement("div",{className:"col-md-12 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Icon size"),i.a.createElement("p",{className:"card-description"}," Add class ",i.a.createElement("code",null,".icon-lg"),", ",i.a.createElement("code",null,".icon-md"),", ",i.a.createElement("code",null,".icon-sm")),i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-md-4 d-flex align-items-center"},i.a.createElement("div",{className:"d-flex flex-row align-items-center"},i.a.createElement("i",{className:"mdi mdi-compass icon-lg text-warning"}),i.a.createElement("p",{className:"mb-0 ml-1"}," Icon-lg "))),i.a.createElement("div",{className:"col-md-4 d-flex align-items-center"},i.a.createElement("div",{className:"d-flex flex-row align-items-center"},i.a.createElement("i",{className:"mdi mdi-compass icon-md text-success"}),i.a.createElement("p",{className:"mb-0 ml-1"}," Icon-md "))),i.a.createElement("div",{className:"col-md-4 d-flex align-items-center"},i.a.createElement("div",{className:"d-flex flex-row align-items-center"},i.a.createElement("i",{className:"mdi mdi-compass icon-sm text-danger"}),i.a.createElement("p",{className:"mb-0 ml-1"}," Icon-sm "))))))))),i.a.createElement("div",{className:"col-md-6 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Blockquotes"),i.a.createElement("p",{className:"card-description"}," Wrap content inside",i.a.createElement("code",null,'<blockquote className="blockquote">')),i.a.createElement("blockquote",{className:"blockquote"},i.a.createElement("p",{className:"mb-0"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante."))),i.a.createElement("div",{className:"card-body"},i.a.createElement("blockquote",{className:"blockquote blockquote-primary"},i.a.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante."),i.a.createElement("footer",{className:"blockquote-footer bg-transparent p-0"},"Someone famous in ",i.a.createElement("cite",{title:"Source Title"},"Source Title")))))),i.a.createElement("div",{className:"col-md-6 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Address"),i.a.createElement("p",{className:"card-description"}," Use ",i.a.createElement("code",null,"<address>")," tag "),i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-md-6"},i.a.createElement("address",null,i.a.createElement("p",{className:"font-weight-bold"},"Bootstrapdash imc"),i.a.createElement("p",null," 695 lsom Ave, "),i.a.createElement("p",null," Suite 00 "),i.a.createElement("p",null," San Francisco, CA 94107 "))),i.a.createElement("div",{className:"col-md-6"},i.a.createElement("address",{className:"text-primary"},i.a.createElement("p",{className:"font-weight-bold"}," E-mail "),i.a.createElement("p",{className:"mb-2"}," johndoe@examplemeail.com "),i.a.createElement("p",{className:"font-weight-bold"}," Web Address "),i.a.createElement("p",null," www.bootstrapdash.com "))))),i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Lead"),i.a.createElement("p",{className:"card-description"}," Use class ",i.a.createElement("code",null,".lead")),i.a.createElement("p",{className:"lead"}," Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. ")))),i.a.createElement("div",{className:"col-md-12 grid-margin"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Text colors"),i.a.createElement("p",{className:"card-description"}," Use class ",i.a.createElement("code",null,".text-primary"),", ",i.a.createElement("code",null,".text-secondary")," etc. for text in theme colors "),i.a.createElement("div",{className:"row"},i.a.createElement("div",{className:"col-md-6"},i.a.createElement("p",{className:"text-primary"},".text-primary"),i.a.createElement("p",{className:"text-success"},".text-success"),i.a.createElement("p",{className:"text-danger"},".text-danger"),i.a.createElement("p",{className:"text-warning"},".text-warning"),i.a.createElement("p",{className:"text-info"},".text-info")),i.a.createElement("div",{className:"col-md-6"},i.a.createElement("p",{className:"text-light bg-dark pl-1"},".text-light"),i.a.createElement("p",{className:"text-secondary"},".text-secondary"),i.a.createElement("p",{className:"text-dark"},".text-dark"),i.a.createElement("p",{className:"text-muted"},".text-muted"),i.a.createElement("p",{className:"text-white bg-dark pl-1"},".text-white")))))),i.a.createElement("div",{className:"col-md-4 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Top aligned media"),i.a.createElement("div",{className:"media"},i.a.createElement("i",{className:"mdi mdi-earth icon-md text-info d-flex align-self-start mr-3"}),i.a.createElement("div",{className:"media-body"},i.a.createElement("p",{className:"card-text"},"Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque.")))))),i.a.createElement("div",{className:"col-md-4 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Center aligned media"),i.a.createElement("div",{className:"media"},i.a.createElement("i",{className:"mdi mdi-earth icon-md text-info d-flex align-self-center mr-3"}),i.a.createElement("div",{className:"media-body"},i.a.createElement("p",{className:"card-text"},"Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque.")))))),i.a.createElement("div",{className:"col-md-4 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Bottom aligned media"),i.a.createElement("div",{className:"media"},i.a.createElement("i",{className:"mdi mdi-earth icon-md text-info d-flex align-self-end mr-3"}),i.a.createElement("div",{className:"media-body"},i.a.createElement("p",{className:"card-text"},"Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque.")))))),i.a.createElement("div",{className:"col-md-6 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Highlighted Text"),i.a.createElement("p",{className:"card-description"}," Wrap the text in ",i.a.createElement("code",null,"<mark>")," to highlight text "),i.a.createElement("p",null," It is a long ",i.a.createElement("mark",{className:"bg-warning text-white"},"established")," fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution ")))),i.a.createElement("div",{className:"col-md-6 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"List Unordered"),i.a.createElement("ul",null,i.a.createElement("li",null,"Lorem ipsum dolor sit amet"),i.a.createElement("li",null,"Consectetur adipiscing elit"),i.a.createElement("li",null,"Integer molestie lorem at massa"),i.a.createElement("li",null,"Facilisis in pretium nisl aliquet"),i.a.createElement("li",null,"Nulla volutpat aliquam velit"))))),i.a.createElement("div",{className:"col-md-6 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Bold text"),i.a.createElement("p",{className:"card-description"}," Use class",i.a.createElement("code",null,".font-weight-bold")),i.a.createElement("p",null," It is a long ",i.a.createElement("span",{className:"font-weight-bold"},"established fact")," that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution ")))),i.a.createElement("div",{className:"col-md-6 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"List Ordered"),i.a.createElement("ol",null,i.a.createElement("li",null,"Lorem ipsum dolor sit amet"),i.a.createElement("li",null,"Consectetur adipiscing elit"),i.a.createElement("li",null,"Integer molestie lorem at massa"),i.a.createElement("li",null,"Facilisis in pretium nisl aliquet"),i.a.createElement("li",null,"Nulla volutpat aliquam velit>"))))),i.a.createElement("div",{className:"col-md-6 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title text-primary"},"Underline"),i.a.createElement("p",{className:"card-description"}," Wrap in ",i.a.createElement("code",null,"<u>")," tag for underline "),i.a.createElement("p",null,i.a.createElement("u",null,"lorem ipsum dolor sit amet, consectetur mod tempor incididunt ut labore et dolore magna aliqua."))),i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title text-danger"},"Lowercase"),i.a.createElement("p",{className:"card-description"}," Use class ",i.a.createElement("code",null,".text-lowercase")),i.a.createElement("p",{className:"text-lowercase"}," lorem ipsum dolor sit amet, consectetur mod tempor incididunt ut labore et dolore magna aliqua. ")),i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title text-warning"},"Uppercase"),i.a.createElement("p",{className:"card-description"}," Use class ",i.a.createElement("code",null,".text-uppercase")),i.a.createElement("p",{className:"text-uppercase"}," lorem ipsum dolor sit amet, consectetur mod tempor incididunt ut labore et dolore magna aliqua. ")))),i.a.createElement("div",{className:"col-md-6 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"Mute"),i.a.createElement("p",{className:"card-description"}," Use class ",i.a.createElement("code",null,".text-muted")),i.a.createElement("p",{className:"text-muted"}," lorem ipsum dolor sit amet, consectetur mod tempor incididunt ut labore et dolore magna aliqua. ")),i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title text-success"},"Strike"),i.a.createElement("p",{className:"card-description"}," Wrap content in ",i.a.createElement("code",null,"<del>")," tag "),i.a.createElement("p",null,i.a.createElement("del",null," lorem ipsum dolor sit amet, consectetur mod tempor incididunt ut labore et dolore magna aliqua. "))),i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title text-info"},"Capitalized"),i.a.createElement("p",{className:"card-description"}," Use class ",i.a.createElement("code",null,".text-capitalize")),i.a.createElement("p",{className:"text-capitalize"}," lorem ipsum dolor sit amet, consectetur mod tempor incididunt ut labore et dolore magna aliqua. ")))),i.a.createElement("div",{className:"col-md-4 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"List with icon"),i.a.createElement("p",{className:"card-description"},"Add class ",i.a.createElement("code",null,".list-ticked")," to ",i.a.createElement("code",null,"<ul>")),i.a.createElement("ul",{className:"list-ticked"},i.a.createElement("li",null,"Lorem ipsum dolor sit amet"),i.a.createElement("li",null,"Consectetur adipiscing elit"),i.a.createElement("li",null,"Integer molestie lorem at massa"),i.a.createElement("li",null,"Facilisis in pretium nisl aliquet"),i.a.createElement("li",null,"Nulla volutpat aliquam velit>"))))),i.a.createElement("div",{className:"col-md-4 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"List with icon"),i.a.createElement("p",{className:"card-description"},"Add class ",i.a.createElement("code",null,".list-arrow")," to ",i.a.createElement("code",null,"<ul>")),i.a.createElement("ul",{className:"list-arrow"},i.a.createElement("li",null,"Lorem ipsum dolor sit amet"),i.a.createElement("li",null,"Consectetur adipiscing elit"),i.a.createElement("li",null,"Integer molestie lorem at massa"),i.a.createElement("li",null,"Facilisis in pretium nisl aliquet"),i.a.createElement("li",null,"Nulla volutpat aliquam velit>"))))),i.a.createElement("div",{className:"col-md-4 grid-margin stretch-card"},i.a.createElement("div",{className:"card"},i.a.createElement("div",{className:"card-body"},i.a.createElement("h4",{className:"card-title"},"List with icon"),i.a.createElement("p",{className:"card-description"},"Add class ",i.a.createElement("code",null,".list-star")," to ",i.a.createElement("code",null,"<ul>")),i.a.createElement("ul",{className:"list-star"},i.a.createElement("li",null,"Lorem ipsum dolor sit amet"),i.a.createElement("li",null,"Consectetur adipiscing elit"),i.a.createElement("li",null,"Integer molestie lorem at massa"),i.a.createElement("li",null,"Facilisis in pretium nisl aliquet"),i.a.createElement("li",null,"Nulla volutpat aliquam velit>")))))))}}]),a}(n.Component);a.default=d}}]);
  //# sourceMappingURL=11.5ae40f55.chunk.js.map