Untitled
unknown
plain_text
2 years ago
16 kB
5
Indexable
<!-- wp:cover {"url":"http://localhost:8881/wp-content/uploads/2023/07/pexels-tima-miroshnichenko-7579953-2160p-2.mp4","id":16,"dimRatio":50,"backgroundType":"video","minHeight":940,"minHeightUnit":"px","isDark":false} --> <div class="wp-block-cover is-light" style="min-height:940px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><video class="wp-block-cover__video-background intrinsic-ignore" autoplay muted loop playsinline src="http://localhost:8881/wp-content/uploads/2023/07/pexels-tima-miroshnichenko-7579953-2160p-2.mp4" data-object-fit="cover"></video><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} --> <p class="has-text-align-center has-large-font-size"><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-base-color">Empowering Business Solutions</mark></p> <!-- /wp:paragraph --></div></div> <!-- /wp:cover --> <!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:heading {"textAlign":"center"} --> <h2 class="wp-block-heading has-text-align-center">What We Do</h2> <!-- /wp:heading --> <!-- wp:spacer --> <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:group {"layout":{"type":"constrained"}} --> <div class="wp-block-group"><!-- wp:html --> <p><!DOCTYPE html><br /> <html lang="en"><br /> <head><br /> <meta charset="UTF-8"><br /> <title>Home</title></p> <style> body {<br /> margin: 0;<br /> padding: 0;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> min-height: 100vh;<br /> font-family: Arial, Helvetica, sans-serif;<br /> }</p> <p> .center {<br /> position: absolute;<br /> left: 300px;<br /> z-index: 6;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> background: linear-gradient(to right, #EB2227, #FF4500);<br /> width: 300px;<br /> height: 300px;<br /> border-radius: 50%;<br /> border: 0.50px black solid;<br /> }</p> <p> .box {<br /> position: relative;<br /> width: 600px;<br /> display: flex;<br /> flex-wrap: wrap;<br /> }</p> <p> .tlContainer {<br /> flex: 50%;<br /> height: 300px;<br /> }</p> <p> #tl, #tr, #bl, #br, #ct{<br /> position: fixed;<br /> display: block;<br /> opacity: 0;<br /> visibility: hidden;<br /> background: #f6f6f6;<br /> color: #111111;<br /> font-size: 2.5em;<br /> font-weight: bold;<br /> padding: 5px 20px;<br /> box-shadow: 0 8px 10px rgba(0,0,0,0.2);<br /> z-index: 5;<br /> width: 400px;<br /> border-radius: 5px;</p> <p> }</p> <p> .tlContainer:hover #tl, .trContainer:hover #tr, .blContainer:hover #bl, .brContainer:hover #br{<br /> background-color: #f6f6f6;<br /> opacity: 1;<br /> visibility: visible;<br /> transition: opacity 0.2s;<br /> z-index: 9;<br /> }</p> <p> .center:hover #tl, .center:hover #tr, .center:hover #bl, .center:hover #br{<br /> background-color: #000000;<br /> opacity: 1;<br /> visibility: visible;<br /> }</p> <p> #it, #web, #RBCT, #CC, #MBS {<br /> position: absolute;<br /> font-weight: 600;<br /> font-size: 3em;<br /> z-index: 7;<br /> } </p> <p> #it, #web{<br /> margin-top: 115px;<br /> margin-left: 115px;<br /> }</p> <p> #RBCT {<br /> margin-top: 115px;<br /> margin-left: 65px;<br /> }</p> <p> #CC {<br /> margin-top: 115px;<br /> margin-left: 115px;<br /> }</p> <p> a {<br /> fill: #f6f6f6;<br /> }</p> <p> a:hover {<br /> fill: #EB2227;<br /> transition: fill 0.2s;<br /> }</p> <p> .right:hover {<br /> fill: #FF4500;<br /> transition: fill 0.2s;<br /> }</p> <p> #topLeft {<br /> transform: rotate(-90deg);<br /> right: 150px;<br /> }</p> <p> #topRight {<br /> left: 150px;<br /> }</p> <p> #botLeft {<br /> transform: rotate(180deg);<br /> margin-top: -3.4px;<br /> }</p> <p> #botRight {<br /> transform: rotate(90deg);<br /> margin-top: -3.4px;<br /> }</p> <p> .center:hover {<br /> background: linear-gradient(to right, #FF4500, #EB2227);<br /> transition: background-color 0.4s;<br /> }</p> <p> .center:hover #ct {<br /> opacity: 1;<br /> visibility: visible;<br /> transition: opacity 0.2s;<br /> z-index: 10;<br /> }</p> </style> <p> <body></p> <div class="box"> <div class="center" style="width: 300px; height: 300px; left: 150px; top: 150px; border-radius: 9999px; border: 0.50px black solid"> <span id="MBS">MBS</span><br /> <span id="ct">RBTG's managed Business Services can elevate a companies efficiency and workflow.</span> </div> <div class="tlContainer"> <span id="it">IT</span><br /> <svg id="topLeft" version="1.0" xmlns="http://www.w3.org/2000/svg" width="225.000000pt" height="225.000000pt" viewBox="0 0 225.000000 225.000000" preserveAspectRatio="xMidYMid meet" style="transform: rotate(90);"></p> <p> <g class="bob" transform="translate(0.000000,225.000000) scale(0.100000,-0.100000)" fill="#FFFFFF" stroke="black" stroke-width="10"><br /> <a href=""> <path d="M0 1730 l0 -520 48 0 c120 0 320 -49 460 -111 106 -48 255 -153 347 -244 96 -97 200 -247 250 -361 62 -144 105 -328 105 -450 l0 -44 521 0 522 0 -7 113 c-65 1052 -803 1898 -1830 2096 -92 18 -311 41 -387 41 l-29 0 0 -520z"/><br /> </a><br /> </g><br /> </svg><br /> <span id="tl">Red Barn web builds modern, interactive sites for businesses looking to make an impact in the digital marketplace.</span> </div> <div class="trContainer"> <span id="web">Web</span><br /> <svg id="topRight" version="1.0" xmlns="http://www.w3.org/2000/svg" width="225.000000pt" height="225.000000pt" viewBox="0 0 225.000000 225.000000" preserveAspectRatio="xMidYMid meet" style="transform: rotate(90);"></p> <p> <g class="bob" transform="translate(0.000000,225.000000) scale(0.100000,-0.100000)" fill="#FFFFFF" stroke="black" stroke-width="10"></p> <p> <a class='right'><path d="M0 1730 l0 -520 48 0 c120 0 320 -49 460 -111 106 -48 255 -153 347 -244 96 -97 200 -247 250 -361 62 -144 105 -328 105 -450 l0 -44 521 0 522 0 -7 113 c-65 1052 -803 1898 -1830 2096 -92 18 -311 41 -387 41 l-29 0 0 -520z"/><br /> </a><br /> </g><br /> </svg><br /> <span id="tr">Our eGod team can build the foundation for your data. Lorem cloud based technology for any sized company.</span> </div> <div class="blContainer"> <span id="RBCT">RBCT</span><br /> <svg id="botLeft" version="1.0" xmlns="http://www.w3.org/2000/svg" width="225.000000pt" height="225.000000pt" viewBox="0 0 225.000000 225.000000" preserveAspectRatio="xMidYMid meet" style="transform: rotate(90);"></p> <p> <g class="bob" transform="translate(0.000000,225.000000) scale(0.100000,-0.100000)" fill="#FFFFFF" stroke="black" stroke-width="10"><br /> <a href=""> <path d="M0 1730 l0 -520 48 0 c120 0 320 -49 460 -111 106 -48 255 -153 347 -244 96 -97 200 -247 250 -361 62 -144 105 -328 105 -450 l0 -44 521 0 522 0 -7 113 c-65 1052 -803 1898 -1830 2096 -92 18 -311 41 -387 41 l-29 0 0 -520z"/><br /> </a><br /> </g><br /> </svg><br /> <span id="bl">Design solutions for brands and companies of any size.</span> </div> <div class="brContainer"> <span id="CC">CC</span><br /> <svg id="botRight" version="1.0" xmlns="http://www.w3.org/2000/svg" width="225.000000pt" height="225.000000pt" viewBox="0 0 225.000000 225.000000" preserveAspectRatio="xMidYMid meet" style="transform: rotate(90);"></p> <p> <g class="bob" transform="translate(0.000000,225.000000) scale(0.100000,-0.100000)" fill="#FFFFFF" stroke="black" stroke-width="10"><br /> <a class='right' href=""> <path d="M0 1730 l0 -520 48 0 c120 0 320 -49 460 -111 106 -48 255 -153 347 -244 96 -97 200 -247 250 -361 62 -144 105 -328 105 -450 l0 -44 521 0 522 0 -7 113 c-65 1052 -803 1898 -1830 2096 -92 18 -311 41 -387 41 l-29 0 0 -520z"/><br /> </a><br /> </g><br /> </svg><br /> <span id="br">Interconnect channels within your company to reduce friction and boost efficiency for your workforce.</span> </div> </p> </div> <p> <script type="text/javascript"><br /> var topLeft = document.querySelectorAll("#tl");<br /> var topRight = document.querySelectorAll("#tr");<br /> var botLeft = document.querySelectorAll("#bl");<br /> var botRight = document.querySelectorAll("#br");<br /> var cn = document.querySelectorAll("#ct");<br /> window.onmousemove = function(e) {<br /> var tx = e.clientX,<br /> ty = e.clientY;<br /> for (var i = 0; i < topLeft.length; i++) { topLeft[i].style.top = (ty - 300) + 'px'; topLeft[i].style.left = (tx - 450) + 'px'; } var rx = e.clientX, ry = e.clientY; for (var i = 0; i < topRight.length; i++) { topRight[i].style.top = (ry - 280) + 'px'; topRight[i].style.left = (rx + 20) + 'px'; } var lx = e.clientX, ly = e.clientY; for (var i = 0; i < botLeft.length; i++) { botLeft[i].style.top = (ly) + 'px'; botLeft[i].style.left = (lx - 450) + 'px'; } var lx = e.clientX, ly = e.clientY; for (var i = 0; i < botRight.length; i++) { botRight[i].style.top = (ly ) + 'px'; botRight[i].style.left = (lx + 20) + 'px'; } var cx = e.clientX, cy = e.clientY; for (var i = 0; i < botRight.length; i++) { cn[i].style.top = (ly + 20) + 'px'; cn[i].style.left = (lx + 20) + 'px'; } }; </script><br /> </body><br /> </html></p> <!-- /wp:html --></div> <!-- /wp:group --> <!-- wp:group {"align":"full","style":{"color":{"text":"#000000","background":"#ffffff"}}} --> <div class="wp-block-group alignfull has-text-color has-background" style="color:#000000;background-color:#ffffff"><!-- wp:spacer {"height":"102px"} --> <div style="height:102px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:paragraph {"align":"center","style":{"typography":{"lineHeight":".9"}},"fontSize":"small"} --> <p class="has-text-align-center has-small-font-size" style="line-height:.9"><strong>GET IN TOUCH</strong></p> <!-- /wp:paragraph --> <!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":59,"lineHeight":"1.15"}}} --> <h2 class="wp-block-heading has-text-align-center" id="schedule-a-visit" style="font-size:59px;line-height:1.15"><strong>Schedule a Consultation</strong></h2> <!-- /wp:heading --> <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} --> <div class="wp-block-buttons"><!-- wp:button {"width":50,"style":{"color":{"background":"#000000","text":"#ffffff"},"border":{"radius":"50px"}}} --> <div class="wp-block-button has-custom-width wp-block-button__width-50"><a class="wp-block-button__link has-text-color has-background wp-element-button" style="border-radius:50px;color:#ffffff;background-color:#000000">Contact us</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:spacer {"height":"212px"} --> <div style="height:212px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:group --> <!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|30","bottom":"var:preset|spacing|50","left":"var:preset|spacing|30"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} --> <div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--30)"><!-- wp:group {"style":{"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"top"}} --> <div class="wp-block-group"><!-- wp:site-title {"fontSize":"medium"} /--> <!-- wp:paragraph {"align":"left"} --> <p class="has-text-align-left">37 Pine St, 13901<br>Binghamton, NY <br>United States<br><br>© Copyright 1996 - 2023</p> <!-- /wp:paragraph --> <!-- wp:spacer {"height":"24px"} --> <div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:group --> <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"right","verticalAlignment":"top"}} --> <div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} --> <div class="wp-block-group"><!-- wp:paragraph {"align":"left"} --> <p class="has-text-align-left">Pages</p> <!-- /wp:paragraph --> <!-- wp:navigation {"ref":6,"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical","justifyContent":"left","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"8px"}},"fontSize":"small"} /--> <!-- wp:spacer {"height":"24px"} --> <div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:group --> <!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} --> <div class="wp-block-group"><!-- wp:paragraph {"align":"left"} --> <p class="has-text-align-left">Social</p> <!-- /wp:paragraph --> <!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"}} --> <div class="wp-block-group"><!-- wp:paragraph --> <p><a href="#">Facebook</a></p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p><a href="#">Instagram</a></p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p></p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:spacer {"height":"24px"} --> <div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:group --></div> <!-- /wp:group --></div> <!-- /wp:group --> <!-- wp:template-part {"slug":"footer","theme":"twentytwentythree","tagName":"footer"} /-->
Editor is loading...