<!DOCTYPE html>

<html lang="en-US"
	prefix="og: https://ogp.me/ns#" >
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- SEO -->
<title>BabelFish Studio</title><meta name="description" content="One Code, Runs Everywhere"/>
<!-- og meta for facebook, googleplus -->
<meta property="og:title" content="BabelFish Studio"/>
<meta property="og:description" content="One Code, Runs Everywhere"/>
<meta property="og:url" content="https://www.babelfish.studio"/>
<meta property="og:type" content="website" />
<meta property="og:image" content=""/>

<!-- twitter meta -->
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:title" content="BabelFish Studio"/>
<meta name="twitter:description" content="One Code, Runs Everywhere"/>
<meta name="twitter:url" content="https://www.babelfish.studio"/>
<meta name="twitter:image" content=""/>

<link rel="icon" href="https://i1.wp.com/www.babelfish.studio/wp-content/uploads/2021/01/cropped-slogo-512-2.png?fit=32%2C32&#038;ssl=1" sizes="32x32" />
<link rel="icon" href="https://i1.wp.com/www.babelfish.studio/wp-content/uploads/2021/01/cropped-slogo-512-2.png?fit=192%2C192&#038;ssl=1" sizes="192x192" />
<link rel="apple-touch-icon" href="https://i1.wp.com/www.babelfish.studio/wp-content/uploads/2021/01/cropped-slogo-512-2.png?fit=180%2C180&#038;ssl=1" />
<meta name="msapplication-TileImage" content="https://i1.wp.com/www.babelfish.studio/wp-content/uploads/2021/01/cropped-slogo-512-2.png?fit=270%2C270&#038;ssl=1" />
<link rel="stylesheet" href="http://www.babelfish.studio/wp-content/plugins/cmp-coming-soon-maintenance/themes/countdown/style.css?v=4.0.14" type="text/css" media="all">
<link rel="stylesheet" href="http://www.babelfish.studio/wp-content/plugins/cmp-coming-soon-maintenance/css/animate.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" rel="stylesheet" >
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:700%7CMaven+Pro:400,700,400&amp;subset=greek,cyrillic-ext,latin-ext,cyrillic,latin,vietnamese,greek-ext" rel="stylesheet">

        
        <style>
            body,input, select, textarea, button {font-family:'Maven Pro', 'sans-serif';color:#ffffff;}
            input {font-family: Maven Pro, 'Font Awesome 5 Free';}
            
            body {font-size:17px;}
            h1,h2,h3,h4,h5,h6 {font-family:'Source Sans Pro', 'sans-serif';}
            a {color:#ffffff;}
            .cmp-subscribe input[type="submit"] {background-color: #e82e1e;}
            .cmp-subscribe ::-webkit-input-placeholder {color: hsl( 0, 0%, 90%);}
            .cmp-subscribe ::-moz-placeholder {color: hsl( 0, 0%, 90%);}
            .cmp-subscribe :-ms-input-placeholder {color: hsl( 0, 0%, 90%);}
            .cmp-subscribe ::-moz-placeholder {color: hsl( 0, 0%, 90%);}
            .input-icon:before, .cmp-subscribe input[type="email"],.cmp-subscribe input[type="text"]{color: hsl( 0, 0%, 90%);}
            /* input[type="email"],input[type="text"] {border:1px solid hsl( 0, 0%, 90%);} */
            footer, footer a {color: hsl( 0, 0%, 90%);}
            .social-list.body a {background-color: #ffffff;}
            .social-list.body a:hover {background-color: #e82e1e;}
            .social-list.footer a:hover {color: #e82e1e;}
            .social-list.footer li:not(:last-of-type)::after {background-color: hsl( 0, 0%, 90%);}
            
            .inner-content p {line-height: 1.6; letter-spacing: 0px;font-weight:400;; }
            h1:not(.text-logo),h2, h3,h4,h5,h6,.text-logo-wrapper {font-size:2.3529411764706em;letter-spacing: 0px;  font-weight:700;; }
            h1 { font-weight:700;;}
        </style>

        

<style>
    .wp-video {margin: 0 auto;}
    .wp-video-shortcode {max-width: 100%;}
    .grecaptcha-badge {display: none!important;}
    .text-logo {display: inline-block;}
    #gdpr-checkbox {-webkit-appearance: checkbox;-moz-appearance: checkbox;width: initial;height: initial;}
    #counter.expired {display: none; }
    input, button {
        box-shadow: inset 0 0 0 0 !important;
        -webkit-box-shadow: inset 0 0 0 0 !important;
        -webkit-appearance: none;
        outline: none;
    }
</style>




    </head>

    <body id="body">

        
        <div id="background-wrapper">
             <div id="background-image" class="gradient loaded" style="background:-moz-linear-gradient(-45deg, #5D9CEC 0%, #0D65D8 100%);background:-webkit-linear-gradient(-45deg, #5D9CEC 0%, #0D65D8 100%);background:linear-gradient(135deg,#5D9CEC 0%, #0D65D8 100%)"></div>        </div>

        <div class="inner-wrap">
            <div class="inner-content">
                <div class="logo-wrapper text text-logo-wrapper"><a href="https://www.babelfish.studio" style="text-decoration:none;color:inherit"><h1 class="text-logo">BabelFish Studio</h1></a></div><h2 class="cmp-title animated ">SOMETHING IS HAPPENING!</h2>
<form id="subscribe-form" method="post" class="cmp-subscribe">
    <div class="cmp-form-inputs">

        <input type="hidden" id="cmp_subscribe_field" name="cmp_subscribe_field" value="002eb3006f" /><input type="hidden" name="_wp_http_referer" value="/update/framework/framework/clips/Base%20Templates/grassy%20background" />        
                <input type="email" id="email-subscribe" name="email" placeholder="Insert your email address." required> 
                                <input type="submit" id="submit-subscribe" value="Submit">
                
        <div style="display: none;">
            <input type="text" name="form_honeypot" value="" tabindex="-1" autocomplete="off">
        </div>

        <div id="subscribe-response"></div>

        <div id="subscribe-overlay"></div>
    </div>

    
</form>

<script>
window.addEventListener('DOMContentLoaded',function(event) {

const form = document.getElementById('subscribe-form');
const submitButton = form.querySelector('#submit-subscribe');
const resultElement = form.querySelector('#subscribe-response');
const emailInput =  form.querySelector('#email-subscribe');
const firstnameInput =  form.querySelector('#firstname-subscribe');
const lastnameInput =  form.querySelector('#lastname-subscribe');
const gdprCheckbox = form.querySelector('#gdpr-checkbox');

submitButton.onclick = function( e ) {
    e.preventDefault();

    // check GDPR checkbox
    if ( gdprCheckbox && gdprCheckbox.checked === false ) {
        resultElement.innerHTML = 'You must agree with our Terms and Conditions.';
        return false;
    } 
    
     
        // submit form
        subForm( form, resultElement, emailInput, firstnameInput, lastnameInput );
            
}

form.onsubmit = function(){ // Prevent page refresh
    return false;
}

});
</script>


             </div>

            <footer>
                        <div class="social-wrapper">
                                                    </div>
                        </footer>        </div>

        
    <!-- Fade in background image after load -->
    <script>
        window.addEventListener("load",function(event) {
            init();
        });

        function init(){

            var image = document.getElementById('background-image');
            var body = document.getElementById('body');
            
            if ( image === null ) {
                image = document.getElementById('body');
            } 

            if ( image != null ) {
                if ( image.className !== 'image-unsplash') {
                    image.classList.add('loaded');
                    body.classList.add('loaded');
                }
            }

                    }
    </script>

    
    <script>
        /* Subscribe form script */
        var ajaxWpUrl = 'https://www.babelfish.studio/wp-admin/admin-ajax.php';
        var {pathname} = new URL(ajaxWpUrl);
        var ajaxurl = `${location.protocol}//${location.hostname}${pathname}`;
        var security = '1dc9c3e3db';
        var msg = '';
        subForm = function( form, resultElement, emailInput, firstnameInput, lastnameInput, token = '' ) {
            if ( emailInput.value !== '' ) {
                const firstname = firstnameInput === null ? '' : firstnameInput.value;
                const lastname = lastnameInput === null ? '' : lastnameInput.value;

                fetch( ajaxurl, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8',
                        'Access-Control-Allow-Origin': '*',
                    },
                    body: `action=niteo_subscribe&ajax=true&form_honeypot=&email=${ encodeURIComponent(emailInput.value) }&firstname=${ encodeURIComponent(firstname) }&lastname=${ encodeURIComponent(lastname) }&security=${ security }&token=${ token }`,
                    credentials: 'same-origin'
                } )
                .then( (res) => {
                    return res.json();
                } )
                .then( (data) => {
                    resultElement.innerHTML = data.message; // Display the result inside result element.
                    form.classList.add('-subscribed');
                    if (data.status == 1) {
                        form.classList.remove('-subscribe-failed');
                        form.classList.add('-subscribe-successful');
                        emailInput.value = '';
                        firstnameInput ? firstnameInput.value = '' : null;
                        lastnameInput ? lastnameInput.value = '' : null;
                        
                    } else {
                        form.classList.add('-subscribe-failed');
                    }
                } )
                .catch(function(error) { console.log(error.message); });

            } else {
                resultElement.innerHTML = 'Oops! Email is empty.';
            }
        }
    </script>

<!-- Build by CMP – Coming Soon Maintenance Plugin by NiteoThemes -->
<!-- Visit plugin page https://wordpress.org/plugins/cmp-coming-soon-maintenance/ -->
<!-- More CMP Themes on https://niteothemes.com -->    </body>
</html>
