PK VpB iB va-hero-heading-dd.cccomp PK PV:a(& ! component.json!{"UUID":"7544b8bc-2b60-4c8f-b689-7b6c0ef416f4","additional_states":{},"appBuildInfo":"RSD 5.0.3541","appId":"RSD","appVersion":3541,"buildNumber":5982,"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":"640px / 1024px"},"description":"Your component description","element_name":"Container","framework":"vanillacss","html":"
Lost in Space? \noption:first-child {\ndisplay:none;\n }\n\" data-ce-custom-footer=\"\">Home Images Option 2 Option 3 Page2 Services Components Coffeecup Speed test Page3 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":false,"name":"va-hero-heading-dd","resources":{"./img/space2.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"}},"stylesheet":".container.hero-container {\n max-width:1200px;\n margin-right:auto;\n margin-left:auto;\n box-sizing:border-box;\n display:grid;\n grid-template-columns:120px 1fr 1fr;\n grid-template-rows:auto auto auto auto;\n}\n\nh1.page-name {\n box-sizing:border-box;\n font-size:75px;\n line-height:105px;\n color:rgba(10, 10, 10, 1);\n text-align:left;\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:246px;\n margin-bottom:0px;\n font-variant:small-caps;\n width:613px;\n height:120px;\n margin-left:-246px;\n position:relative;\n transform:rotateZ(270deg);\n grid-area:1/1/span 1/span 3;\n padding-bottom:0px;\n padding-top:0px;\n}\n\ndiv.responsive-picture.space {\n box-sizing:border-box;\n grid-area:1/2/span 2/span 3;\n}\n\n.container.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 grid-area:3/2/span 1/span 2;\n}\n\na.link-button.but-link {\n padding-top:12px;\n width:100%;\n max-width:100px;\n padding-bottom:10px;\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:10px;\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.content-wrap {\n padding-top:60px;\n padding-right:10px;\n padding-left:10px;\n box-sizing:border-box;\n grid-area:4/2/span 2/span 2;\n display:flex;\n}\n\np.paragraph.one.space-para {\n margin-top:0px;\n width:50%;\n}\n\np.paragraph.space-para {\n padding-top:10px;\n padding-right:10px;\n padding-bottom:10px;\n padding-left:10px;\n}\n\np.paragraph.space-para.two {\n padding-top:0px;\n margin-top:0px;\n width:50%;\n}\n\n@media screen and (max-width: 64rem) {\n .container.hero-container {\n grid-template-columns:100px 1fr 1fr;\n }\n\n h1.page-name {\n font-size:65px;\n line-height:91px;\n width:540px;\n height:100px;\n padding-top:8px;\n margin-top:219px;\n margin-left:-220px;\n grid-area:1/1/span 3/span 1;\n }\n}\n\n@media screen and (max-width: 40rem) {\n .container.hero-container {\n display:block;\n }\n\n h1.page-name {\n width:auto;\n height:auto;\n padding-top:0px;\n margin-top:0px;\n margin-left:0px;\n transform:rotateZ(0deg);\n text-align:center;\n font-size:55px;\n line-height:77px;\n }\n}","timestamp":1688844753357,"type":"Container","units":"rem"}
PK PVntXI$ # 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 <