HTML5 Boostrap For AMP

 Hello. I want to share a boostrap For AMP Blog. There one from my boostrap.


.hljs{display:block;padding:0;color:#333}.hljs-comment,.hljs-quote{color:#998;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#333}.hljs-literal,.hljs-number,.hljs-tag .hljs-attr,.hljs-template-variable,.hljs-variable{color:teal}.hljs-doctag,.hljs-string{color:#d14}.hljs-section,.hljs-selector-id,.hljs-title{color:#900;font-weight:700}.hljs-subst{font-weight:400}.hljs-class .hljs-title,.hljs-type{color:#458;font-weight:700}.hljs-attribute,.hljs-name,.hljs-tag{color:navy;font-weight:400}.hljs-meta,.hljs-strong{font-weight:700}.hljs-link,.hljs-regexp{color:#009926}.hljs-bullet,.hljs-symbol{color:#990073}.hljs-built_in,.hljs-builtin-name{color:#0086b3}.hljs-meta{color:#999}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.hljs-emphasis{font-style:italic}amp-carousel .ampstart-image-with-caption,amp-carousel .ampstart-image-with-heading{margin-bottom:0}.ampstart-input [disabled]:focus,.ampstart-input>input:focus,.ampstart-input>select:focus,.ampstart-input>textarea:focus,.ampstart-navbar-trigger:focus{outline:0}button,hr,input{overflow:visible}.list-reset,.list-style-none{list-style:none}.fit,.truncate,legend{max-width:100%}.clearfix:after,.www-component-anchor{clear:both}.ampstart-byline{color:#4a4a4a}.ampstart-byline time{font-style:normal;white-space:nowrap}.editor .comment,dfn{font-style:italic}.amp-carousel-button-next{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title>Shape</title><path d="M25.557 14.7L13.818 2.961 16.8 0l16.8 16.8-16.8 16.8-2.961-2.961L25.557 18.9H0v-4.2z" fill="%23FFF" fill-rule="evenodd"/></svg>')}.amp-carousel-button-prev{background-image:url('data:image/svg+xml;charset=utf-8,<svg width="18" height="18" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg"><title>Shape</title><path d="M33.6 14.7H8.043L19.782 2.961 16.8 0 0 16.8l16.8 16.8 2.961-2.961L8.043 18.9H33.6z" fill="%23FFF" fill-rule="evenodd"/></svg>')}.ampstart-dropdown{min-width:200px}.ampstart-dropdown.absolute{z-index:100}.ampstart-dropdown.absolute>section,.ampstart-dropdown.absolute>section>header{height:100%}.ampstart-dropdown>section>header{background-color:#fff;border:0;color:#b60845}.ampstart-dropdown>section>header:after{display:inline-block;content:"+";padding:0 0 0 2rem;color:#003f93}.ampstart-dropdown>[expanded]>header:after{content:"–"}.absolute .ampstart-dropdown-items{z-index:200}.ampstart-dropdown-item{background-color:#fff;color:#003f93;opacity:.9}.ampstart-dropdown-item:active,.ampstart-dropdown-item:hover{opacity:1}.ampstart-footer{background-color:#fff;color:#000;font-size:.75rem;padding-top:7rem;padding-bottom:7rem}.ampstart-footer .ampstart-icon{fill:#000}.ampstart-icon,.ampstart-sidebar .ampstart-icon{fill:#003f93}.ampstart-footer .ampstart-social-follow li:last-child{margin-right:0}.ampstart-image-fullpage-hero{color:#b60845}.ampstart-fullpage-hero-heading-text,.ampstart-image-fullpage-hero .ampstart-image-credit{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#fff;padding:0 1.5rem .2rem}.ampstart-image-fullpage-hero>amp-img{max-height:calc(100vh - 3.5rem)}.ampstart-image-fullpage-hero>amp-img img{-o-object-fit:cover;object-fit:cover}.ampstart-fullpage-hero-heading{line-height:5rem}.ampstart-fullpage-hero-cta{background:0 0}.ampstart-readmore{background:-webkit-linear-gradient(bottom,rgba(0,0,0,.65),transparent);background:linear-gradient(0deg,rgba(0,0,0,.65) 0,transparent);color:#b60845;margin-top:7rem;padding-bottom:5rem}.ampstart-readmore:after{display:block;content:"⌄";font-size:2rem}.ampstart-input input[type=checkbox]+label:after,.ampstart-input input[type=radio]+label:after,.ampstart-input>input[type=range]+label:after{display:none}@media (min-width:52.06rem){.ampstart-image-fullpage-hero>amp-img{height:60vh}}.ampstart-image-heading{color:#b60845;background:-webkit-linear-gradient(bottom,rgba(0,0,0,.65),transparent);background:linear-gradient(0deg,rgba(0,0,0,.65) 0,transparent)}.ampstart-image-heading>*{margin:0}.ampstart-image-with-caption figcaption{color:#4f4f4f;line-height:1.125rem}.ampstart-input{max-width:100%;width:300px;min-width:100px;font-size:1rem;line-height:1.5rem}.ampstart-input [disabled],.ampstart-input [disabled]+label{opacity:.5}.ampstart-input>input,.ampstart-input>select,.ampstart-input>textarea{width:100%;margin-top:1rem;line-height:1.5rem;border:0;border-radius:0;border-bottom:1px solid #4a4a4a;background:0 0;color:#4a4a4a;outline:0}.ampstart-input>label{color:#003f93;pointer-events:none;font-size:.875rem;line-height:1rem;opacity:0;-webkit-animation:.2s;animation:.2s;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ampstart-input>input:focus::-webkit-input-placeholder,.ampstart-input>select:focus::-webkit-input-placeholder,.ampstart-input>textarea:focus::-webkit-input-placeholder{color:transparent}.ampstart-input>input:focus::-moz-placeholder,.ampstart-input>select:focus::-moz-placeholder,.ampstart-input>textarea:focus::-moz-placeholder{color:transparent}.ampstart-input>input:focus:-ms-input-placeholder,.ampstart-input>select:focus:-ms-input-placeholder,.ampstart-input>textarea:focus:-ms-input-placeholder{color:transparent}.ampstart-input>input:focus::placeholder,.ampstart-input>select:focus::placeholder,.ampstart-input>textarea:focus::placeholder{color:transparent}.ampstart-input>input:not(:placeholder-shown):not([disabled])+label,.ampstart-input>select:not(:placeholder-shown):not([disabled])+label,.ampstart-input>textarea:not(:placeholder-shown):not([disabled])+label{opacity:1}.ampstart-input>input:focus+label,.ampstart-input>select:focus+label,.ampstart-input>textarea:focus+label{-webkit-animation-name:a;animation-name:a}@-webkit-keyframes a{to{opacity:1}}@keyframes a{to{opacity:1}}.ampstart-input>label:after{content:"";height:2px;position:absolute;bottom:0;left:45%;background:#003f93;-webkit-transition:.2s;transition:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden;width:10px}.ampstart-input>input:focus+label:after,.ampstart-input>select:focus+label:after,.ampstart-input>textarea:focus+label:after{left:0;width:100%;visibility:visible}.ampstart-input>input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ampstart-input>input[type=range]{border-bottom:0}.ampstart-input>select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ampstart-input>select+label:before{content:"⌄";line-height:1.5rem;position:absolute;right:5px;zoom:2;top:0;bottom:0;color:#003f93}.ampstart-input-chk,.ampstart-input-radio{width:auto;color:#4a4a4a}.ampstart-input input[type=checkbox],.ampstart-input input[type=radio]{margin-top:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:1px solid #003f93;vertical-align:middle;margin-right:1rem;text-align:center}.ampstart-input input[type=radio]{border-radius:20px}.ampstart-input input[type=checkbox]:not([disabled])+label,.ampstart-input input[type=radio]:not([disabled])+label{pointer-events:auto;-webkit-animation:none;animation:none;vertical-align:middle;opacity:1}.ampstart-input input[type=checkbox]:after,.ampstart-input input[type=radio]:after{position:absolute;top:0;left:0;bottom:0;right:0;content:" ";line-height:1.4rem;vertical-align:middle;text-align:center;background-color:#b60845}.relative,sub,sup{position:relative}.align-baseline,progress,sub,sup{vertical-align:baseline}.ampstart-input input[type=checkbox]:checked:after{background-color:#003f93;color:#b60845;content:"✓"}.ampstart-input input[type=radio]:checked{background-color:#b60845}.ampstart-input input[type=radio]:after{top:3px;bottom:3px;left:3px;right:3px;border-radius:12px}.ampstart-input input[type=radio]:checked:after{content:"";font-size:3rem;background-color:#003f93}.ampstart-input>label,_:-ms-lang(x){opacity:1}.ampstart-input>input:-ms-input-placeholder,_:-ms-lang(x){color:transparent}.ampstart-input>input::placeholder,_:-ms-lang(x){color:transparent}.ampstart-input>input::-ms-input-placeholder,_:-ms-lang(x){color:transparent}.ampstart-input>select::-ms-expand{display:none}.ampstart-headerbar{background-color:#fff;color:#000;z-index:999;box-shadow:0 0 5px 2px rgba(0,0,0,.1)}.ampstart-headerbar+:not(amp-sidebar),.ampstart-headerbar+amp-sidebar+*{margin-top:3.5rem}.ampstart-headerbar-nav .ampstart-nav-item{padding:0 1.5rem;background:0 0;opacity:.8}.ampstart-nav-dropdown amp-accordion header,.ampstart-nav-dropdown amp-accordion ul,.ampstart-sidebar,.ampstart-social-box>amp-social-share,.editor,.editor .gutter{background-color:#fff}.ampstart-headerbar-nav{line-height:3.5rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.ampstart-nav-item:active,.ampstart-nav-item:focus,.ampstart-nav-item:hover{opacity:1}.ampstart-nav a,.ampstart-navbar-trigger,.ampstart-sidebar-faq a{cursor:pointer;text-decoration:none}.ampstart-navbar-trigger{line-height:3.5rem;font-size:2rem}.ampstart-nav-search{-webkit-box-flex:.5;-ms-flex-positive:.5;flex-grow:.5}.ampstart-headerbar .ampstart-nav-search:active,.ampstart-headerbar .ampstart-nav-search:focus,.ampstart-headerbar .ampstart-nav-search:hover{box-shadow:none}.ampstart-nav-search>input{border:none;border-radius:3px;line-height:normal}.ampstart-nav-dropdown{min-width:200px}.ampstart-nav-dropdown amp-accordion header{border:none}.ampstart-nav-dropdown .ampstart-dropdown-item,.ampstart-nav-dropdown .ampstart-dropdown>section>header{background-color:#fff;color:#000}.ampstart-nav-dropdown .ampstart-dropdown-item{color:#003f93}.ampstart-sidebar{color:#000;min-width:300px;width:300px}.ampstart-sidebar-header{line-height:3.5rem;min-height:3.5rem}.ampstart-sidebar .ampstart-dropdown header,.ampstart-sidebar .ampstart-dropdown-item,.ampstart-sidebar .ampstart-faq-item,.ampstart-sidebar .ampstart-nav-item,.ampstart-sidebar .ampstart-social-follow{margin:0 0 2.5rem}.ampstart-sidebar .ampstart-nav-dropdown,body{margin:0}.ampstart-sidebar .ampstart-navbar-trigger{line-height:inherit}.ampstart-related-article-section{border-color:#4a4a4a}.ampstart-related-article-section .ampstart-heading{color:#4a4a4a;font-weight:400}.ampstart-related-article-readmore{color:#fff;letter-spacing:0}.ampstart-related-section-items>li{border-bottom:1px solid #4a4a4a}.ampstart-related-section-items>li:last-child{border:none}.ampstart-related-section-items .ampstart-image-with-caption{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0}.ampstart-related-section-items .ampstart-image-with-caption>amp-img,.ampstart-related-section-items .ampstart-image-with-caption>figcaption{-webkit-box-flex:1;-ms-flex:1;flex:1}.ampstart-related-section-items .ampstart-image-with-caption>figcaption{padding-left:1.5rem}@media (min-width:40.06rem){.ampstart-related-section-items>li{border:none}.ampstart-related-section-items .ampstart-image-with-caption>figcaption{padding:1.5rem 0}.ampstart-related-section-items .ampstart-image-with-caption>amp-img,.ampstart-related-section-items .ampstart-image-with-caption>figcaption{-ms-flex-preferred-size:100%;flex-basis:100%}}.ampstart-social-box{display:-webkit-box;display:-ms-flexbox;display:flex}.editor,.editor .gutter{color:#555}.editor .indent-guide,.editor .invisible-character{color:rgba(85,85,85,.2)}.editor .wrap-guide{background-color:rgba(85,85,85,.2)}.editor .gutter{color:#555;background:#fff}.editor .fold-marker:after,.editor .gutter .line-number.folded,.editor .gutter .line-number:after{color:#e87b00}.editor .invisible{color:#555}.editor .selection .region{background-color:#e1e1e1}.editor.is-focused .cursor{border-color:#000}.editor.is-focused .selection .region{background-color:#afc4da}.editor.is-focused .line-number.cursor-line-no-selection,.editor.is-focused .line.cursor-line{background-color:rgba(255,255,134,.34)}.editor .comment{color:#998}.editor .string{color:#d14}.editor .source .string .meta.embedded.line,.editor .source .string .source{color:#5a5a5a}.editor .source .string .punctuation.section.embedded,.editor .source .string .punctuation.section.embedded .source{color:#920b2d}.editor .constant.numeric{color:#d14}.editor .constant.character,.editor .constant.language,.editor .constant.other{color:#606aa1}.editor .constant.symbol{color:#990073}.editor .constant.numeric.line-number.find-in-files .match{color:rgba(143,190,0,.63)}.editor .variable{color:teal}.editor .variable.parameter{color:#606aa1}.editor .keyword{color:#222;font-weight:700}.editor .keyword.unit{color:#458}.editor .keyword.special-method{color:#0086b3}.editor .storage,.editor .storage.type{color:#222}.editor .entity.name.class,.editor .entity.other.inherited-class{text-decoration:underline;color:#606aa1}.editor .entity.name.function{color:#900}.editor .entity.name.tag{color:teal}.editor .entity.other.attribute-name{color:#458;font-weight:700}.editor .entity.name.filename.find-in-files{color:#e6db74}.editor .support.constant,.editor .support.function,.editor .support.type{color:#458}.editor .support.class{color:teal}.editor .invalid{color:#f8f8f0;background-color:#00a8c6}.editor .invalid.deprecated{color:#f8f8f0;background-color:#8fbe00}.editor .meta.structure.dictionary.json>.string.quoted.double.json,.editor .meta.structure.dictionary.json>.string.quoted.double.json .punctuation.string{color:navy}.editor .meta.structure.dictionary.value.json>.string.quoted.double.json{color:#d14}.editor .meta.diff,.editor .meta.diff.header{color:#75715e}.editor .css.support.property-name{font-weight:700;color:#333}.editor .css.constant{color:#099}.editor .source.gfm{color:#444}.editor .gfm .markup.heading{color:#111}.editor .gfm .link,.editor .gfm .variable.list{color:#888}.editor .markdown .paragraph{color:#444}.editor .markdown .heading{color:#111}.editor .markdown .link,.editor .markdown .link .string{color:#888}.editor .search-results .marker .region{background-color:transparent;border:1px solid #999}.editor .search-results .marker.current-result .region{border:1px solid #000}.bracket-matcher{background-color:#c9c9c9;opacity:.7;border-bottom:0 none}.editor .tag.block{display:inline}audio,canvas,progress,video{display:inline-block}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}.mr0,.mx0{margin-right:0}.mt0,.my0{margin-top:0}.mb0,.my0{margin-bottom:0}.p0,legend{padding:0}.list-reset,.pl0,.px0{padding-left:0}.pr0,.px0{padding-right:0}.pt0,.py0{padding-top:0}.pb0,.py0{padding-bottom:0}legend{box-sizing:border-box;color:inherit;display:table;white-space:normal}.ampstart-btn,.nowrap,.truncate{white-space:nowrap}textarea{overflow:auto}.overflow-hidden,.truncate{overflow:hidden}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}.h1{font-size:3rem}.h2{font-size:2rem}.h3{font-size:1.5rem}.h4{font-size:1.125rem}.h5{font-size:.875rem}.h6{font-size:.75rem}.font-family-inherit{font-family:inherit}.font-size-inherit{font-size:inherit}.text-decoration-none{text-decoration:none}.bold{font-weight:700}.regular{font-weight:400}.italic{font-style:italic}.caps{text-transform:uppercase;letter-spacing:.2em}.left-align{text-align:left}.center{text-align:center}.right-align{text-align:right}.justify{text-align:justify}.break-word{word-wrap:break-word}.line-height-1{line-height:1rem}.line-height-2{line-height:1.125rem}.line-height-3{line-height:1.5rem}.line-height-4{line-height:2rem}.underline{text-decoration:underline}.truncate{text-overflow:ellipsis}.inline{display:inline}.block{display:block}.inline-block{display:inline-block}.table{display:table}.table-cell{display:table-cell}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.clearfix:after,.clearfix:before{content:" ";display:table}.left{float:left}.right{float:right}.max-width-1{max-width:24rem}.max-width-2{max-width:32rem}.max-width-3{max-width:48rem}.max-width-4{max-width:64rem}.border-box{box-sizing:border-box}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.m0{margin:0}.ml0,.mx0{margin-left:0}.mr1,.mx1{margin-right:1rem}.mt1,.my1{margin-top:1rem}.mb1,.my1{margin-bottom:1rem}.m1{margin:1rem}.ml1,.mx1{margin-left:1rem}.mr2,.mx2{margin-right:1.5rem}.mt2,.my2{margin-top:1.5rem}.mb2,.my2{margin-bottom:1.5rem}.m2{margin:1.5rem}.ml2,.mx2{margin-left:1.5rem}.mr3,.mx3{margin-right:2rem}.mt3,.my3{margin-top:2rem}.mb3,.my3{margin-bottom:2rem}.m3{margin:2rem}.ml3,.mx3{margin-left:2rem}.mr4,.mx4{margin-right:2.5rem}.mt4,.my4{margin-top:2.5rem}.mb4,.my4{margin-bottom:2.5rem}.m4{margin:2.5rem}.ml4,.mx4{margin-left:2.5rem}.mxn1{margin-left:-1rem;margin-right:-1rem}.mxn2{margin-left:-1.5rem;margin-right:-1.5rem}.mxn3{margin-left:-2rem;margin-right:-2rem}.mxn4{margin-left:-2.5rem;margin-right:-2.5rem}.ml-auto,.mx-auto{margin-left:auto}.mr-auto,.mx-auto{margin-right:auto}.pl1,.px1{padding-left:1rem}.pr1,.px1{padding-right:1rem}.pt1,.py1{padding-top:1rem}.pb1,.py1{padding-bottom:1rem}.p1{padding:1rem}.pt2,.py2{padding-top:1.5rem}.pb2,.py2{padding-bottom:1.5rem}.pl2,.px2{padding-left:1.5rem}.pr2,.px2{padding-right:1.5rem}.p2{padding:1.5rem}.pt3,.py3{padding-top:2rem}.pb3,.py3{padding-bottom:2rem}.pl3,.px3{padding-left:2rem}.pr3,.px3{padding-right:2rem}.p3{padding:2rem}.pt4,.py4{padding-top:2.5rem}.pb4,.py4{padding-bottom:2.5rem}.pl4,.px4{padding-left:2.5rem}.pr4,.px4{padding-right:2.5rem}.p4{padding:2.5rem}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.col{float:left}.col,.col-right{box-sizing:border-box}.col-right{float:right}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width:40.06rem){.sm-col,.sm-col-right{box-sizing:border-box}.sm-col{float:left}.sm-col-right{float:right}.sm-col-1{width:8.33333%}.sm-col-2{width:16.66667%}.sm-col-3{width:25%}.sm-col-4{width:33.33333%}.sm-col-5{width:41.66667%}.sm-col-6{width:50%}.sm-col-7{width:58.33333%}.sm-col-8{width:66.66667%}.sm-col-9{width:75%}.sm-col-10{width:83.33333%}.sm-col-11{width:91.66667%}.sm-col-12{width:100%}.sm-flex{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width:52.06rem){.md-col,.md-col-right{box-sizing:border-box}.md-col{float:left}.md-col-right{float:right}.md-col-1{width:8.33333%}.md-col-2{width:16.66667%}.md-col-3{width:25%}.md-col-4{width:33.33333%}.md-col-5{width:41.66667%}.md-col-6{width:50%}.md-col-7{width:58.33333%}.md-col-8{width:66.66667%}.md-col-9{width:75%}.md-col-10{width:83.33333%}.md-col-11{width:91.66667%}.md-col-12{width:100%}.md-flex{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width:64.06rem){.lg-col,.lg-col-right{box-sizing:border-box}.lg-col{float:left}.lg-col-right{float:right}.lg-col-1{width:8.33333%}.lg-col-2{width:16.66667%}.lg-col-3{width:25%}.lg-col-4{width:33.33333%}.lg-col-5{width:41.66667%}.lg-col-6{width:50%}.lg-col-7{width:58.33333%}.lg-col-8{width:66.66667%}.lg-col-9{width:75%}.lg-col-10{width:83.33333%}.lg-col-11{width:91.66667%}.lg-col-12{width:100%}.lg-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.lg-hide{display:none}}.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.items-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.self-start{-ms-flex-item-align:start;align-self:flex-start}.self-end{-ms-flex-item-align:end;align-self:flex-end}.self-center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.self-stretch{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.justify-around{-ms-flex-pack:distribute;justify-content:space-around}.content-start{-ms-flex-line-pack:start;align-content:flex-start}.content-end{-ms-flex-line-pack:end;align-content:flex-end}.content-center{-ms-flex-line-pack:center;align-content:center}.content-between{-ms-flex-line-pack:justify;align-content:space-between}.content-around{-ms-flex-line-pack:distribute;align-content:space-around}.content-stretch{-ms-flex-line-pack:stretch;align-content:stretch}.flex-auto{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;min-height:0}.flex-none{-webkit-box-flex:0;-ms-flex:none;flex:none}.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-last{-webkit-box-ordinal-group:100000;-ms-flex-order:99999;order:99999}.absolute{position:absolute}.fixed{position:fixed}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z1{z-index:1}.z2{z-index:2}.z3{z-index:3}.z4{z-index:4}.border{border-style:solid;border-width:1px}.border-top{border-top-style:solid;border-top-width:1px}.border-right{border-right-style:solid;border-right-width:1px}.border-bottom{border-bottom-style:solid;border-bottom-width:1px}.border-left{border-left-style:solid;border-left-width:1px}.border-none{border:0}.rounded{border-radius:3px}.circle{border-radius:50%}.rounded-top{border-radius:3px 3px 0 0}.rounded-right{border-radius:0 3px 3px 0}.rounded-bottom{border-radius:0 0 3px 3px}.rounded-left{border-radius:3px 0 0 3px}.not-rounded{border-radius:0}.hide{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}@media (max-width:40rem){.xs-hide{display:none}}@media (min-width:40.06rem) and (max-width:52rem){.sm-hide{display:none}}@media (min-width:52.06rem) and (max-width:64rem){.md-hide{display:none}}.display-none{display:none}.www-component-anchor[selected]:after,.www-component-desc:target:before,.www-heading:after{display:block;content:""}*{box-sizing:border-box}body{background:#fff;color:#4a4a4a;line-height:1.5rem;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;min-width:315px;overflow-x:hidden;font-smooth:always;-webkit-font-smoothing:antialiased}main{max-width:100%;margin:0 auto}.ampstart-subtitle{color:#4f4f4f;font-size:.875rem}.ampstart-accent{color:#003f93}#content{margin-top:calc(0px - 3.5rem);padding-top:3.5rem}.ampstart-card{box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 1px 1px -1px rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.ampstart-device-preview-select,amp-user-notification{box-shadow:0 0 5px 2px rgba(0,0,0,.1)}.h1,h1{font-size:3rem;line-height:3.5rem}.h2,h2{font-size:2rem;line-height:2.5rem}.h3,h3{font-size:1.5rem;line-height:2rem}.h4,h4{font-size:1.125rem;line-height:1.5rem}.h5,h5{font-size:.875rem;line-height:1.125rem}.h6,h6{font-size:.75rem;line-height:1rem}h1,h2,h3,h4,h5,h6{font-weight:400;letter-spacing:.06em}.www-component-desc h3,.www-heading{letter-spacing:inherit}a,a:active,a:visited{color:inherit}.ampstart-btn{font-size:1rem;padding:.7em .8em;text-decoration:none;word-wrap:normal;vertical-align:middle;cursor:pointer;background-color:#fff;color:#b60845;border:1px solid #b60845}.ampstart-btn-secondary{background-color:#b60845;color:#fff;border:1px solid #fff}.ampstart-btn:active .ampstart-btn:focus{opacity:.8}.ampstart-btn[disabled],.ampstart-btn[disabled]:active,.ampstart-btn[disabled]:focus,.ampstart-btn[disabled]:hover{opacity:.5;outline:0;cursor:default}.ampstart-dropcap{padding-top:1.5rem;margin-top:2rem}.ampstart-dropcap:first-letter{color:#fff;font-size:3rem;font-weight:700;margin-left:-2px}.ampstart-pullquote{border:none;border-left:4px solid #fff;font-size:1.5rem;padding-left:2rem}amp-user-notification{background:#fff}.www-header,h1,h2,h3,h4,h5,h6{font-family:Inconsolata,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif}.ampstart-headerbar-nav .ampstart-nav-item{padding-right:1rem}.ampstart-headerbar-nav .ampstart-nav-item.www-current-page{color:#066573}.ampstart-headerbar-nav .ampstart-nav-item.www-current-page:after,.www-component-anchor[selected]:after{content:"";display:block;height:4px;background:linear-gradient(90deg,#94103e 0,#db004d)}.www-header{background-image:linear-gradient(90deg,#94103e 0,#db004d);padding:7rem 0;color:#fff;-webkit-clip-path:polygon(100% 100%,100% 0,-400% 0);clip-path:polygon(100% 100%,100% 0,-400% 0)}.www-heading:after{height:2px;width:2.5rem;background:#4a4a4a;position:absolute;bottom:0}.ampstart-footer{position:relative}.ampstart-footer:before{content:"";position:absolute;width:100%;height:35px;background-image:linear-gradient(90deg,#94103e 0,#db004d);top:0;left:0;right:0}.ampstart-device-preview-mask,.ampstart-device-preview-select{background:#f9f7f7}.www-components-sec-nav{padding-top:7rem;margin-top:calc(-1 * 7rem);box-shadow:5px 0 5px -5px rgba(0,0,0,.4);min-width:160px}.www-component-anchors{position:-webkit-sticky;position:sticky;top:7rem}body .www-component-anchors .www-component-anchor[option][selected]{outline:0}.www-component-anchor[selected]:after{height:4px;background:linear-gradient(90deg,#94103e 0,#db004d)}.www-header>*{padding-left:7rem;padding-right:7rem}.www-component-desc>*{padding-left:5rem;padding-right:5rem}.www-component-desc{margin-bottom:5rem}.www-component-desc:target:before{height:3.5rem}.www-component-desc [placeholder]{background:#fff}.www-component-rendered{margin-top:3.5rem}.www-component-desc pre{font-family:monospace;line-height:1rem;font-size:1.125rem;white-space:pre-line;background:#f9f7f7;overflow-y:auto;margin:0}.www-example-code,.www-example-code h3{background:#f9f7f7}.www-example-code amp-accordion h3:after{content:"";background:url(/css/img/www/caret.svg) no-repeat;width:11px;height:7px;display:inline-block;margin-left:2rem}.www-example-code amp-accordion [expanded] h3:after{-webkit-transform:scaleY(-1);transform:scaleY(-1)}@media (max-width:40rem){.www-component-desc>*{padding-left:0;padding-right:0}.www-component-desc{margin-bottom:3.5rem}.www-components{margin-right:1.5rem}.www-header>*{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:40.06rem) and (max-width:52rem){.www-components{margin-right:1.5rem}.www-header{margin-left:calc(-1 * 1rem)}.www-header>*{padding-left:0;padding-right:0}}@media (max-width:363px){.www-component-iframe-container>amp-iframe{-webkit-transform:scale(.792);transform:scale(.792);-webkit-transform-origin:0 0;transform-origin:0 0;width:343px}}*{-webkit-tap-highlight-color:rgba(255,255,255,0)}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif}.info{background:#FFFDE7}.www-components-sec-nav{min-width:200px}.www-component-desc li a,.www-component-desc p a{text-decoration:none;color:#b60845}.ampstart-headerbar-nav .ampstart-nav-item.www-current-page{color:#B60845}.ampstart-nav-dropdown .ampstart-dropdown-item{color:#B60845;margin:0}.ampstart-icon,.ampstart-sidebar .ampstart-icon{fill:#B60845}.ampstart-dropdown-item a{display:block;padding:8px}.ampstart-dropdown-item a:active,.ampstart-sidebar .ampstart-dropdown header:active{background:#f2f2f2}.ampstart-sidebar .ampstart-dropdown header{padding:1rem 0;margin:0}.ampstart-sidebar .ampstart-social-follow{margin-top:1rem}.ampstart-dropdown>section>header:after{color:#B60845;padding:0 0 0 .5rem}.ampstart-sidebar{width:340px}.ampstart-input>label{color:#b60845}.ampstart-input>label:after{background:#b60845}.ampstart-input input[type=checkbox],.ampstart-input input[type=radio]{border:1px solid #b60845}.ampstart-input input[type=checkbox]:after,.ampstart-input input[type=checkbox]:checked,.ampstart-input input[type=checkbox]:checked:after,.ampstart-input input[type=radio]:after,.ampstart-input input[type=radio]:checked{background:0 0}.ampstart-input input[type=radio]:checked:after{background:#b60845}.ampstart-btn.disabled{pointer-events:none;opacity:.5}.ampstart-btn,.ampstart-btn[disabled],.ampstart-btn[disabled]:focus,.ampstart-btn[disabled]:hover,a.ampstart-btn,a.ampstart-btn[disabled],a.ampstart-btn[disabled]:focus,a.ampstart-btn[disabled]:hover{color:#b60845;border:1px solid #b60845}.ampstart-btn:active,.ampstart-btn:focus,.ampstart-btn:hover,a.ampstart-btn:active,a.ampstart-btn:focus,a.ampstart-btn:hover{color:#db004d;border:1px solid #db004d}.ampstart-btn-secondary:active,.ampstart-btn-secondary:focus,.ampstart-btn-secondary:hover,a.ampstart-btn-secondary:active,a.ampstart-btn-secondary:focus,a.ampstart-btn-secondary:hover{color:#fff;background:#db004d;border:1px solid #fff}.ampstart-btn-secondary,.ampstart-btn-secondary[disabled],.ampstart-btn-secondary[disabled]:focus,.ampstart-btn-secondary[disabled]:hover,a.ampstart-btn-secondary,a.ampstart-btn-secondary.disabled,a.ampstart-btn-secondary.disabled:focus,a.ampstart-btn-secondary.disabled:hover{color:#fff;background:#b60845;border:1px solid #fff}body{background:#f9f7f7;opacity:.8}#abe-preview-header{background:#fff;color:#000;height:56px;width:100vw}#abe-preview-header>a{line-height:16px}#abe-preview-header-title{width:100%}#abe-preview{background:#fff;min-height:100vh;width:100vw;margin:56px auto 0;max-width:960px}form.amp-form-submit-success [submit-success],form.amp-form-submit-error [submit-error]{margin-top:16px}form.amp-form-submit-success [submit-success]{color:green}form.amp-form-submit-error [submit-error]{color:red}form.amp-form-submit-success.hide-inputs>input{display:none}

Subscribe to receive free email updates:

0 Response to "HTML5 Boostrap For AMP"

Post a Comment

Bila Ada posting yang kurang, atau error atau yang lainnya, silahkan tinggalkan komentar agar artikel/post di perbaiki.
Jangan Lupa Cek Box "Notify Me" agar tahu komentar kamu dibalas oleh saya.

If there are any posts that are missing, or error or anything else, please leave a comment for the article / post to be fixed.
Do not Forget Check Box "Notify Me" to know our comments replied by me.