A Pen by Wadson F. Espindola

Size
12,661 Kb
Views
18,216

How do I make an a pen by wadson f. espindola?

What is a a pen by wadson f. espindola? How do you make a a pen by wadson f. espindola? This script and codes were developed by Wadson F. Espindola on 23 August 2022, Tuesday.

A Pen by Wadson F. Espindola Previews

A Pen by Wadson F. Espindola - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Wadson F. Espindola</title>
</head>
<body> <html lang="en">	<head>
<script type="text/javascript">var NREUMQ=NREUMQ||[];NREUMQ.push(["mark","firstbyte",new Date().getTime()]);</script><script type="text/javascript">var NREUMQ=NREUMQ||[];NREUMQ.push(["mark","firstbyte",new Date().getTime()]);
</script>
<script type="text/javascript"> if (navigator.userAgent.indexOf("Chrome 99.0", 0) == -1) { var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-21021273-1']); _gaq.push(['_setDomainName', 'bluebox.net']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); }
</script>	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8">
<meta name="google-site-verification" content="9PFDlpuvRW4jKBJMW017kegkE-gPwgKvWQblZ54yvPI" /> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta content="authenticity_token" name="csrf-param" />
<meta content="F+ux8+Xil9Jch2BUIjo8GYI41rNBwvtCdbDTAarNJbk=" name="csrf-token" /> <!-- Le styles -->
<link rel='stylesheet' id='fonts-css' href='https://www.bluebox.net/assets/css/fonts.css' type='text/css' media='all' />
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
<!-- Latest compiled and minified CSS BS 3.0. RC1-->
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
<link href="https://www.bluebox.net/assets/css/bbg.css" rel="stylesheet"> <!-- Fav and touch icons -->
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script> <![endif]-->
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="https://www.bluebox.net/assets/ico/favicon.ico">	<link rel="apple-touch-icon" href="https://www.bluebox.net/assets/ico/apple-touch-icon.png" />	<link rel="apple-touch-icon" sizes="57x57" href="https://www.bluebox.net/assets/ico/apple-touch-icon-57x57.png" />	<link rel="apple-touch-icon" sizes="72x72" href="https://www.bluebox.net/assets/ico/apple-touch-icon-72x72.png" />	<link rel="apple-touch-icon" sizes="114x114" href="https://www.bluebox.net/assets/ico/apple-touch-icon-114x114.png" />	<link rel="apple-touch-icon" sizes="144x144" href="https://www.bluebox.net/assets/ico/apple-touch-icon-144x144.png" />	<link rel="apple-touch-icon" sizes="57x57" href="https://www.bluebox.net/assets/ico/apple-touch-icon-60x60.png" />	<link rel="apple-touch-icon" sizes="72x72" href="https://www.bluebox.net/assets/ico/apple-touch-icon-120x120.png" />	<link rel="apple-touch-icon" sizes="114x114" href="https://www.bluebox.net/assets/ico/apple-touch-icon-76x76.png" />	<link rel="apple-touch-icon" sizes="144x144" href="https://www.bluebox.net/assets/ico/apple-touch-icon-152x152.png" /> <title>OpenStack Hosted Private Cloud for Critical... | Blue Box</title>
<meta name='keywords' content='OpenStack, Hosted OpenStack, OpenStack Private Cloud, Hosted Private Cloud, Hosted OpenStack Private Cloud, Cloud Foundry, Hosted Cloud Foundry, Hybrid Cloud, Managed Hosting' />
<meta name='description' content='OpenStack Private Cloud for Critical Applications' />
<link rel='canonical' href='https://www.bluebox.net' />
</head> <body> <!-- NAV-->	<div id="account_bar" class="navbar-fixed-top bs-docs-nav navbar-default">	<div class="container">	<ul>	<li><a href="https://boxpanel.bluebox.net/" target="blank"><p>Login</p></a></li>	<li><a href="https://www.bluebox.net/insight/blog"><p>Blog</p></a></li>	<li><a href="http://blueboxstatus.com/" id="status" target="blank"><p>System Status</p></a></li>	</ul>	<p id="account_bar_phone"><span class="phone-hide">24/7 Support </span><a href="tel:8006134305">800.613.4305 </a></p>	</div>	</div>	<div id="topnav" role="navigation" class="clearfix">	<!-- .navbar-toggle is used as the toggle for collapsed navbar content -->	<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse" > <span class="sr-only">Toggle navigation</span> <span class="menu-mobile">MENU</span> </button> <!-- Place everything within .navbar-collapse to hide it until above 768px -->	<!-- <div class="collapse navbar-collapse bs-navbar-collapse"> -->	<div class="collapse navbar-collapse bs-navbar-collapse">	<div class="panel-group" id="mainnav">	<div class="container clearfix">	<a class="navbar-brand" href="https://www.bluebox.net/"><img src="https://www.bluebox.net/i/logo-hdr-bluebox.png" alt="Blue Box" /></a>	<ul class="nav navbar-nav navbar-right"> <li class="visible-xs"><a href="https://www.bluebox.net/" class="accordion-toggle collapsed">HOME</a></li> <li><a data-toggle="collapse" data-parent="#mainnav" href="#nav-sub-products" class="accordion-toggle collapsed">PRODUCTS</a></li> <li><a data-toggle="collapse" data-parent="#mainnav" href="#nav-sub-insight" class="accordion-toggle collapsed">INSIGHT</a></li> <li><a data-toggle="collapse" data-parent="#mainnav" href="#nav-sub-story" class="accordion-toggle collapsed">OUR STORY</a></li> <li><a data-toggle="collapse" data-parent="#mainnav" href="#nav-sub-careers" class="accordion-toggle collapsed">CAREERS</a></li> <li><a data-toggle="collapse" data-parent="#mainnav" href="#nav-sub-touch" class="accordion-toggle collapsed">GET IN TOUCH</a></li>	</ul>	</div> <div class="panel"> <div id="nav-sub-products" class="container collapse">	<div class="row">	<div class="col-md-12">	<ul class="sub-nav-list">	<li><a href="https://www.bluebox.net/products/openstack-private-cloud" class="sub-nav-header ">HOSTED PRIVATE CLOUD</a></li>	</ul>	<ul class="sub-nav-list">	<li><a href="https://www.bluebox.net/products/hybrid-cloud" class="sub-nav-header ">HYBRID CLOUD</a></li>	</ul>	<ul class="sub-nav-list">	<li><a href="https://www.bluebox.net/products/managed-hosting" class="sub-nav-header ">MANAGED HOSTING</a></li>	</ul>	<a class="sub-nav-close" data-toggle="collapse" data-parent="#mainnav" href="#nav-sub-products"><i class="icon-remove-sign icon-2"></i></a>	</div>	</div>	</div> </div> <div class="panel"> <div id="nav-sub-insight" class="container collapse">	<div class="row">	<div class="col-md-12">	<ul class="sub-nav-list">	<li><a href="https://www.bluebox.net/insight/case-studies" class="sub-nav-header ">CASE STUDIES</a></li>	<li>	<ul class="sub-nav-sub-list list-unstyled">	<li><a href="https://www.bluebox.net/insight/case-studies-health-care" class="">Health Care</a></li>	<li><a href="https://www.bluebox.net/insight/case-studies-gaming" class="">Gaming</a></li>	<li><a href="https://www.bluebox.net/insight/case-studies-media" class="">Media</a></li>	<!-- <li><a href="https://www.bluebox.net/insight/case-studies/openstack" class="">OpenStack</a></li> -->	</ul>	</li>	</ul>	<ul class="sub-nav-list">	<li><a href="https://www.bluebox.net/insight/media/videos" class="sub-nav-header ">MEDIA</a></li>	<li>	<ul class="sub-nav-sub-list list-unstyled">	<!-- <li><a href="https://www.bluebox.net/insight/media/white-papers" class="">White Papers</a></li> -->	<li><a href="https://www.bluebox.net/insight/media/videos" class="">Videos</a></li>	<!-- <li><a href="https://www.bluebox.net/insight/media/webinars" class="">Webinars</a></li> -->	<!-- <li><a href="https://www.bluebox.net/insight/media/tv" class="">TV</a></li> -->	</ul>	</li>	</ul>	<ul class="sub-nav-list">	<li><a href="https://www.bluebox.net/insight/blog" class="sub-nav-header ">NEWS</a></li>	<li>	<ul class="sub-nav-sub-list list-unstyled">	<li><a href="https://www.bluebox.net/insight/blog" class="">Blog</a></li>	<li><a href="https://www.bluebox.net/insight/press" class="">Press Releases</a></li>	<li><a href="https://www.bluebox.net/insight/chatter" class="">Chatter</a></li>	</ul>	</li>	</ul>	<a class="sub-nav-close" data-toggle="collapse" data-parent="#mainnav" href="#nav-sub-insight"><i class="icon-remove-sign icon-2"></i></a>	</div>	</div> </div> </div> <div class="panel"> <div id="nav-sub-story" class="container collapse">	<div class="row">	<div class="col-md-12">	<ul class="sub-nav-list">	<li><a href="https://www.bluebox.net/our-story/about-blue-box" class="sub-nav-header ">ABOUT US</a></li>	</ul>	<ul class="sub-nav-list">	<!-- <li><a href="https://www.bluebox.net/our-story/our-people" class="sub-nav-header ">OUR PEOPLE</a></li> -->	<li><a href="https://www.bluebox.net/our-story/executive-team" class="sub-nav-header ">EXECUTIVE TEAM</a></li>	<!--
<li>	<ul class="sub-nav-sub-list list-unstyled">	<li><a href="https://www.bluebox.net/our-story/executive-team" class="">Executive Team</a></li>	</ul>	</li>
-->	</ul>	<ul class="sub-nav-list">	<li><a href="https://www.bluebox.net/our-story/board-of-directors" class="sub-nav-header ">BOARD OF DIRECTORS</a></li>	</ul>	<ul class="sub-nav-list">	<li><a href="https://www.bluebox.net/our-story/our-data-centers" class="sub-nav-header ">DATA CENTERS</a></li>	</ul>	<!--
<ul class="sub-nav-list">	<li><a href="https://www.bluebox.net/our-story/partners" class="sub-nav-header ">PARTNERS</a></li>	</ul>
-->	<a class="sub-nav-close" data-toggle="collapse" data-parent="#mainnav" href="#nav-sub-story"><i class="icon-remove-sign icon-2"></i></a>	</div>	</div> </div> </div> <div class="panel"> <div id="nav-sub-careers" class="container collapse">	<div class="row">	<div class="col-md-12">	<ul class="sub-nav-list">	<li><a href="https://www.bluebox.net/careers/life-at-blue-box" class="sub-nav-header ">LIFE AT BLUE BOX</a></li>	</ul>	<ul class="sub-nav-list">	<li><a href="https://www.bluebox.net/careers/join-the-team" class="sub-nav-header ">JOIN THE TEAM</a></li>	</ul>	<a class="sub-nav-close" data-toggle="collapse" data-parent="#mainnav" href="#nav-sub-careers"><i class="icon-remove-sign icon-2"></i></a>	</div>	</div>	</div> </div> <div class="panel"> <div id="nav-sub-touch" class="container collapse">	<div class="row">	<div class="col-md-12">	<ul class="sub-nav-list">	<li><a href="https://www.bluebox.net/get-in-touch/contact-us" class="sub-nav-header ">CONTACT US</a></li>	</ul>	<a class="sub-nav-close" data-toggle="collapse" data-parent="#mainnav" href="#nav-sub-touch"><i class="icon-remove-sign icon-2"></i></a>	</div>	</div>	</div> </div> </div><!-- end mainnav -->	</div>	</div><!-- end topnav --> <!-- FIXED RIGHT SIDEBAR MENU -->
<div id='stickymenu'>
<ul> <div class="triangle-up"></div> <li class='has-sub'> <a href='#'><span><i class="icon-search icon-2"></i></span></a> <ul> <li class='last'>	<div class="" id="nav-search-wrapper">	<form method="post" action="https://www.bluebox.net/" >
<div class='hiddenFields'>
<input type="hidden" name="ACT" value="8" />
<input type="hidden" name="XID" value="ba4363c63ce55e449de68a1e4e7ec52947793b7b" />
<input type="hidden" name="RES" value="" />
<input type="hidden" name="meta" value="YTo5OntzOjY6InN0YXR1cyI7czoxMDoibm90IGNsb3NlZCI7czo3OiJjaGFubmVsIjtzOjMxOiJwYWdlX2NvbnRlbnR8YmxvZ3xwcmVzc3xjaGF0dGVyIjtzOjg6ImNhdGVnb3J5IjtzOjA6IiI7czo5OiJzZWFyY2hfaW4iO3M6MTA6ImV2ZXJ5d2hlcmUiO3M6NToid2hlcmUiO3M6MzoiYWxsIjtzOjEyOiJzaG93X2V4cGlyZWQiO3M6Mjoibm8iO3M6MTk6InNob3dfZnV0dXJlX2VudHJpZXMiO3M6Mjoibm8iO3M6MTE6InJlc3VsdF9wYWdlIjtzOjEyOiJzZWFyY2gvaW5kZXgiO3M6MTU6Im5vX3Jlc3VsdHNfcGFnZSI7czoxNzoic2VhcmNoL25vLXJlc3VsdHMiO31hYWMzMzQ3YzJjMDAxMjY0OTU5M2VmNTlkYTUyMWZhNg==" />
<input type="hidden" name="site_id" value="1" />
</div>	<input class="span2" type="text" value="" name="keywords" class="keywords" placeholder="SEARCH" maxlength="100">	<input type="submit" value="submit" name="submit" id="btn-search" class="button">	</form>	</div>	</li> </ul> </li> <li class='has-sub'> <a href="javascript:void(0);" onclick="olark('api.box.expand')"><i class="icon-comment-alt icon-2"></i></a> <ul> <li class='last'>	<a href="javascript:void(0);" onclick="olark('api.box.expand')">LIVE CHAT</a>	</li> </ul> </li> <li class='has-sub'> <a href="tel:8006134305"><i class="icon-phone icon-2"></i></a> <ul> <li class='last'>	<a href="tel:8006134305">800.613.4305</a>	</li> </ul> </li> <li class='has-sub'> <a href="mailto:[email protected]"><i class="icon-envelope icon-2"></i></a> <ul> <li class='last'>	<a href="mailto:[email protected]">[email protected]</a>	</li> </ul> </li> <li class='has-sub'> <a href="//twitter.com/bluebox" target="_blank"><i class="icon-twitter icon-2"></i></a> <ul> <li class='last'>	<a href="//twitter.com/bluebox" target="_blank">@BLUEBOX</a>	</li> </ul> </li> <div class="triangle-down"></div>
</ul>
</div>
<!-- END FIXED RIGHT SIDEBAR MENU --> <header id="head-top"> <!-- Main hero unit for a primary marketing message or call to action --> <div class="jumbotron">	<div id="myCarousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> <li data-target="#myCarousel" data-slide-to="3"></li> </ol> <div class="carousel-inner"> <div class="active item jumbotron-1"> <div class="container"> <div class="row">	<div class="col-md-12" >	<h1 class="">ANNOUNCING EARLY ADOPTER <br /><span class="h1-row2">PROGRAM FOR OPENSTACK</span></h1>	<p class="lead">	unequaled control in the cloud	</p>	<a class="btn btn-default btn-lg slider-button" href="https://www.bluebox.net/products/openstack-private-cloud/openstack-early-adopters-program">LEARN MORE &nbsp; <span class="glyphicon glyphicon-expand"></span></a>	</div>	</div> </div><!-- container -->	</div>	<div class="item jumbotron-2"> <div class="container"> <div class="row">	<div class="col-md-12" >	<h1 class="">DELIVERING A HIPAA COMPLIANT <br /><span class="h1-row2"> CLOUD TO IORA HEALTH</span></h1>	<p class="lead">	secure your information	</p>	<a class="btn btn-default btn-lg slider-button" href="https://www.bluebox.net/insight/case-studies/health-care/iora-health">LEARN MORE &nbsp; <span class="glyphicon glyphicon-expand"></span></a>	</div>	</div> </div><!-- container -->	</div>	<div class="item jumbotron-3"> <div class="container"> <div class="row">	<div class="col-md-12" >	<h1 class="">BLUE BOX SUPPORTS <br /><span class="h1-row2">OPENSTACK FOUNDATION</span></h1>	<p class="lead">	hosted private clouds in minutes	</p>	<a class="btn btn-lg slider-button" href="https://www.bluebox.net/insight/press-article/blue-box-supports-openstack-foundation-as-a-corporate-sponsor">LEARN MORE &nbsp; <span class="glyphicon glyphicon-expand"></span></a>	</div>	</div> </div><!-- container -->	</div>	<div class="item jumbotron-4"> <div class="container"> <div class="row">	<div class="col-md-12" >	<h1 class="">CUSTOM SOLUTIONS <br /><span class="h1-row2">FOR CUSTOMER SUCCESS</span></h1>	<p class="lead">	don't take our word for it	</p>	<a class="btn btn-default btn-lg slider-button" href="https://www.bluebox.net/insight/media/videos">WATCH THE VIDEOS &nbsp; <span class="glyphicon glyphicon-expand"></span></a>	</div>	</div> </div><!-- container -->	</div>	</div><!-- carousel-inner --> <!-- <a class="carousel-control left" href="#myCarousel" data-slide="prev"><i class="icon-chevron-left"></i></a> <a class="carousel-control right" href="#myCarousel" data-slide="next"><i class="icon-chevron-right"></i></a> -->	</div> </div> <!-- GO BTN WRAPPER--> <div class="gobtnwrapper">	<a class="gobtn" href="#gogogo"><img src="https://www.bluebox.net/i/btn-go.png" /></a> </div> <!-- /GO BTN WRAPPER-->	</header>
<!-- / HEADER -->
<div id="gogogo"></div>
<!-- SECTION-1 -->
<section id="Section-1">	<div class="container"> <!-- Example row of columns --> <div class="row">	<div class="page-header text-center col-sm-12 col-lg-12">	<h3>TRUSTED BY INNOVATORS</h3>	<p class="lead little-lead">	We're helping pioneers in healthcare, media and gaming channel the power of the internet.	</p>	</div>	</div>	<div id="myCarousel2" class="carousel2 slide"> <!-- Carousel items --> <div class="carousel-inner"> <div class="item active"> <div class="row text-center">	<!-- ITEM--> <div class="col-xs-6 col-lg-2 col-lg-offset-1">	<div class="thumbnail product-item">	<a href="http://www.vh1.com/" target="_blank" ><img src="https://www.bluebox.net/i/icon-client-vh1.png" width="160px;"></a>	</div> </div>	<!-- ITEM-->	<!-- ITEM--> <div class="col-xs-6 col-lg-2">	<div class="thumbnail product-item">	<a href="http://www.crowdstar.com/" target="_blank" ><img src="https://www.bluebox.net/i/icon-client-crowdstar.png" width="160px;"></a>	</div> </div>	<!-- ITEM-->	<!-- ITEM--> <div class="col-xs-6 col-lg-2">	<div class="thumbnail product-item">	<a href="http://www.mtv.com/" target="_blank" ><img src="https://www.bluebox.net/i/icon-client-mtv.png" width="160px;"></a>	</div> </div>	<!-- ITEM-->	<!-- ITEM--> <div class="col-xs-6 col-lg-2">	<div class="thumbnail product-item">	<a href="http://www.pivotaltracker.com/" target="_blank" ><img src="https://www.bluebox.net/i/icon-client-pivotal-tracker.png" width="160px;"></a>	</div> </div>	<!-- ITEM-->	<!-- ITEM--> <div class="col-xs-6 col-lg-2">	<div class="thumbnail product-item">	<a href="http://knowyourmeme.com/" target="_blank" ><img src="https://www.bluebox.net/i/icon-client-know-your-meme.png" width="160px;"></a>	</div> </div>	<!-- ITEM-->	</div>	</div>	<div class="item">	<div class="row text-center">	<!-- ITEM--> <div class="col-xs-6 col-lg-2 col-lg-offset-1">	<div class="thumbnail product-item">	<a href="https://movableink.com/" target="_blank" ><img src="https://www.bluebox.net/i/icon-client-movable-ink.png" width="160px;"></a>	</div> </div>	<!-- ITEM-->	<!-- ITEM--> <div class="col-xs-6 col-lg-2">	<div class="thumbnail product-item">	<a href="http://www.iorahealth.com/" target="_blank" ><img src="https://www.bluebox.net/i/icon-client-iora-health.png" width="160px;"></a>	</div> </div>	<!-- ITEM-->	<!-- ITEM--> <div class="col-xs-6 col-lg-2">	<div class="thumbnail product-item">	<a href="http://casecommons.org/" target="_blank" ><img src="https://www.bluebox.net/i/icon-client-case-commons.png" width="160px;"></a>	</div> </div>	<!-- ITEM-->	<!-- ITEM--> <div class="col-xs-6 col-lg-2">	<div class="thumbnail product-item">	<a href="http://massivelyfun.com/" target="_blank" ><img src="https://www.bluebox.net/i/icon-client-massively-fun.png" width="160px;"></a>	</div> </div>	<!-- ITEM-->	<!-- ITEM--> <div class="col-xs-6 col-lg-2">	<div class="thumbnail product-item">	<a href="http://www.bonanza.com/" target="_blank" ><img src="https://www.bluebox.net/i/icon-client-bonanza.png" width="160px;"></a>	</div> </div>	<!-- ITEM-->	</div>	</div>
</div><!-- /INNER--> <!-- Carousel nav --> <a class="carousel-control left" href="#myCarousel2" data-slide="prev"><img src="https://www.bluebox.net/i/icon-chevron-left.png" alt="prev" /></a> <a class="carousel-control right" href="#myCarousel2" data-slide="next"><img src="https://www.bluebox.net/i/icon-chevron-right.png" alt="next" /></a>
</div><!-- CAROUSEL-->	<div class="row text-center btn-row">	<div class="col-lg-5 col-sm-4 btn-row-hr hr-grey">	</div>	<div class="col-lg-2 col-sm-4 ">	<a class="btn btn-default btn-lg" href="https://www.bluebox.net/insight/case-studies">CASE STUDIES &nbsp; <span class="glyphicon glyphicon-folder-open"></span></a>	</div>	<div class="col-lg-5 col-sm-4 btn-row-hr hr-grey">	</div>	</div>	</div><!-- / CONTAINER-->	<div class="well">	<div class="container">	<div class="row">	<div class="col-sm-12">	<h3>YOUR APPS. READY FOR THE BIGTIME.</h3>	<p class="lead little-lead">	always customized // always online // always supported	</p>	</div>	</div>	<div class="row text-center">	<div class="col-sm-4">	<img src="https://www.bluebox.net/i/icon-stripe1-well-build-your-app.png" alt="Build Your App" class="well-icon" />	<h4>BUILD YOUR APP</h4>	<p>	We can provide all of the the infrastructure your apps require, no matter how complex.	</p>	</div>	<div class="col-sm-4">	<img src="https://www.bluebox.net/i/icon-stripe1-well-engage-us.png" alt="Engage Us" class="well-icon" />	<h4>ENGAGE US</h4>	<p>	We speak your language and we thrive on building the best possible solutions.	</p>	</div>	<div class="col-sm-4">	<img src="https://www.bluebox.net/i/icon-stripe1-well-do-the-rest.png" alt="We&apos;ll Do The Rest" class="well-icon" />	<h4>WE'LL DO THE REST</h4>	<p>	We design, build and implement infrastructure and even migrate your apps.	</p>	</div>	</div>	<div class="row">	<div class="col-sm-12">	<p class="lead little-lead">	<a href="https://www.bluebox.net/products/openstack-private-cloud">hosted private cloud</a> // <a href="https://www.bluebox.net/products/hybrid-cloud">hybrid cloud</a> // <a href="https://www.bluebox.net/products/managed-hosting">managed hosting</a>	</p>	</div>	</div>	<div class="row text-center btn-row">	<div class="col-lg-5 col-sm-4 btn-row-hr">	</div>	<div class="col-lg-2 col-sm-4 ">	<a class="btn btn-default btn-lg" href="https://www.bluebox.net/get-in-touch/contact-us">LET'S DO THIS &nbsp; <span class="glyphicon glyphicon-ok-sign"></span></a>	</div>	<div class="col-lg-5 col-sm-4 btn-row-hr">	</div>	</div>	</div>	</div>
</section>
<!-- / SECTION-1 -->
<!-- SECTION-2 -->
<section id="Section-2">	<div class="container"> <div class="row text-center">	<div class="col-sm-3">	<div class="ch-item">	<div class="ch-info">	<div class="ch-info-front ch-img-hipaa-front"></div>	<div class="ch-info-back ch-img-hipaa-back">	<a href="https://www.bluebox.net/insight/case-studies-health-care">HIPAA</a>	</div>	</div>	</div>	<div class="excerpt">	<h4>HIPAA</h4>	<p>	The uncomplicated way to overcome the complexities of HIPAA compliance.	</p>	</div>	</div>	<div class="col-sm-3">	<div class="ch-item">	<div class="ch-info">	<div class="ch-info-front ch-img-gaming-front"></div>	<div class="ch-info-back ch-img-gaming-back">	<a href="https://www.bluebox.net/insight/case-studies-gaming">GAMING</a>	</div>	</div>	</div>	<div class="excerpt">	<h4>GAMING</h4>	<p>	Blue Box will keep the infrastructure powering your game invincible.	</p>	</div>	</div>	<div class="col-sm-3">	<div class="ch-item">	<div class="ch-info">	<div class="ch-info-front ch-img-media-front"></div>	<div class="ch-info-back ch-img-media-back">	<a href="https://www.bluebox.net/insight/case-studies-media">MEDIA</a>	</div>	</div>	</div>	<div class="excerpt">	<h4>MEDIA</h4>	<p>	Keep your visitors engaged. Serve bandwidth-hungry media content fast as lightning.	</p>	</div>	</div>	<div class="col-sm-3">	<div class="ch-item">	<div class="ch-info">	<div class="ch-info-front ch-img-openstack-front"></div>	<div class="ch-info-back ch-img-openstack-back">	<a href="https://www.bluebox.net/products/openstack-private-cloud">OPENSTACK</a>	</div>	</div>	</div>	<div class="excerpt">	<h4>OPENSTACK</h4>	<p>	With OpenStack, developers have the freedom to focus on what they do best.	</p>	</div>	</div>	</div> <div class="row text-center btn-row">	<div class="col-lg-5 col-sm-4 btn-row-hr hr-grey">	</div>	<div class="col-lg-2 col-sm-4 ">	<a class="btn btn-default btn-lg" href="https://www.bluebox.net/products/openstack-private-cloud">PRODUCTS &nbsp; <span class="glyphicon glyphicon-th"></span></a>	</div>	<div class="col-lg-5 col-sm-4 btn-row-hr hr-grey">	</div>	</div> <!-- Example row of columns -->
</div>	<!-- / CONTAINER-->	<div class="well well-blue">	<div class="container">	<div class="row text-center">	<div class="col-md-10 col-md-offset-1">	<img src="https://www.bluebox.net/i/icon-quote.png" alt="Q" />	<p class="lead">	We are your Uptime Army. Armed with knowledge, experience and energy drinks.	</p>	<br />	<p>How can we help you?</p>	</div>	</div>	</div>
</div> </section> <!-- / SECTION-2 -->	<!-- SECTION-3 -->
<section id="Section-3">	<div class="container"> <div class="row">	<div class="page-header text-center col-sm-12 col-lg-12">	<h3>LATEST AT BLUE BOX</h3>	<p class="lead">	Big things are happening at Blue Box. Not the least of which are your apps.	</p>	</div>	</div> <div class="row border-right-grey">	<div class="col-sm-4 col-sm-4-padded">	<div class="latest-header latest-header-blue">	BLOG	<span class="pull-right"><i class="icon-bullhorn"></i></span>	</div>	<img src="/images/made/58b011aacacfdd18/brick_foundation_700_279.jpg" alt="Cloud Foundry: One PaaS to Rule Them All" class="img-responsive"/>	<div class="excerpt">	<h4><a href="https://www.bluebox.net/insight/blog-article/cloud-foundry-one-paas-to-rule-them-all">Cloud Foundry: One PaaS to Rule Them All</a></h4>	It’s now official: beginning this summer, Cloud Foundry will be managed by a governance foundation similar in formation to OpenStack.	</div>	<p class="blog-hr">	<a href="https://www.bluebox.net/insight/blog-article/cloud-foundry-one-paas-to-rule-them-all" class="blog-learn-more">LEARN MORE</a>	<a href="http://twitter.com/share?url=https://www.bluebox.net/insight/blog-article/cloud-foundry-one-paas-to-rule-them-all" target="_blank" class="blog-share pull-right"> SHARE <i class="icon-twitter"></i>	</a>	</p>	</div><!-- col-sm-4 -->	<div class="col-sm-4 col-sm-4-padded">	<div class="latest-header latest-header-navy">	NEXT EVENT	<span class="pull-right"><i class="icon-calendar"></i></span>	</div>	<img src="/images/made/58b011aacacfdd18/atlanta_700_270.jpg" alt="Atlanta OpenStack Summit, Here We Come" class="img-responsive"/>	<div class="excerpt">	<h4><a href="https://www.bluebox.net/insight/blog-article/atlanta-openstack-summit-here-we-come">Atlanta OpenStack Summit, Here We Come</a></h4>	The Blue Box team is counting down the days until the <a href="http://www.openstack.org/summit/openstack-summit-atlanta-2014/" target="_blank">Atlanta OpenStack Summit</a>, May 12th – 16th, 2014. We look forward to seeing you there!	</div>	<p class="blog-hr">	<a href="https://www.bluebox.net/insight/blog-article/atlanta-openstack-summit-here-we-come" class="blog-learn-more">LEARN MORE</a>	<a href="http://twitter.com/share?url=https://www.bluebox.net/insight/blog-article/atlanta-openstack-summit-here-we-come" target="_blank" class="blog-share pull-right"> SHARE <i class="icon-twitter"></i>	</a>	</p>	</div><!-- col-sm-4 -->	<div class="col-sm-4 col-sm-4-padded">	<div class="latest-header latest-header-grey">	RESOURCES	<span class="pull-right"><i class="icon-cog"></i></span>	</div>	<img src="/images/made/784cdaf6db452515/bg-noimage-icon_700_298.jpg" alt="Regular Expressions Spotlight: Groups Pt I" class="img-responsive"/>	<div class="excerpt">	<h4><a href="https://www.bluebox.net/insight/blog-article/regular-expressions-spotlight-groups-pt-i">Regular Expressions Spotlight: Groups Pt I</a></h4>	In February of 2013 I wrote a series of posts titled “<a href="https://www.bluebox.net/insight/blog-article/using-regular-expressions-in-ruby-part-1-of-3">Using Regular Expressions in Ruby</a>.” The response to this series (and my conference presentation “<a href="http://confreaks.com/videos/2678-gogaruco2013-beneath-the-surface-regular-expressions-in-ruby">Beneath the Surface: Regular...</a>	</div>	<p class="blog-hr">	<a href="https://www.bluebox.net/insight/blog-article/regular-expressions-spotlight-groups-pt-i" class="blog-learn-more">LEARN MORE</a>	<a href="http://twitter.com/share?url=https://www.bluebox.net/insight/blog-article/regular-expressions-spotlight-groups-pt-i" target="_blank" class="blog-share pull-right"> SHARE <i class="icon-twitter"></i>	</a>	</p>	</div><!-- col-sm-4 -->	</div> <div class="row text-center btn-row">	<div class="col-lg-5 col-sm-4 btn-row-hr hr-grey">	</div>	<div class="col-lg-2 col-sm-4 ">	<a class="btn btn-default btn-lg" href="https://www.bluebox.net/insight/blog">TO THE BLOG &nbsp; <span class="glyphicon glyphicon-th"></span></a>	</div>	<div class="col-lg-5 col-sm-4 btn-row-hr hr-grey">	</div>	</div>	<br />	<br /> <!-- Example row of columns -->
</div>	<!-- / CONTAINER-->	<div class="well well-teal">	<div class="container">	<div class="row text-center">	<div class="col-md-10 col-md-offset-1">	<img src="https://www.bluebox.net/i/icon-quote.png" alt="Q" />	<p class="lead">	We take the headache out of infrastructure so you can do what you do best.	</p>
<br />	<p>Change the world.</p>	</div>	</div>
</div> </section> <!-- / SECTION-3 -->
<!-- FOOTER -->
<footer id="foot-sec">	<div class="container">	<div class="row">	<div class="col-xs-6 col-sm-3 col-md-3 footer-list">	<h4>COMPANY</h4>	<ul class="list-unstyled">	<li><a href="https://www.bluebox.net/our-story/about-blue-box" class="footerlink">About Blue Box</a></li>	<li><a href="https://www.bluebox.net/insight/blog" class="footerlink">Blog</a></li>	<li><a href="https://www.bluebox.net/careers/life-at-blue-box" class="footerlink">Careers</a></li>	<li><a href="https://boxpanel.bluebox.net/" target="_self" class="footerlink">Customer Login</a></li>	<li><a href="https://mail.blueboxgrid.com/" target="_self" class="footerlink">Webmail</a></li>	<!--<li><a href="https://www.bluebox.net/frequently-asked-questions" class="footerlink">FAQ</a></li>-->	</ul>	</div>	<div class="col-xs-6 col-sm-3 col-md-3 footer-list">	<h4>SUPPORT</h4>	<ul class="list-unstyled">	<li><a href="https://boxpanel.bluebox.net/public/bp/account/support_login?new_ticket=true" class="footerlink">Submit a Ticket</a></li>	<!-- <li><a href="#" class="footerlink">Email Support</a></li> -->	<li><a href="https://boxpanel.bluebox.net/public/bp/chat" class="footerlink">Support Chat</a></li>	<!-- <li><a href="https://boxpanel.bluebox.net/public/the_vault/index.php/Main_Page" class="footerlink">Documentation</a></li> -->	</ul>	</div>
<!-- Add the extra clearfix for only the required viewport --> <div class="clearfix visible-xs"></div>	<div class="col-xs-6 col-sm-3 col-md-3 footer-list">	<h4>PRODUCTS</h4>	<ul class="list-unstyled">	<li><a href="https://www.bluebox.net/products/openstack-private-cloud" class="footerlink">Hosted Private Cloud</a></li>	<li><a href="https://www.bluebox.net/products/hybrid-cloud" class="footerlink">Hybrid Cloud</a></li>	<li><a href="https://www.bluebox.net/products/managed-hosting" class="footerlink">Managed Hosting</a></li>	</ul>	</div>	<div class="col-xs-6 col-sm-3 col-md-3 footer-list">	<h4>JOIN US</h4>	<p>Want us to send news and updates in the future? Leave us your email.</p>	<br />	<div class="input-prepend">	<form action="http://bluebox.us2.list-manage.com/subscribe/post?u=511e29cad5bfe5ef77d725938&amp;id=b455b85f4e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>	<div class="input-group"> <input type="email" value="" name="EMAIL" class="form-control email" id="mce-EMAIL" placeholder="EMAIL" required> <span class="input-group-btn"><button class="btn btn-default" type="submit" name="subscribe" id="mc-embedded-subscribe" ><span class="glyphicon glyphicon-envelope"></span></button></span>	</div>	</form>	</div>	</div>	</div>	<div class="row">	<div class="col-12 col-lg-12 text-center">	<div style="display:inline-block">	<div class="hex-row"> <div class="hex"><div class="top"></div><div class="middle"><a href="https://www.facebook.com/BlueBoxGroup"><i class="icon-facebook icon-2x"></i></a></div><div class="bottom"></div></div> <div class="hex"><div class="top"></div><div class="middle"><a href="https://twitter.com/bluebox"><i class="icon-twitter icon-2x"></i></a></div><div class="bottom"></div></div> <div class="hex"><div class="top"></div><div class="middle"><a href="https://github.com/blueboxgroup"><i class="icon-github icon-2x"></i></a></div><div class="bottom"></div></div> </div> <div class="hex-row even"> <div class="hex"><div class="top"></div><div class="middle"><a href="http://www.linkedin.com/company/blue-box-group"><i class="icon-linkedin icon-2x"></i></a></div><div class="bottom"></div></div> <div class="hex"><div class="top"></div><div class="middle"><a href="https://plus.google.com/109432856565086636261/posts"><i class="icon-google-plus icon-2x"></i></a></div><div class="bottom"></div></div> </div> <!--
<div class="hex-row"> <div class="hex"><div class="top"></div><div class="middle"></div><div class="bottom"></div></div> <div class="hex"><div class="top"></div><div class="middle"></div><div class="bottom"></div></div> <div class="hex"><div class="top"></div><div class="middle"></div><div class="bottom"></div></div> </div>
-->	</div>	</div>	</div>	<div class="row">	<hr>	<div class="col-sm-12 col-md-6 sub-footer" >	<p>© 2014 Blue Box Group. All Rights Reserved. </p>	</div>	<div class="col-sm-12 col-md-6 sub-footer-right">	<p> <a href="https://www.bluebox.net/get-in-touch/contact-us">Contact</a> | <a href="https://www.bluebox.net/legal">Legal</a> | <a href="https://www.bluebox.net/privacy-policy">Privacy Policy</a> | <a href="https://www.bluebox.net/terms-of-use">Terms of Use</a> | <a href="https://www.bluebox.net/images/uploads/downloads/service-level-agreement.pdf">SLA</a>	</p>	<div class="truste pull-right">	<script src="//privacy-policy.truste.com/privacy-seal/Blue-Box-Group,-Inc-/asc?rid=face018b-57eb-4cc6-81ad-3e8cca1ecdce" type="text/javascript"></script>	<a href="//privacy.truste.com/privacy-seal/Blue-Box-Group,-Inc-/validation?rid=e3093e4d-8fef-48b4-9a8a-97c10acfa34f" target="_blank" title="TRUSTe European Safe Harbor certification"><img alt="TRUSTe European Safe Harbor certification" src="//privacy-policy.truste.com/privacy-seal/Blue-Box-Group,-Inc-/seal?rid=e3093e4d-8fef-48b4-9a8a-97c10acfa34f" style="border: none;" /></a>	</div>	</div>	</div>	</div>
</footer>
<!-- / FOOTER -->
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
<!--[if lt IE 7]>	<link href="https://www.bluebox.net/assets/css/font-awesome-ie7.min.css" rel="stylesheet">	<![endif]--> <!-- Le javascript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js" type="text/javascript"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/1.4.5/jquery.scrollTo.min.js" type="text/javascript" ></script>
<script src="https://www.bluebox.net/assets/js/jquery.parallax-1.1.3.js" type="text/javascript" ></script>
<script src="https://www.bluebox.net/assets/js/jquery.localscroll-1.2.7-min.js" type="text/javascript" ></script>
<script src="https://www.bluebox.net/assets/js/jquery.fitvids.min.js" type="text/javascript" ></script>
<script> $(document).ready(function(){ // Target your .container, .wrapper, .post, etc. $(".video-wrapper").fitVids(); });
</script>
<!-- SMOOTH SECTIONS SCROLL + PARALLAX PLUGIN -->
<script>
//http://www.ianlunn.co.uk/plugins/jquery-parallax/
jQuery(document).ready(function(){	jQuery('.gobtnwrapper').localScroll(3000);	jQuery('.scroll-link').localScroll(3000);	//.parallax(xPosition, speedFactor, outerHeight) options:	//xPosition - Horizontal position of the element	//inertia - speed to move relative to vertical scroll. Example: 0.1 is one tenth the speed of scrolling, 2 is twice the speed of scrolling	//outerHeight (true/false) - Whether or not jQuery should use it's outerHeight option to determine when a section is in the viewport	jQuery('.well').parallax("50%", .3);	jQuery('.well-2').parallax("50%", .3);	jQuery('.item').parallax("50%", .3); jQuery('.well-openstack').parallax("50%", .3);
jQuery('.well-datacenters').parallax("50%", .3, true);
jQuery('.well-team').parallax("50%", .3, true );	//jQuery('#section-2').parallax("50%", 0.2);	//jQuery('#section-3').parallax("50%", 0.2);
})
</script>
<script>
//hide menu after click on mobile
jQuery('.navbar .nav > li > a').click(function(){	jQuery('.nav-collapse.navbar-responsive-collapse.in').removeClass('in').addClass('collapse').css('height', '0');	});
</script>
<script>
$('.carousel').carousel({ interval: 7000
})
$('.carousel2').carousel({ interval: 10000
})
</script>
<!-- open external links in new window only inside page-content-2 div -->
<script>
$(document).ready(function() { $('#Page-Content-2 a[href^="http://"], #Page-Content-2 a[href^="https://"]').filter(function() { return this.hostname && this.hostname !== location.hostname; }).attr('target', '_blank');
});
</script>
<!-- begin olark code -->
<script data-cfasync="false" type='text/javascript'>/*{literal}<![CDATA[*/window.olark||(function(c){var f=window,d=document,l=f.location.protocol=="https:"?"https:":"http:",z=c.name,r="load";var nt=function(){
f[z]=function(){(a.s=a.s||[]).push(arguments)};var a=f[z]._={
},q=c.methods.length;while(q--){(function(n){f[z][n]=function(){f[z]("call",n,arguments)}})(c.methods[q])}a.l=c.loader;a.i=nt;a.p={
0:+new Date};a.P=function(u){
a.p[u]=new Date-a.p[0]};function s(){a.P(r);f[z](r)}f.addEventListener?f.addEventListener(r,s,false):f.attachEvent("on"+r,s);var ld=function(){function p(hd){
hd="head";return["<",hd,"></",hd,"><",i,' onl' + 'oad="var d=',g,";d.getElementsByTagName('head')[0].",j,"(d.",h,"('script')).",k,"='",l,"//",a.l,"'",'"',"></",i,">"].join("")}var i="body",m=d[i];if(!m){
return setTimeout(ld,100)}a.P(1);var j="appendChild",h="createElement",k="src",n=d[h]("div"),v=n[j](d[h](z)),b=d[h]("iframe"),g="document",e="domain",o;n.style.display="none";m.insertBefore(n,m.firstChild).id=z;b.frameBorder="0";b.id=z+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){b.src="javascript:false"}b.allowTransparency="true";v[j](b);try{b.contentWindow[g].open()}catch(w){
c[e]=d[e];o="javascript:var d="+g+".open();d.domain='"+d.domain+"';";b[k]=o+"void(0);"}try{
var t=b.contentWindow[g];t.write(p());t.close()}catch(x){b[k]=o+'d.write("'+p().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}a.P(2)};ld()};nt()})({
loader: "static.olark.com/jsclient/loader0.js",name:"olark",methods:["configure","extend","declare","identify"]});
olark.configure('box.width', 1000);
/* custom configuration goes here (www.olark.com/documentation) */
olark.identify('6777-175-10-2113');/*]]>{/literal}*/
</script>
<noscript><a href="https://www.olark.com/site/6777-175-10-2113/contact" title="Contact us" target="_blank">Questions? Feedback?</a> powered by <a href="http://www.olark.com?welcome" title="Olark live chat software">Olark live chat software</a>
</noscript>
<!-- end olark code -->
<!-- chartbeat -->
<script type="text/javascript"> var _sf_async_config = { uid: 38288, domain: 'bluebox.net' }; (function() { function loadChartbeat() { window._sf_endpt = (new Date()).getTime(); var e = document.createElement('script'); e.setAttribute('language', 'javascript'); e.setAttribute('type', 'text/javascript'); e.setAttribute('src', (("https:" == document.location.protocol) ? "https://a248.e.akamai.net/chartbeat.download.akamai.com/102508/" : "http://static.chartbeat.com/") + "js/chartbeat.js"); document.body.appendChild(e); }; var oldonload = window.onload; window.onload = (typeof window.onload != 'function') ? loadChartbeat : function() { oldonload(); loadChartbeat(); }; })();
</script>
<!-- end chartbeat -->
<!-- new relic end-of-page -->
<script src="https://www.bluebox.net/assets/js/new-relic-footer.js" type="text/javascript">
</script>
<script type="text/javascript">if (!NREUMQ.f) { NREUMQ.f=function() {
NREUMQ.push(["load",new Date().getTime()]);
var e=document.createElement("script");
e.type="text/javascript";
e.src=(("http:"===document.location.protocol)?"http:":"https:") + "//" + "js-agent.newrelic.com/nr-100.js";
document.body.appendChild(e);
if(NREUMQ.a)NREUMQ.a();
};
NREUMQ.a=window.onload;window.onload=NREUMQ.f;
};
NREUMQ.push(["nrfj","beacon-1.newrelic.com","89a0270dfb","1008739","eldfFRRfWQlXShhFV15dQk5OX0ENV0oe",0,18,new Date().getTime(),"","","","",""]);
<!-- end new relic end-of-page -->
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.1.27/jquery.form-validator.min.js"></script>
<script> $.validate(); </script> <script type="text/javascript">if(!NREUMQ.f){NREUMQ.f=function(){NREUMQ.push(["load",new Date().getTime()]);var e=document.createElement("script");e.type="text/javascript";e.src=(("http:"===document.location.protocol)?"http:":"https:")+"//"+"js-agent.newrelic.com/nr-100.js";document.body.appendChild(e);if(NREUMQ.a)NREUMQ.a();};NREUMQ.a=window.onload;window.onload=NREUMQ.f;};NREUMQ.push(["nrfj","beacon-2.newrelic.com","a1c67dbee6","2767372","MlNSMUUFXUFZBUdZCQsZcQZDDVxcFyN2Hw8LUlUd",0,127,new Date().getTime(),"","","","",""]);</script></body>
</html>
</body>
</html>
A Pen by Wadson F. Espindola - Script Codes
A Pen by Wadson F. Espindola - Script Codes
Home Page Home
Developer Wadson F. Espindola
Username huskynation
Uploaded August 23, 2022
Rating 3.5
Size 12,661 Kb
Views 18,216
Do you need developer help for A Pen by Wadson F. Espindola?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Wadson F. Espindola (huskynation) Script Codes
Name
BlueBox Fork
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!