<!DOCTYPE html lang="es">



<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]-->



<!--[if gt IE 8]><!-->



<html class="no-js" lang="es">



<!--<![endif]-->







<head>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CKG6F9QXKJ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-CKG6F9QXKJ');
</script>

    <meta charset="utf-8">



    <meta name="viewport" content="width=device-width">



    <meta name="description" content="Icónica. Estudio de diseño y desarrollo Web y Apps Android, iPhone, con estrategia SEO más Hosting SSL Cloud Server, hola@neticonica.com">



    <title>Net Icónica, Servicios de SEO y cloud Hosting SSL, hola@neticonica.com</title>







    <script src="https://neticonica.s3.amazonaws.com/neticonica-assets/js/vendor/custom.modernizr.js"></script>



  <!--  <script language="JavaScript" src="/form/js/gen_validatorv31.js" type="text/javascript"></script>

-->

    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>



	<script src="https://code.jquery.com/jquery-1.12.4.js"></script>



     



    <link rel="stylesheet" href="/css/style.css">



    <link rel="stylesheet" href="https://neticonica.s3.amazonaws.com/neticonica-assets/css/animate.css">



<link rel="icon" href="https://neticonica.s3.amazonaws.com/neticonica-assets/images/cropped-win8ico-32x32.png" sizes="32x32" />







    



    <link href='https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Abel&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>body {background: !important;}#days, #hours, #minutes, #seconds { color: #ffffff; }.timer-bottom { color: #ffffff; }.button {background:#001c72 !important;}.button:hover {background:#003284 !important;}.nifty-title {font-family:'Lato' !important;}.nifty-coming-soon-message {font-family:'Lato' !important;}.timer-item {font-family:'Raleway' !important;}body p, .nifty-inform, .nifty-success, .nifty-error, input {font-family:'Abel' !important;}</style>
<style>
	#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}
</style>
<!--
       <script type="text/javascript">
      var onloadCallback = function() {
        grecaptcha.render('html_element', {
          'sitekey' : '6LcDQF8aAAAAAAslfmARW8kR2203qb85swuWxRsc',
		  'theme' : 'dark',
          'size' : 'compact'
        });
      };
    </script>
  <script type="text/javascript">  
    window.onload = function() {
    var $recaptcha = document.querySelector('#g-recaptcha-response');

    if($recaptcha) {
        $recaptcha.setAttribute("required", "required");
    }
};
	</script>-->
</head>







<body data-rsssl=1 class="home page-template-default page page-id-25 popularfx-body pagelayer-body">



    <div class="nifty-main-wrapper" id="nifty-full-wrapper">







        <!-- Page Preloader -->







        <div id="preloader"></div>



        <div class="nifty-content-wrapper">



            <header class="nifty-row ">



                <div class="large-12 columns text-center">







                    <!-- Logo and navigation  -->



       <div class="nifty-logo"><a href="../"><img id="logo-ni" src="https://neticonica.s3.amazonaws.com/neticonica-assets/images/logotipo-iconica-membrete.png" alt="ICONICA Construimos tu website, desarrollamos tus apps, hola@neticonica.com" /></a></div>



                    <div class="dropdown">



  <div class="dropbtns"><img src="https://neticonica.s3.amazonaws.com/neticonica-assets/images/menu.png" /></div>



   <div class="dropdown-content">
    <a href="/diseno-de-paginas-web-responsivas/">Websites </a>
    <a href="/desarrollo-de-apps-android-iphone/">Apps </a>
    <a href="/servicios-de-seo-y-cloud-hosting-ssl/">Cloud Hosting</a>
  </div>     

                </div>


        </div>



        </header>



        <div class="nifty-row">



            <div class="large-10 small-centered columns text-center">



                <div class="nifty-coming-soon-message">



                    <div id="animated_intro" class="tlt">



                        <ul class="texts" style="display: none">                


                            <li>Diseñamos tu Website Desarrollamos tus Apps</li>



                            <li>Estrategia SEO & SSL Cloud Hosting Services</li>



                        </ul>

<p>Nuevo Proyecto: <a style="text-decoration:underline" href="https://scavialaw.com" target="_blank">Scavialaw.com</a></p>

                    </div>



                </div>



            </div>



        </div>











     



        <!-- Content Section -->







        <div class="nifty-content-full">



            <div class="nifty-row">







                <!-- Slider Section -->







                <ul class="bxslider">







                 <!-- Slide One - Subscribe Here -->







                    <li>



            <section class="large-12 columns"> 



  <div class="large-4 small-centered columns">



 



     <div id="form" class="form"><h4></br><a href="mailto:hola@neticonica.com">hola@neticonica.com</a></h4>
         <!--    <form method="post" name="myemailform" action="https://neticonica.com/form/form-to-email.php">
<h5 id="closeform" >▬</h5>
	
    <p>	<input type="text" name="name" placeholder="tu nombre*"> 
	
		<input type="text" name="email" placeholder="tu email*">

		<textarea style="min-height: 80px" name="message" placeholder="tu consulta"></textarea></p>
 <div style="width:55%; float:left" id="html_element"></div>
	<input style="width:40%" type="submit" name='submit' value="Enviar" class="button prefix"> 
    
     <input type='hidden' id='currentId' name="url">
            
		</form>     
  <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer>     </script>
