Untitled

avatar
unknown
plain_text
2 years ago
16 kB
6
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&nbsp;<br>United States<br><br>© Copyright 1996 -&nbsp;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...