PK jJVXbgE 7E bs-hero-heading.cccomp PK jJV component.json{"UUID":"e4b0dff0-e2ac-4e3e-8bd5-2a7d78d67440","additional_states":{"Button Link":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Drop Down":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Heading 1":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Paragraph":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Picture":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3536","appId":"RSD","appVersion":3536,"buildNumber":5981,"component_resources":{"classes":9,"file_sizes_values":[533492,0,0],"file_type_values":[1,0,0],"html_elements":0,"ids":0,"links_external":0,"links_internal":3,"local_files":"1 (local size 520,99 kB)","styled_breakpoints":""},"description":"Your component description","element_name":"Container","framework":"bootstrap4","html":"
Lost in Space?
1. This is where you put your content. You can remove the flex positioning (change to block) and have the paragraphs run right across the page if you like. You can even remove the paragraphs (but not the containing .content-wrap
) and add images, sliders or any content you prefer.
2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
","htmlembed":{},"mobile_first":true,"name":"bs-hero-heading","resources":{"./img/space2.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"}},"stylesheet":".container-grid.hero-container {\n max-width:1200px;\n margin-right:auto;\n margin-left:auto;\n box-sizing:border-box;\n}\n\nh1.page-name {\n box-sizing:border-box;\n font-size:50px;\n line-height:70px;\n color:rgba(10, 10, 10, 1);\n text-align:center;\n -webkit-text-stroke-width:0.01em;\n -webkit-text-stroke-color:rgba(255, 255, 255, 1);\n background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.5) 20%, rgba(6, 21, 27, 1) 80%);\n background-blend-mode:normal;\n background-position:left top;\n background-attachment:scroll;\n background-repeat:repeat;\n background-size:auto auto;\n background-origin:padding-box;\n background-clip:border-box;\n margin-top:0px;\n margin-bottom:0px;\n font-variant:small-caps;\n}\n\ndiv.responsive-picture.space {\n box-sizing:border-box;\n max-width:none;\n}\n\n.container-grid.space-menu {\n width:100%;\n padding-top:10px;\n padding-bottom:5px;\n box-sizing:border-box;\n max-width:none;\n display:flex;\n flex-wrap:wrap;\n align-items:center;\n justify-content:center;\n background-color:rgba(0, 0, 0, 1);\n}\n\na.link-button.but-link {\n padding-top:9px;\n width:100%;\n max-width:100px;\n padding-bottom:8px;\n padding-right:15px;\n padding-left:15px;\n box-sizing:border-box;\n color:rgba(255, 255, 255, 1);\n border-top-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-right-width:0.0625rem;\n border-bottom-width:0.0625rem;\n border-left-width:0.0625rem;\n border-top-color:rgba(169, 169, 169, 1);\n border-right-color:rgba(169, 169, 169, 1);\n border-bottom-color:rgba(169, 169, 169, 1);\n border-left-color:rgba(169, 169, 169, 1);\n margin-bottom:5px;\n text-decoration:none;\n}\n\na.link-button.but-link.cfs-hover {\n background-color:rgba(85, 85, 85, 1);\n}\n\nselect.select.dd-link {\n padding-top:11px;\n padding-right:5px;\n padding-bottom:11px;\n padding-left:15px;\n margin-bottom:5px;\n width:100%;\n max-width:120px;\n background-color:rgba(255, 255, 255, 0);\n color:rgba(255, 255, 255, 1);\n}\n\nselect.select.dd-link.cfs-hover {\n background-color:rgba(85, 85, 85, 1);\n}\n\n.container-grid.content-wrap {\n padding-top:60px;\n padding-right:10px;\n padding-left:10px;\n box-sizing:border-box;\n}\n\np.paragraph.one.space-para {\n margin-top:0px;\n}\n\np.paragraph.space-para.two {\n padding-top:0px;\n margin-top:0px;\n}\n\n@supports (display: grid) {\n h1.page-name {\n font-weight:700;\n }\n\n div.responsive-picture.space {\n max-width:none;\n }\n\n a.link-button.but-link {\n padding-top:9px;\n padding-bottom:7px;\n }\n\n select.select.dd-link {\n padding-bottom:10px;\n }\n}\n\n@media screen and (min-width: 40rem) {\n @supports (display: grid) {\n .container-grid.hero-container {\n display:grid;\n grid-template-columns:100px 1fr 1fr;\n grid-template-rows:auto auto auto auto;\n grid-template-areas:\"h1 img img\" \"h1 img img\" \"h1 menu menu\" \"h1 para para\";\n }\n\n h1.page-name {\n width:540px;\n height:100px;\n padding-top:8px;\n margin-top:219px;\n margin-left:-220px;\n -webkit-text-stroke-width:0.01em;\n font-size:65px;\n line-height:91px;\n text-align:left;\n transform:rotateZ(270deg);\n grid-area:1/1/span 3/span 1;\n }\n\n div.responsive-picture.space {\n grid-area:1/2/span 2/span 2;\n }\n\n .container-grid.space-menu {\n grid-area:3/2/span 1/span 2;\n }\n\n .container-grid.content-wrap {\n grid-area:4/2/span 2/span 2;\n display:flex;\n padding-top:50px;\n }\n\n p.paragraph.space-para {\n width:50%;\n padding-top:10px;\n padding-right:10px;\n padding-bottom:10px;\n padding-left:10px;\n }\n\n p.paragraph.one.space-para {\n line-height:22px;\n padding-top:5px;\n }\n\n p.paragraph.space-para.two {\n line-height:22px;\n padding-top:5px;\n }\n }\n}\n\n@media screen and (min-width: 64rem) {\n @supports (display: grid) {\n .container-grid.hero-container {\n grid-template-columns:120px 1fr 1fr;\n }\n\n h1.page-name {\n width:613px;\n height:120px;\n padding-top:0px;\n margin-top:246px;\n margin-left:-246px;\n font-size:65px;\n line-height:105px;\n }\n }\n}","timestamp":1676031626632,"type":"Container","units":"rem"}
PK jJVntXI$ # resources/img/space2.jpg XICC_PROFILE HLino mntrRGB XYZ 1 acspMSFT IEC sRGB -HP cprt P 3desc lwtpt bkpt rXYZ gXYZ , bXYZ @ dmnd T pdmdd vued L view $lumi meas $tech 0 rTRC <