PK nDSWBb ua f-hero-heading.cccomp PK mDSZŵ/ / component.json/O{"UUID":"1f3ed8bc-35ec-45b4-acac-d68fc0a531d2","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.3490","appId":"RSD","appVersion":3490,"buildNumber":5947,"component_resources":{"classes":9,"file_sizes_values":[1323001,0,0],"file_type_values":[1,0,0],"html_elements":0,"ids":0,"links_external":0,"links_internal":3,"local_files":"1 (local size 1,26 MB)","styled_breakpoints":"640px / 1024px"},"description":"Your component description","element_name":"Container","framework":"foundation","html":"
Lost in Space? \noption:first-child {\ndisplay:none;\n }\n\">
Home Images + Option 1 Option 2 Page 2 Services + Components Coffeecup Speed test Page 3 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":"f-hero-heading","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}\n\nh1.page-name {\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 font-weight:600;\n font-size:50px;\n text-align:center;\n font-variant:small-caps;\n margin-bottom:0px;\n -webkit-text-stroke-color:rgba(255, 255, 255, 1);\n -webkit-text-stroke-width:0.01em;\n}\n\ndiv.responsive-picture.space {\n max-width:none;\n}\n\n.container.space-menu {\n display:flex;\n flex-wrap:wrap;\n align-items:center;\n justify-content:center;\n min-height:auto;\n margin-top:0px;\n background-color:rgba(0, 0, 0, 1);\n padding-top:10px;\n padding-bottom:5px;\n position:relative;\n max-width:none;\n width:100vw;\n margin-bottom:0px;\n top:auto;\n z-index:10;\n}\n\na.link-button.but-link {\n color:rgba(255, 255, 255, 1);\n padding-top:10px;\n padding-bottom:9px;\n padding-right:15px;\n padding-left:15px;\n text-decoration:none;\n line-height:normal;\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:6px;\n max-width:100px;\n width:100%;\n}\n\na.link-button.but-link.cfs-hover {\n background-color:rgba(85, 85, 85, 1);\n}\n\nselect.select.dd-link {\n line-height:normal;\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 padding-top:10px;\n padding-bottom:10px;\n padding-right:5px;\n padding-left:15px;\n background-color:rgba(255, 255, 255, 0);\n color:rgba(255, 255, 255, 1);\n margin-bottom:6px;\n max-width:120px;\n width:100%;\n}\n\nselect.select.dd-link.cfs-hover {\n background-color:rgba(85, 85, 85, 1);\n}\n\nselect.select.dd-link.cfs-active {\n border-top-style:none;\n border-right-style:none;\n border-bottom-style:none;\n border-left-style:none;\n border-top-width:0rem;\n border-right-width:0rem;\n border-bottom-width:0rem;\n border-left-width:0rem;\n}\n\n.container.content-wrap {\n padding-right:10px;\n padding-left:10px;\n padding-top:60px;\n}\n\n@supports (display: grid) {\n .container.hero-container {\n width:100%;\n padding-top:0px;\n }\n\n h1.page-name {\n margin-bottom:0px;\n -webkit-text-stroke-color:rgba(255, 255, 255, 1);\n -webkit-text-stroke-width:0.01em;\n font-size:55px;\n }\n\n div.responsive-picture.space {\n align-self:stretch;\n margin-top:0px;\n margin-bottom:0px;\n }\n\n .container.space-menu {\n position:relative;\n background-color:rgba(0, 0, 0, 1);\n }\n\n .container.content-wrap {\n display:flex;\n flex-wrap:wrap;\n padding-right:10px;\n padding-left:10px;\n }\n\n p.paragraph.space-para {\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 padding-left:15px;\n }\n\n p.paragraph.space-para.two {\n padding-left:15px;\n }\n\n p.paragraph span.paragraph-text-4 {\n font-weight:600;\n }\n\n p.paragraph span.paragraph-text-5 {\n font-family:'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;\n }\n}\n\n@media screen and (min-width: 40rem) {\n h1.page-name {\n font-weight:600;\n text-align:center;\n font-variant:small-caps;\n font-size:60px;\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 }\n\n .container.space-menu {\n background-color:rgba(0, 0, 0, 1);\n }\n\n @supports (display: grid) {\n .container.hero-container {\n display:grid;\n margin-right:auto;\n margin-left:auto;\n grid-template-columns:100px 1fr 1fr;\n grid-template-rows:auto auto auto auto;\n max-width:1200px;\n min-height:auto;\n align-self:flex-end;\n grid-template-areas:\"H1 img img\" \"H1 img img\" \"H1 menu menu\" \"H1 paragr. paragr.\";\n padding-top:0px;\n }\n\n h1.page-name {\n transform:rotateZ(270deg) translateX(0px) translateY(0px);\n grid-area:1/1/span 3/span 1;\n width:540px;\n height:100px;\n justify-self:start;\n padding-top:8px;\n font-size:65px;\n text-align:left;\n padding-right:0px;\n padding-left:0px;\n margin-left:-220px;\n margin-top:219px;\n }\n\n div.responsive-picture.space {\n grid-area:1/2/span 2/span 3;\n justify-self:auto;\n align-self:auto;\n margin-bottom:0px;\n }\n\n .container.space-menu {\n grid-area:3/2/span 1/span 2;\n margin-bottom:0px;\n position:relative;\n }\n\n .container.content-wrap {\n grid-area:3/2/span 2/span 2;\n flex-wrap:nowrap;\n padding-top:60px;\n position:relative;\n display:flex;\n }\n\n p.paragraph.one.space-para {\n grid-area:2/3/span 1/span 1;\n margin-bottom:0px;\n padding-top:25px;\n width:50%;\n }\n\n p.paragraph.space-para.two {\n grid-area:2/3/span 1/span 1;\n align-self:center;\n padding-top:25px;\n width:50%;\n }\n }\n}\n\n@media screen and (min-width: 64rem) {\n h1.page-name {\n font-size:70px;\n }\n\n .container.space-menu {\n width:100%;\n }\n\n a.link-button.but-link {\n max-width:100px;\n width:100%;\n padding-top:10px;\n padding-bottom:9px;\n }\n\n select.select.dd-link {\n max-width:120px;\n width:100%;\n }\n\n @supports (display: grid) {\n .container.hero-container {\n max-width:1200px;\n margin-right:auto;\n margin-left:auto;\n grid-template-columns:120px 1fr 1fr;\n grid-template-rows:auto auto 60px auto;\n grid-area:1/1/span 1/span 1;\n width:100%;\n margin-bottom:30px;\n position:relative;\n padding-top:0px;\n }\n\n h1.page-name {\n height:120px;\n position:relative;\n grid-area:1/1/span 1/span 3;\n justify-self:auto;\n transform:rotateZ(270deg) translateX(0px) translateY(0px);\n width:613px;\n font-size:75px;\n padding-top:0px;\n padding-bottom:0px;\n line-height:105px;\n padding-left:0px;\n padding-right:0px;\n margin-top:246px;\n margin-left:-246px;\n }\n\n div.responsive-picture.space {\n justify-self:auto;\n align-self:auto;\n }\n\n .container.space-menu {\n width:100%;\n top:auto;\n position:static;\n background-color:rgba(0, 0, 0, 1);\n }\n\n p.paragraph.one.space-para {\n grid-area:2/2/span 1/span 1;\n width:50%;\n }\n\n p.paragraph.space-para.two {\n align-self:stretch;\n margin-bottom:0px;\n width:50%;\n }\n\n p.paragraph span.paragraph-text-1 {\n font-weight:500;\n }\n\n p.paragraph span.paragraph-text-2 {\n font-weight:600;\n }\n\n p.paragraph span.paragraph-text-3 {\n font-family:'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;\n }\n }\n}","timestamp":1633347870238,"type":"Container","units":"rem"}
PK mDSB0 / resources/img/space2.jpg Exif MM * ( 1 2 Ӈi
'
'Adobe Photoshop 22.0 (Windows) 2020:12:01 17:36:47 0231 Ԡ n v( ~ H H Adobe_CM Adobe d
U "
?
3 !1AQa"q2B#$Rb34rC%Scs5&DTdE£t6UeuF'Vfv7GWgw 5 !1AQaq"2B#R3$brCScs4%&5DTdEU6teuFVfv'7GWgw ? 2NHԷ:'qqԒH>gzR^D~KÞ+=nݷLx=%#j>g8'\# O}ͿNZe6øi1_ξtw}۰ϸL7@Զ" ?M# .aN}#OqS':'dnk FG$o&:"6u;kD![4
O } -dk'lv0
; 4sV9<u$hqӑi?@KֵL@ ?k톏ILekvfO7kTKHN;|<G{y IKTOnL
f[cI-Gm$4p `HI;>N tD~rHԇ
vγ aJ1[sm?`CkD{yIۆ >uk~{} B$vv@Zd4Fsc852Hn9;>Dl`$X;V v]_I0k$