PK {ZIfV]g g components.jsong-{"html":"\n\n
\n \n Responsive Bootstrap Builder Components \n\n\n\n\n\nThis is an alert component × These prebuilt Bootstrap components are easy to customize with the visual CSS controls on the Design pane. Components can also be extended with additional elements, repurposed and totally restyled. Sweet!
Card title Muted card subtitle Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.
Click me Heading Level 4 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.
Learn more Don’t code, create! Visual CSS, easy to manage custom breakpoints, width slider, prototyping and designing in the flexible production environment (browser and more...
Creativity unleashed.
Learn more
You really should try them! The History of CoffeeCup Software Did you know we brewed the worlds very first HTML Editor? From a coffee shop!?
Learn more
Internet pioneers for realz The History of CoffeeCup Software Did you know we brewed the world's very first HTML Editor? From a coffee shop!?
Learn more It’s about creating experiences. Not code! Visual CSS, easy to manage custom breakpoints, width slider, prototyping and designing in the flexible production environment (browser and more...
Designers rejoice!
Learn more The road to a Design System The only way to complete a mission like that? Hard work and step-by-step.
Learn more Download from the Component StoreTM
Bootstrap Builder Rocks!
\n","stylesheets":{"Alert (dismissable)":"h4 {\n font-family:'Roboto', sans-serif;\n line-height:1;\n}\n\na.link-button.cstm-close {\n font-size:40px;\n}\n\nspan.text-element {\n font-family:'Roboto', sans-serif;\n line-height:1.3;\n font-size:15px;\n margin-top:6px;\n margin-bottom:6px;\n max-width:700px;\n}","Button bar":".container-fluid {\n padding-right:0px;\n padding-left:0px;\n}\n\n.container-fluid.btn-grp-cmst {\n margin-top:3px;\n margin-bottom:3px;\n display:-webkit-box;\n display:-webkit-flex;\n display:-moz-box;\n display:-ms-flexbox;\n display:flex;\n margin-left:0rem;\n margin-right:6px;\n}","Button dropdown (classic)":".container-fluid.dropdown {\n display:inline-block;\n margin-top:6px;\n padding-right:0px;\n padding-left:0px;\n margin-right:6px;\n margin-left:0px;\n}\n\n.container-fluid {\n padding-right:0px;\n padding-left:0px;\n}","Button group":".container-fluid.btn-grp-cmst {\n margin-top:3px;\n margin-bottom:3px;\n display:-webkit-box;\n display:-webkit-flex;\n display:-moz-box;\n display:-ms-flexbox;\n display:flex;\n margin-left:0rem;\n margin-right:6px;\n}\n\n.container-fluid {\n padding-right:0px;\n padding-left:0px;\n}","Card (simple and single)":".container-fluid.card-cstm {\n max-width:22rem;\n}\n\n.container-fluid.card {\n padding-right:0px;\n padding-left:0px;\n}\n\nh4 {\n font-family:'Roboto', sans-serif;\n}\n\np.paragraph {\n font-family:'Roboto', sans-serif;\n}\n\na.link-button.btn.btn-lg.btn-primary.cfs-active {\n background-color:rgba(2, 117, 216, 1);\n}\n\n@media screen and (min-width: 48rem) {\np.paragraph {\n max-width:700px;\n}\n\np.paragraph.card-text {\n max-width:none;\n}\n}","Card with header and footer":".container-fluid.card {\n padding-right:0px;\n padding-left:0px;\n}\n\n.container-fluid.card-flex-header {\n margin-right:15px;\n margin-left:15px;\n}\n\nh3 {\n font-family:'Roboto', sans-serif;\n}\n\nh3.card-header {\n width:100%;\n}\n\nh4 {\n font-family:'Roboto', sans-serif;\n}\n\np.paragraph {\n font-family:'Roboto', sans-serif;\n}\n\np.paragraph.flex-card-item {\n -webkit-box-flex:1;\n -webkit-flex:1;\n -moz-box-flex:1;\n -ms-flex:1;\n flex:1;\n}\n\na.link-button.btn.btn-lg.btn-primary.cfs-active {\n background-color:rgba(2, 117, 216, 1);\n}\n\n.container-fluid.card-footer {\n width:100%;\n}\n\nh5.text-muted {\n font-size:18px;\n}\n\nh5 {\n font-family:'Roboto', sans-serif;\n}\n\n@media screen and (min-width: 34rem) {\n.container-fluid.card-flex-header {\n -webkit-box-flex:1;\n -webkit-flex:1 300px;\n -moz-box-flex:1;\n -ms-flex:1 300px;\n flex:1 300px;\n}\n\n.container-fluid.card.card-flex-header {\n display:-webkit-box;\n display:-webkit-flex;\n display:-moz-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-orient:vertical;\n -webkit-box-direction:normal;\n -webkit-flex-direction:column;\n -moz-box-orient:vertical;\n -moz-box-direction:normal;\n -ms-flex-direction:column;\n flex-direction:column;\n}\n\n.container-fluid.card-block-flex {\n display:-webkit-box;\n display:-webkit-flex;\n display:-moz-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-orient:vertical;\n -webkit-box-direction:normal;\n -webkit-flex-direction:column;\n -moz-box-orient:vertical;\n -moz-box-direction:normal;\n -ms-flex-direction:column;\n flex-direction:column;\n}\n\n.container-fluid.card-block.card-block-flex {\n -webkit-box-flex:1;\n -webkit-flex:1;\n -moz-box-flex:1;\n -ms-flex:1;\n flex:1;\n -webkit-box-align:start;\n -webkit-align-items:flex-start;\n -moz-box-align:start;\n -ms-flex-align:start;\n align-items:flex-start;\n}\n}\n\n@media screen and (min-width: 48rem) {\np.paragraph {\n max-width:700px;\n}\n\np.paragraph.card-text {\n max-width:none;\n}\n}","Card with header navigation":".container-fluid.card {\n padding-right:0px;\n padding-left:0px;\n}\n\n.container-fluid.card-flex-header {\n margin-right:15px;\n margin-left:15px;\n}\n\n.container-fluid.card-header {\n width:100%;\n}\n\nh4 {\n font-family:'Roboto', sans-serif;\n}\n\np.paragraph {\n font-family:'Roboto', sans-serif;\n}\n\np.paragraph.flex-card-item {\n -webkit-box-flex:1;\n -webkit-flex:1;\n -moz-box-flex:1;\n -ms-flex:1;\n flex:1;\n}\n\na.link-button.btn.btn-lg.btn-primary.cfs-active {\n background-color:rgba(2, 117, 216, 1);\n}\n\n.container-fluid.card-footer {\n width:100%;\n}\n\nh5.text-muted {\n font-size:18px;\n}\n\nh5 {\n font-family:'Roboto', sans-serif;\n}\n\n@media screen and (min-width: 34rem) {\n.container-fluid.card-flex-header {\n -webkit-box-flex:1;\n -webkit-flex:1 300px;\n -moz-box-flex:1;\n -ms-flex:1 300px;\n flex:1 300px;\n}\n\n.container-fluid.card.card-flex-header {\n display:-webkit-box;\n display:-webkit-flex;\n display:-moz-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-orient:vertical;\n -webkit-box-direction:normal;\n -webkit-flex-direction:column;\n -moz-box-orient:vertical;\n -moz-box-direction:normal;\n -ms-flex-direction:column;\n flex-direction:column;\n}\n\n.container-fluid.card-block-flex {\n display:-webkit-box;\n display:-webkit-flex;\n display:-moz-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-orient:vertical;\n -webkit-box-direction:normal;\n -webkit-flex-direction:column;\n -moz-box-orient:vertical;\n -moz-box-direction:normal;\n -ms-flex-direction:column;\n flex-direction:column;\n}\n\n.container-fluid.card-block.card-block-flex {\n -webkit-box-flex:1;\n -webkit-flex:1;\n -moz-box-flex:1;\n -ms-flex:1;\n flex:1;\n -webkit-box-align:start;\n -webkit-align-items:flex-start;\n -moz-box-align:start;\n -ms-flex-align:start;\n align-items:flex-start;\n}\n}\n\n@media screen and (min-width: 48rem) {\np.paragraph {\n max-width:700px;\n}\n\np.paragraph.card-text {\n max-width:none;\n}\n}","Card with image background":".container-fluid.card {\n padding-right:0px;\n padding-left:0px;\n}\n\n.container-fluid.card-flex-header {\n margin-right:15px;\n margin-left:15px;\n}\n\ndiv.responsive-picture.card-img {\n max-width:none;\n}\n\nh4 {\n font-family:'Roboto', sans-serif;\n}\n\np.paragraph {\n font-family:'Roboto', sans-serif;\n}\n\na.link-button.btn.btn-lg.btn-primary.cfs-active {\n background-color:rgba(2, 117, 216, 1);\n}\n\n@media screen and (min-width: 34rem) {\n.container-fluid.card-flex-header {\n -webkit-box-flex:1;\n -webkit-flex:1 300px;\n -moz-box-flex:1;\n -ms-flex:1 300px;\n flex:1 300px;\n}\n\n.container-fluid.card.card-flex-header {\n display:-webkit-box;\n display:-webkit-flex;\n display:-moz-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-orient:vertical;\n -webkit-box-direction:normal;\n -webkit-flex-direction:column;\n -moz-box-orient:vertical;\n -moz-box-direction:normal;\n -ms-flex-direction:column;\n flex-direction:column;\n}\n}\n\n@media screen and (min-width: 48rem) {\np.paragraph {\n max-width:700px;\n}\n}","Cards column (auto-responsive)":"body > .row > [class*=\"col-xs-\"] {\n padding-bottom:5px;\n padding-top:5px;\n}\n\nbody > .row > [class*=\"col-xs-\"].flex-cards-col {\n display:-webkit-box;\n display:-webkit-flex;\n display:-moz-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-flex-wrap:wrap;\n -ms-flex-wrap:wrap;\n flex-wrap:wrap;\n -webkit-box-pack:center;\n -webkit-justify-content:center;\n -moz-box-pack:center;\n -ms-flex-pack:center;\n justify-content:center;\n padding-right:0px;\n padding-left:0px;\n}\n\nbody > .row > [class*=\"col-xs-\"].flex-cards-height {\n -webkit-box-orient:vertical;\n -webkit-box-direction:normal;\n -webkit-flex-direction:column;\n -moz-box-orient:vertical;\n -moz-box-direction:normal;\n -ms-flex-direction:column;\n flex-direction:column;\n}\n\n.container-fluid.card {\n padding-right:0px;\n padding-left:0px;\n}\n\n.container-fluid.card-flex {\n margin-right:0.35rem;\n margin-left:0.35rem;\n -webkit-box-flex:1;\n -webkit-flex:1 300px;\n -moz-box-flex:1;\n -ms-flex:1 300px;\n flex:1 300px;\n}\n\n.container-fluid.card.card-block {\n padding-right:1rem;\n padding-left:1rem;\n}\n\n.container-fluid.card.card-block.card-flex {\n margin-right:15px;\n margin-left:15px;\n}\n\n.container-fluid.card-height {\n display:-webkit-box;\n display:-webkit-flex;\n display:-moz-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-orient:vertical;\n -webkit-box-direction:normal;\n -webkit-flex-direction:column;\n -moz-box-orient:vertical;\n -moz-box-direction:normal;\n -ms-flex-direction:column;\n flex-direction:column;\n -webkit-box-align:start;\n -webkit-align-items:flex-start;\n -moz-box-align:start;\n -ms-flex-align:start;\n align-items:flex-start;\n}\n\nh3 {\n font-family:'Roboto', sans-serif;\n}\n\np.paragraph {\n font-family:'Roboto', sans-serif;\n}\n\np.paragraph.flex-card-item {\n -webkit-box-flex:1;\n -webkit-flex:1;\n -moz-box-flex:1;\n -ms-flex:1;\n flex:1;\n}\n\na.link-button.btn.btn-lg.btn-primary.cfs-active {\n background-color:rgba(2, 117, 216, 1);\n}\n\n@media screen and (min-width: 34rem) {\nbody > .row > [class*=\"col-xs-\"].flex-cards-height {\n -webkit-box-orient:horizontal;\n -webkit-box-direction:normal;\n -webkit-flex-direction:row;\n -moz-box-orient:horizontal;\n -moz-box-direction:normal;\n -ms-flex-direction:row;\n flex-direction:row;\n}\n}\n\n@media screen and (min-width: 48rem) {\n.container-fluid.card-flex {\n margin-right:5px;\n margin-left:5px;\n}\n\np.paragraph {\n max-width:700px;\n}\n\np.paragraph.card-text {\n max-width:none;\n}\n}\n\n@media screen and (min-width: 75rem) {\nbody > .row > [class*=\"col-xs-\"].flex-cards-col {\n padding-right:0px;\n padding-left:0px;\n}\n}","Custom button (with icon + layered text)":".container-fluid.example-button {\n background-color:rgba(238, 122, 22, 1);\n display:-webkit-box;\n display:-webkit-flex;\n display:-moz-box;\n display:-ms-flexbox;\n display:flex;\n height:90px;\n -webkit-box-align:center;\n -webkit-align-items:center;\n -moz-box-align:center;\n -ms-flex-align:center;\n align-items:center;\n max-width:340px;\n border-top-left-radius:14px 14px;\n border-top-right-radius:14px 14px;\n border-bottom-right-radius:14px 14px;\n border-bottom-left-radius:14px 14px;\n border-top-style:solid;\n border-right-style:solid;\n border-bottom-style:solid;\n border-left-style:solid;\n border-top-color:rgba(238, 113, 9, 1);\n border-right-color:rgba(238, 113, 9, 1);\n border-bottom-color:rgba(222, 103, 4, 1);\n border-left-color:rgba(238, 113, 9, 1);\n margin-bottom:20px;\n -webkit-box-pack:center;\n -webkit-justify-content:center;\n -moz-box-pack:center;\n -ms-flex-pack:center;\n justify-content:center;\n padding-right:3px;\n padding-left:3px;\n border-bottom-width:0.375rem;\n border-top-width:0.125rem;\n border-right-width:0.125rem;\n border-left-width:0.125rem;\n}\n\nspan.glyph.button-icon {\n color:rgba(255, 255, 255, 1);\n line-height:1.8rem;\n font-size:54px;\n}\n\nspan.text-element {\n font-family:'Roboto', sans-serif;\n line-height:1.3;\n font-size:15px;\n margin-top:6px;\n margin-bottom:6px;\n max-width:700px;\n}\n\nspan.text-element.button-text {\n color:rgba(255, 255, 255, 1);\n font-size:27px;\n font-weight:700;\n margin-left:10px;\n letter-spacing:1px;\n text-align:left;\n}\n\nspan.text-element span.text-text-1 {\n font-size:1.25rem;\n font-weight:300;\n}\n\nspan.text-element sup.text-text-2 {\n font-size:0.625rem;\n font-weight:400;\n}","Navigation menu (standard, responsive)":"a.glyph.navbar-toggler {\n color:rgba(0, 0, 0, 0.6);\n font-size:28px;\n}\n\na.link-text.nav-item-cstm {\n padding-top:0.44rem;\n padding-bottom:0.44rem;\n}\n\na.link-text.nav-item.nav-item-cstm {\n margin-left:0rem;\n margin-right:1rem;\n}\n\n@media screen and (min-width: 48rem) {\na.glyph.navbar-toggler {\n display:none;\n}\n\n.container-fluid#main-nav {\n display:block;\n}\n}\n\n@media screen and (min-width: 62rem) {\n.container-fluid.navbar-cstm {\n margin-bottom:1rem;\n}\n}","Standout box":".container-fluid.typographic-wrapper {\n padding-top:30px;\n padding-bottom:30px;\n background-color:rgba(108, 81, 152, 1);\n margin-bottom:30px;\n}\n\nh3 {\n font-family:'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n\nh3.text-shadow {\n color:rgba(255, 255, 255, 1);\n text-align:center;\n text-transform:uppercase;\n font-size:38px;\n text-shadow:rgba(36, 42, 111, 1) 2px 4px 3px,rgba(36, 42, 111, 1) 3px 5px 4px,rgba(36, 42, 111, 1) 4px 6px 5px;\n font-weight:700;\n letter-spacing:2px;\n}\n\n@media screen and (min-width: 75rem) {\nh3.text-shadow {\n text-shadow:rgba(36, 42, 111, 1) 2px 4px 3px,rgba(36, 42, 111, 1) 3px 5px 4px,rgba(36, 42, 111, 1) 4px 6px 4px;\n}\n}","Standout box (image background)":".container-fluid.background-image-example {\n height:400px;\n padding-left:0px;\n padding-right:0px;\n background-image:url('./images/surf-up.jpg?id=101&cache=1476311045719');\n background-position:40% 20%;\n background-attachment:scroll;\n background-repeat:no-repeat;\n background-size:cover;\n background-origin:padding-box;\n background-clip:border-box;\n margin-bottom:20px;\n padding-top:25px;\n border-top-width:0.0625rem;\n border-right-width:0.0625rem;\n border-bottom-width:0.0625rem;\n border-left-width:0.0625rem;\n border-top-style:solid;\n border-right-style:solid;\n border-bottom-style:solid;\n border-left-style:solid;\n border-top-color:rgba(38, 119, 136, 1);\n border-right-color:rgba(38, 119, 136, 1);\n border-bottom-color:rgba(38, 119, 136, 1);\n border-left-color:rgba(38, 119, 136, 1);\n}\n\nh3 {\n font-family:'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n}\n\nh3.background-demo-header {\n font-family:'Oswald', 'Arial Black', 'Arial Bold', Gadget, sans-serif;\n font-size:68px;\n font-weight:900;\n text-align:center;\n color:rgba(30, 58, 66, 0.3);\n text-transform:uppercase;\n}"}}
PK {ZI;X4 library.json <{"html":"\n\n\n \n Responsive Site Designer Library \n\n\n\n\n\n\n","stylesheets":{}}
PK {ZI0
Z " palettes/Blank with components.cpm 3{"colors":[],"id":"306182714775055784045","name":"Blank with components","path":"/Users/bob/Library/Application Support/CoffeeCup Software/Common/Palettes/Bootstrap4-1-1.cpm","renamed":true,"saved":true}
PK {ZIAJ palettes/current.data New Project-17PK {ZIk k project.jsonk{"app_id":"ResponsiveBootstrapBuilder","app_version":"2.0","baseSelectors":{"1200":{},"544":{},"768":{},"992":{},"default":{}},"breakpoints":["544","768","992","1200"],"build_number":"69","classAutoCompletes":{".container-fluid":["card","card-block","card-flex","card-height"],"a.link-button":["btn","btn-lg","btn-primary"],"body > .row > [class*=\"col-xs-\"]":["flex-cards-col","flex-cards-height"],"h3":["card-title"],"p.paragraph":["card-text","flex-card-item"]},"coffeebuilder_build_number":"3942","elementsCss":"","framework":"bootstrap4","frameworkComponents":["grid","base","components","responsive","forms-buttons","utilities","js-components","coffeecup-font-icons"],"gridCss":"\n@media screen and (min-width: 544px) {\n.row [class*=\"col-sm-\"] {\n padding-left:0.9375rem;\n padding-right:0.9375rem;\n float:left;\n}\n\n.row .col-sm-1 {\n width:8.333333333333332%;\n}\n\n.row .col-sm-2 {\n width:16.666666666666664%;\n}\n\n.row .col-sm-3 {\n width:25%;\n}\n\n.row .col-sm-4 {\n width:33.33333333333333%;\n}\n\n.row .col-sm-5 {\n width:41.666666666666664%;\n}\n\n.row .col-sm-6 {\n width:50%;\n}\n\n.row .col-sm-7 {\n width:58.33333333333333%;\n}\n\n.row .col-sm-8 {\n width:66.66666666666666%;\n}\n\n.row .col-sm-9 {\n width:75%;\n}\n\n.row .col-sm-10 {\n width:83.33333333333333%;\n}\n\n.row .col-sm-11 {\n width:91.66666666666666%;\n}\n\n.row .col-sm-12 {\n width:100%;\n}\n\n[class*=\"col-sm-\"]>.subgrid {\n margin-left:-0.9375rem;\n margin-right:-0.9375rem;\n}\n\n.row .offset-sm-0 {\n margin-left:0%;\n}\n\n.row .offset-sm-1 {\n margin-left:8.333333333333332%;\n}\n\n.row .offset-sm-2 {\n margin-left:16.666666666666664%;\n}\n\n.row .offset-sm-3 {\n margin-left:25%;\n}\n\n.row .offset-sm-4 {\n margin-left:33.33333333333333%;\n}\n\n.row .offset-sm-5 {\n margin-left:41.666666666666664%;\n}\n\n.row .offset-sm-6 {\n margin-left:50%;\n}\n\n.row .offset-sm-7 {\n margin-left:58.33333333333333%;\n}\n\n.row .offset-sm-8 {\n margin-left:66.66666666666666%;\n}\n\n.row .offset-sm-9 {\n margin-left:75%;\n}\n\n.row .offset-sm-10 {\n margin-left:83.33333333333333%;\n}\n\n.row .offset-sm-11 {\n margin-left:91.66666666666666%;\n}\n\n.row [class*=\"push-sm-\"] {\n position:relative;\n}\n\n.row .push-sm-11 {\n left:91.66666666666666%;\n}\n\n.row .push-sm-10 {\n left:83.33333333333333%;\n}\n\n.row .push-sm-9 {\n left:75%;\n}\n\n.row .push-sm-8 {\n left:66.66666666666666%;\n}\n\n.row .push-sm-7 {\n left:58.33333333333333%;\n}\n\n.row .push-sm-6 {\n left:50%;\n}\n\n.row .push-sm-5 {\n left:41.666666666666664%;\n}\n\n.row .push-sm-4 {\n left:33.33333333333333%;\n}\n\n.row .push-sm-3 {\n left:25%;\n}\n\n.row .push-sm-2 {\n left:16.666666666666664%;\n}\n\n.row .push-sm-1 {\n left:8.333333333333332%;\n}\n\n.row .push-sm-0 {\n left:auto;\n}\n\n.row [class*=\"pull-sm-\"] {\n position:relative;\n}\n\n.row .pull-sm-11 {\n right:91.66666666666666%;\n}\n\n.row .pull-sm-10 {\n right:83.33333333333333%;\n}\n\n.row .pull-sm-9 {\n right:75%;\n}\n\n.row .pull-sm-8 {\n right:66.66666666666666%;\n}\n\n.row .pull-sm-7 {\n right:58.33333333333333%;\n}\n\n.row .pull-sm-6 {\n right:50%;\n}\n\n.row .pull-sm-5 {\n right:41.666666666666664%;\n}\n\n.row .pull-sm-4 {\n right:33.33333333333333%;\n}\n\n.row .pull-sm-3 {\n right:25%;\n}\n\n.row .pull-sm-2 {\n right:16.666666666666664%;\n}\n\n.row .pull-sm-1 {\n right:8.333333333333332%;\n}\n\n.row .pull-sm-0 {\n right:auto;\n}\n\n.show_grid_structure>.row {\n background-image:url('data:image/svg+xml;utf8, ');\n background-repeat:no-repeat, no-repeat;\n}\n\n.show_subgrid_structure>.row .row {\n background-image:url('data:image/svg+xml;utf8, ');\n background-repeat:no-repeat, no-repeat;\n}\n}\n\n@media screen and (min-width: 768px) {\n.row [class*=\"col-md-\"] {\n padding-left:0.9375rem;\n padding-right:0.9375rem;\n float:left;\n}\n\n.row .col-md-1 {\n width:8.333333333333332%;\n}\n\n.row .col-md-2 {\n width:16.666666666666664%;\n}\n\n.row .col-md-3 {\n width:25%;\n}\n\n.row .col-md-4 {\n width:33.33333333333333%;\n}\n\n.row .col-md-5 {\n width:41.666666666666664%;\n}\n\n.row .col-md-6 {\n width:50%;\n}\n\n.row .col-md-7 {\n width:58.33333333333333%;\n}\n\n.row .col-md-8 {\n width:66.66666666666666%;\n}\n\n.row .col-md-9 {\n width:75%;\n}\n\n.row .col-md-10 {\n width:83.33333333333333%;\n}\n\n.row .col-md-11 {\n width:91.66666666666666%;\n}\n\n.row .col-md-12 {\n width:100%;\n}\n\n[class*=\"col-md-\"]>.subgrid {\n margin-left:-0.9375rem;\n margin-right:-0.9375rem;\n}\n\n.row .offset-md-0 {\n margin-left:0%;\n}\n\n.row .offset-md-1 {\n margin-left:8.333333333333332%;\n}\n\n.row .offset-md-2 {\n margin-left:16.666666666666664%;\n}\n\n.row .offset-md-3 {\n margin-left:25%;\n}\n\n.row .offset-md-4 {\n margin-left:33.33333333333333%;\n}\n\n.row .offset-md-5 {\n margin-left:41.666666666666664%;\n}\n\n.row .offset-md-6 {\n margin-left:50%;\n}\n\n.row .offset-md-7 {\n margin-left:58.33333333333333%;\n}\n\n.row .offset-md-8 {\n margin-left:66.66666666666666%;\n}\n\n.row .offset-md-9 {\n margin-left:75%;\n}\n\n.row .offset-md-10 {\n margin-left:83.33333333333333%;\n}\n\n.row .offset-md-11 {\n margin-left:91.66666666666666%;\n}\n\n.row [class*=\"push-md-\"] {\n position:relative;\n}\n\n.row .push-md-11 {\n left:91.66666666666666%;\n}\n\n.row .push-md-10 {\n left:83.33333333333333%;\n}\n\n.row .push-md-9 {\n left:75%;\n}\n\n.row .push-md-8 {\n left:66.66666666666666%;\n}\n\n.row .push-md-7 {\n left:58.33333333333333%;\n}\n\n.row .push-md-6 {\n left:50%;\n}\n\n.row .push-md-5 {\n left:41.666666666666664%;\n}\n\n.row .push-md-4 {\n left:33.33333333333333%;\n}\n\n.row .push-md-3 {\n left:25%;\n}\n\n.row .push-md-2 {\n left:16.666666666666664%;\n}\n\n.row .push-md-1 {\n left:8.333333333333332%;\n}\n\n.row .push-md-0 {\n left:auto;\n}\n\n.row [class*=\"pull-md-\"] {\n position:relative;\n}\n\n.row .pull-md-11 {\n right:91.66666666666666%;\n}\n\n.row .pull-md-10 {\n right:83.33333333333333%;\n}\n\n.row .pull-md-9 {\n right:75%;\n}\n\n.row .pull-md-8 {\n right:66.66666666666666%;\n}\n\n.row .pull-md-7 {\n right:58.33333333333333%;\n}\n\n.row .pull-md-6 {\n right:50%;\n}\n\n.row .pull-md-5 {\n right:41.666666666666664%;\n}\n\n.row .pull-md-4 {\n right:33.33333333333333%;\n}\n\n.row .pull-md-3 {\n right:25%;\n}\n\n.row .pull-md-2 {\n right:16.666666666666664%;\n}\n\n.row .pull-md-1 {\n right:8.333333333333332%;\n}\n\n.row .pull-md-0 {\n right:auto;\n}\n\n.show_grid_structure>.row {\n background-image:url('data:image/svg+xml;utf8, ');\n background-repeat:no-repeat, no-repeat;\n}\n\n.show_subgrid_structure>.row .row {\n background-image:url('data:image/svg+xml;utf8, ');\n background-repeat:no-repeat, no-repeat;\n}\n}\n\n@media screen and (min-width: 992px) {\n.row [class*=\"col-lg-\"] {\n padding-left:0.9375rem;\n padding-right:0.9375rem;\n float:left;\n}\n\n.row .col-lg-1 {\n width:8.333333333333332%;\n}\n\n.row .col-lg-2 {\n width:16.666666666666664%;\n}\n\n.row .col-lg-3 {\n width:25%;\n}\n\n.row .col-lg-4 {\n width:33.33333333333333%;\n}\n\n.row .col-lg-5 {\n width:41.666666666666664%;\n}\n\n.row .col-lg-6 {\n width:50%;\n}\n\n.row .col-lg-7 {\n width:58.33333333333333%;\n}\n\n.row .col-lg-8 {\n width:66.66666666666666%;\n}\n\n.row .col-lg-9 {\n width:75%;\n}\n\n.row .col-lg-10 {\n width:83.33333333333333%;\n}\n\n.row .col-lg-11 {\n width:91.66666666666666%;\n}\n\n.row .col-lg-12 {\n width:100%;\n}\n\n[class*=\"col-lg-\"]>.subgrid {\n margin-left:-0.9375rem;\n margin-right:-0.9375rem;\n}\n\n.row .offset-lg-0 {\n margin-left:0%;\n}\n\n.row .offset-lg-1 {\n margin-left:8.333333333333332%;\n}\n\n.row .offset-lg-2 {\n margin-left:16.666666666666664%;\n}\n\n.row .offset-lg-3 {\n margin-left:25%;\n}\n\n.row .offset-lg-4 {\n margin-left:33.33333333333333%;\n}\n\n.row .offset-lg-5 {\n margin-left:41.666666666666664%;\n}\n\n.row .offset-lg-6 {\n margin-left:50%;\n}\n\n.row .offset-lg-7 {\n margin-left:58.33333333333333%;\n}\n\n.row .offset-lg-8 {\n margin-left:66.66666666666666%;\n}\n\n.row .offset-lg-9 {\n margin-left:75%;\n}\n\n.row .offset-lg-10 {\n margin-left:83.33333333333333%;\n}\n\n.row .offset-lg-11 {\n margin-left:91.66666666666666%;\n}\n\n.row [class*=\"push-lg-\"] {\n position:relative;\n}\n\n.row .push-lg-11 {\n left:91.66666666666666%;\n}\n\n.row .push-lg-10 {\n left:83.33333333333333%;\n}\n\n.row .push-lg-9 {\n left:75%;\n}\n\n.row .push-lg-8 {\n left:66.66666666666666%;\n}\n\n.row .push-lg-7 {\n left:58.33333333333333%;\n}\n\n.row .push-lg-6 {\n left:50%;\n}\n\n.row .push-lg-5 {\n left:41.666666666666664%;\n}\n\n.row .push-lg-4 {\n left:33.33333333333333%;\n}\n\n.row .push-lg-3 {\n left:25%;\n}\n\n.row .push-lg-2 {\n left:16.666666666666664%;\n}\n\n.row .push-lg-1 {\n left:8.333333333333332%;\n}\n\n.row .push-lg-0 {\n left:auto;\n}\n\n.row [class*=\"pull-lg-\"] {\n position:relative;\n}\n\n.row .pull-lg-11 {\n right:91.66666666666666%;\n}\n\n.row .pull-lg-10 {\n right:83.33333333333333%;\n}\n\n.row .pull-lg-9 {\n right:75%;\n}\n\n.row .pull-lg-8 {\n right:66.66666666666666%;\n}\n\n.row .pull-lg-7 {\n right:58.33333333333333%;\n}\n\n.row .pull-lg-6 {\n right:50%;\n}\n\n.row .pull-lg-5 {\n right:41.666666666666664%;\n}\n\n.row .pull-lg-4 {\n right:33.33333333333333%;\n}\n\n.row .pull-lg-3 {\n right:25%;\n}\n\n.row .pull-lg-2 {\n right:16.666666666666664%;\n}\n\n.row .pull-lg-1 {\n right:8.333333333333332%;\n}\n\n.row .pull-lg-0 {\n right:auto;\n}\n\n.show_grid_structure>.row {\n background-image:url('data:image/svg+xml;utf8, ');\n background-repeat:no-repeat, no-repeat;\n}\n\n.show_subgrid_structure>.row .row {\n background-image:url('data:image/svg+xml;utf8, ');\n background-repeat:no-repeat, no-repeat;\n}\n}\n\n@media screen and (min-width: 1200px) {\n.row [class*=\"col-xl-\"] {\n padding-left:0.9375rem;\n padding-right:0.9375rem;\n float:left;\n}\n\n.row .col-xl-1 {\n width:8.333333333333332%;\n}\n\n.row .col-xl-2 {\n width:16.666666666666664%;\n}\n\n.row .col-xl-3 {\n width:25%;\n}\n\n.row .col-xl-4 {\n width:33.33333333333333%;\n}\n\n.row .col-xl-5 {\n width:41.666666666666664%;\n}\n\n.row .col-xl-6 {\n width:50%;\n}\n\n.row .col-xl-7 {\n width:58.33333333333333%;\n}\n\n.row .col-xl-8 {\n width:66.66666666666666%;\n}\n\n.row .col-xl-9 {\n width:75%;\n}\n\n.row .col-xl-10 {\n width:83.33333333333333%;\n}\n\n.row .col-xl-11 {\n width:91.66666666666666%;\n}\n\n.row .col-xl-12 {\n width:100%;\n}\n\n[class*=\"col-xl-\"]>.subgrid {\n margin-left:-0.9375rem;\n margin-right:-0.9375rem;\n}\n\n.row .offset-xl-0 {\n margin-left:0%;\n}\n\n.row .offset-xl-1 {\n margin-left:8.333333333333332%;\n}\n\n.row .offset-xl-2 {\n margin-left:16.666666666666664%;\n}\n\n.row .offset-xl-3 {\n margin-left:25%;\n}\n\n.row .offset-xl-4 {\n margin-left:33.33333333333333%;\n}\n\n.row .offset-xl-5 {\n margin-left:41.666666666666664%;\n}\n\n.row .offset-xl-6 {\n margin-left:50%;\n}\n\n.row .offset-xl-7 {\n margin-left:58.33333333333333%;\n}\n\n.row .offset-xl-8 {\n margin-left:66.66666666666666%;\n}\n\n.row .offset-xl-9 {\n margin-left:75%;\n}\n\n.row .offset-xl-10 {\n margin-left:83.33333333333333%;\n}\n\n.row .offset-xl-11 {\n margin-left:91.66666666666666%;\n}\n\n.row [class*=\"push-xl-\"] {\n position:relative;\n}\n\n.row .push-xl-11 {\n left:91.66666666666666%;\n}\n\n.row .push-xl-10 {\n left:83.33333333333333%;\n}\n\n.row .push-xl-9 {\n left:75%;\n}\n\n.row .push-xl-8 {\n left:66.66666666666666%;\n}\n\n.row .push-xl-7 {\n left:58.33333333333333%;\n}\n\n.row .push-xl-6 {\n left:50%;\n}\n\n.row .push-xl-5 {\n left:41.666666666666664%;\n}\n\n.row .push-xl-4 {\n left:33.33333333333333%;\n}\n\n.row .push-xl-3 {\n left:25%;\n}\n\n.row .push-xl-2 {\n left:16.666666666666664%;\n}\n\n.row .push-xl-1 {\n left:8.333333333333332%;\n}\n\n.row .push-xl-0 {\n left:auto;\n}\n\n.row [class*=\"pull-xl-\"] {\n position:relative;\n}\n\n.row .pull-xl-11 {\n right:91.66666666666666%;\n}\n\n.row .pull-xl-10 {\n right:83.33333333333333%;\n}\n\n.row .pull-xl-9 {\n right:75%;\n}\n\n.row .pull-xl-8 {\n right:66.66666666666666%;\n}\n\n.row .pull-xl-7 {\n right:58.33333333333333%;\n}\n\n.row .pull-xl-6 {\n right:50%;\n}\n\n.row .pull-xl-5 {\n right:41.666666666666664%;\n}\n\n.row .pull-xl-4 {\n right:33.33333333333333%;\n}\n\n.row .pull-xl-3 {\n right:25%;\n}\n\n.row .pull-xl-2 {\n right:16.666666666666664%;\n}\n\n.row .pull-xl-1 {\n right:8.333333333333332%;\n}\n\n.row .pull-xl-0 {\n right:auto;\n}\n\n.show_grid_structure>.row {\n background-image:url('data:image/svg+xml;utf8, ');\n background-repeat:no-repeat, no-repeat;\n}\n\n.show_subgrid_structure>.row .row {\n background-image:url('data:image/svg+xml;utf8, ');\n background-repeat:no-repeat, no-repeat;\n}\n}\n","gutter":30,"htmlEmbed":{"htmls":{},"uid":0},"inheritanceMap":{"body":{"children":{},"suffixes":[],"type":"element"},"body > .row":{"children":{},"suffixes":[],"type":"element"},"body > .row > [class*=\"col-xs-\"]":{"children":{},"suffixes":[],"type":"element"},"body > .row > [class*=\"col-xs-\"].cfs-active":{"children":{},"suffixes":[],"type":"element"},"body > .row > [class*=\"col-xs-\"].cfs-focus":{"children":{},"suffixes":[],"type":"element"},"body > .row > [class*=\"col-xs-\"].cfs-hover":{"children":{},"suffixes":[],"type":"element"},"body > .row > [class*=\"col-xs-\"].cfs-visited":{"children":{},"suffixes":[],"type":"element"},"body > .row.cfs-active":{"children":{},"suffixes":[],"type":"element"},"body > .row.cfs-focus":{"children":{},"suffixes":[],"type":"element"},"body > .row.cfs-hover":{"children":{},"suffixes":[],"type":"element"},"body > .row.cfs-visited":{"children":{},"suffixes":[],"type":"element"},"body.cfs-active":{"children":{},"suffixes":[],"type":"element"},"body.cfs-focus":{"children":{},"suffixes":[],"type":"element"},"body.cfs-hover":{"children":{},"suffixes":[],"type":"element"},"body.cfs-visited":{"children":{},"suffixes":[],"type":"element"}},"layout_name":"","max_columns":12,"mobileFirst":true,"pages":[{"footerContent":"","headerContent":"","html":"\n ","name":"Index","outline":{"nodes":{"Column@2":{"c":[],"p":"Row@1"},"Grid@0":{"c":["Row@1"],"p":null},"Row@1":{"c":["Column@2"],"p":"Grid@0"}},"root":"Grid@0","uid":3},"pages":[]}],"position":[0],"pro_version":true,"resourcesInUse":{"./images/street-view.jpg":{"breakpoints":{},"elements":{"counter":0},"id":17,"pictures":{"default":1},"type":"file"},"./images/surf-up.jpg":{"breakpoints":{"default_component":{".container-fluid.background-image-example":"background-image"}},"elements":{"counter":0},"id":18,"pictures":{},"type":"file"}},"reverseBaseSelectors":{"1200":{},"544":{},"768":{},"992":{},"default":{}},"slug_id":"","units":"rem","useFlatModel":true,"usedFonts":{},"user_email":""}
PK {ZI/4k k resources/images/street-view.jpg JFIF H H Exif MM * b j( 1 r2 i H H Pixelmator 3.5.1 2016:09:29 12:09:95 X http://ns.adobe.com/xap/1.0/