-->
	</div>



    <div id="margin-submit" ></div>



           <div class="nifty-inform" ><p id="showform" class="hola button"> Escríbenos </p> </div>



  </div>



          </section>



            </li>



            



                    <!-- Slide Two - About Us -->







                    



                    <!-- Slide Three - Social links -->







                    <section class="large-12 columns"><div class="nifty-row"></div></section>







                </ul>



            </div>



        </div>



    </div>











    <!-- jQuery Vegas Background Slider -->







    <script>



	jQuery(document).ready(function($){



	$('#nifty, body').vegas({



		 animation: 'random',



		 cover: true,



		 animationDuration: '2000',



		 timer: false,



		 transition: 'random',



		 delay:5000,



		 opacity:1,



		 overlay:'https://neticonica.s3.amazonaws.com/neticonica-assets/patterns/07.png',



			slides: [



			{ src:'https://neticonica.s3.amazonaws.com/neticonica-slides/netICONICA-CLOUD-HOSTING-SSL-SERVER.jpg'},



			{ src:'https://neticonica.s3.amazonaws.com/neticonica-slides/netICONICA-APPS-ANDROID-IPHONE.gif'}



			 ]



    }); });



	</script>



    



    <!-- Footer js scripts -->







    <script src="https://neticonica.s3.amazonaws.com/neticonica-assets/js/scripts.js"></script>



    <script src="https://neticonica.s3.amazonaws.com/neticonica-assets/js/jquery.bxslider.min.js"></script>



    <script src="https://neticonica.s3.amazonaws.com/neticonica-assets/js/vegas.min.js"></script>



    <script src="https://neticonica.s3.amazonaws.com/neticonica-assets/js/jquery.fittext.js"></script>



    <script src="https://neticonica.s3.amazonaws.com/neticonica-assets/js/jquery.textillate.js"></script>



    <script src="https://neticonica.s3.amazonaws.com/neticonica-assets/js/jquery.lettering.js"></script>







    <script>



	jQuery(document).ready(function($){



	 $('.tlt').textillate({



  selector: '.texts',



  loop: true,



  minDisplayTime: 7150,



  autoStart: true,



  outEffects: [ 'bounceOut' ],







  // in animation settings



  in: {



    // set the effect name



    effect: 'bounceIn',



    delayScale: 1.5,



    delay: 10,



    sync: false,



    shuffle: true



  },







  // out animation settings.



  out: {



    effect: 'bounceOut',



    delayScale: 1.5,



    delay: 10,



    sync: false,



    shuffle: true,



  }



});



	});



	</script>







<script language="JavaScript">



var frmvalidator  = new Validator("myemailform");

<!--frmvalidator.addValidation("name","req","Por favor ingresa tu nombre"); -->

frmvalidator.addValidation("email","req","Por favor ingresa tu email"); 

frmvalidator.addValidation("email","email","Por favor ingresa un email correcto"); 

</script>







    <script>



var el = document.getElementById("form");



el.style.cssText = "display: none;";



	



$(document).ready(function() {



    $('#showform').click(function() {



         $('.form').toggle(500);



    });



});



  $('#closeform').click(function() {



         $('.form').toggle(500);



    });



	</script>







<script type="text/javascript">



document.getElementById('currentId').value=window.location.href ; 



</script>











    <!-- Google Analytics Code -->







 <!-- Global site tag (gtag.js) - Google Analytics -->



<script async src="https://www.googletagmanager.com/gtag/js?id=G-CKG6F9QXKJ"></script>



<script>



  window.dataLayer = window.dataLayer || [];



  function gtag(){dataLayer.push(arguments);}



  gtag('js', new Date());







  gtag('config', 'G-CKG6F9QXKJ');



</script>







    <!-- Additional CSS -->



<style>



#logo-ni {



	padding: 30px 20px 15px 20px;



}



.nifty-logo {



    background: #001c72;



    width: 220px !important;



    height: 100px;



    margin: 0px auto 80px;



}



.nifty-main-wrapper div#preloader {



	height: auto !important;



		}



.dropbtns {	



  margin-top:-56px;



  width:54px;



  color: white;



  font-size: 16px;



  border: none;



  cursor:pointer;



}



.dropdown {



  position: relative;



  display: inline-block;



}



.dropdown-content {



  display: none;



  position: absolute;



  margin-top:-36px;



  margin-left:-130px;



  background-color: #f1f1f1;



  padding-top: 14px;



  height: 43px;



  min-width: 308px;



  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);



  z-index: 1;



}



.dropdown-content a {



  color: black;



  padding: 13px 16px;



  text-decoration: none;



  display: inline;



}



.dropdown-content a:hover {background-color: #88D2FF;}



.dropdown:hover .dropdown-content {display: block;}



.dropdown:hover .dropbtns {background-color: ;}  



</style>



    <style>.nifty-content-full {



    margin: 20px auto 10px }



.nifty-coming-soon-message {margin: 20px auto 20px !important;}



p.contact-address {



    display: none}



ul, ol, dl {



    font-size: 1.5em;}



.icon-thumbs-up, .icon-location, .icon-paperplane {



    font-size: 3em;}



a.responcall, img.responcall, .icon-phone {display: none !important;}



a.tocall, img.tocall, h1.tocall {display: none !important;}



p.hola {font-size:28px;background:#0043ff;padding:8px 20px;border-radius:7px;}



#margin-submit { height:105px;}



#closeform {color: #001c72; float: right; margin: -8px -25px 0px 0px;  cursor:pointer;}


.large-4 {
    position: relative;
    width: auto;
	}


 @media screen and (max-width: 480px) and (min-width: 320px){



header.nifty-row {



    margin-bottom: 10%;



}



.dropdown-content { 



	margin-top:10px; margin-left: -128px;



}



.nifty-coming-soon-message {



    font-size: 1.7em}



 a.tocall, img.tocall, h1.tocall {



    display: none !important;



}



a.responcall, img.responcall, .icon-phone {



    display: none !important;



}



p.hola {font-size:27px;text-shadow: #333 1px 1px 2px;}







#margin-submit { height:135px;}



}



</style>



</body>







</html>



