index.html

---
layout: page
description: Reliable Open Source Digital Infrastructure
---

<section class="featured-two">
	<div class="container">
		<div class="section-title text-center">
			<h3 class="sub-title wow pixFadeUp">How we roll!</h3>
			<h2 class="title wow pixFadeUp" data-wow-delay="0.2s">Guiding principles of our team</h2>
		</div>
		<div class="row">

			{% for post in site.principles %}
			<div class="col-lg-4 col-md-6">
				<div class="pixsass-icon-box-wrapper style-two wow pixFadeRight" data-wow-delay="0.9s">
					<div class="iapp-icon-box-icon">
						<img src="/assets/media/principles/{{post.photo}}?{{site.time | date: '%s%N'}}" alt="feature">
					</div>
					<div class="pixsass-icon-box-content">
						<h3 class="pixsass-icon-box-title">{{post.title}}</h3>
						<p>
							{{post.content}}
						</p>
					</div>
				</div>
			</div>
			{% endfor %}
</section>

<section id="newsletter" class="call-to-subscribe">
	<div class="container text-center">
	<h4 class="title">Sign up for email updates</h4>
	<p><em>Generally not more than once per month </em></p>
	<br>
		<div id="mauticform_wrapper_newsletterregistrationgeneric">
			<form autocomplete="false" role="form" method="post" action="https://mautic.cloud68.co/form/submit?formId=3" id="mauticform_newsletterregistrationgeneric" data-mautic-form="newsletterregistrationgeneric" enctype="multipart/form-data">
				<div class="mauticform-error" id="mauticform_newsletterregistrationgeneric_error"></div>
				
			<div class="mauticform-innerform">
				<div class="mauticform-page-wrapper mauticform-page-1" data-mautic-form-page="1">	
					<div class="form-group row">
					<div id="mauticform_newsletterregistrationgeneric_your_email" data-validate="your_email" data-validation-type="email" class="mauticform-row mauticform-email mauticform-field-3 mauticform-required col-md-12">
						<input id="mauticform_input_newsletterregistrationgeneric_your_email" name="mauticform[your_email]" value="" class="form-control mau-email" type="email" placeholder="Your Email">
						<span class="mauticform-errormsg" style="display: none;color: red;">This is required.</span>
					</div>
				</br>
					<div id="mauticform_newsletterregistrationgeneric_submit" class="col-md-4" style="margin:auto">
					<button type="submit" name="mauticform[submit]" id="mauticform_input_newsletterregistrationgeneric_submit" value="" class="pix-btn btn-light">Subscribe</button>
						</div>
					</div>
				</div>
			</div>


		
		</div>
		<div class="mauticform-message error-title" id="mauticform_newsletterregistrationgeneric_message" style="color:white;"></div>
		<input type="hidden" name="mauticform[formId]" id="mauticform_newsletterregistrationgeneric_id" value="3">
		<input type="hidden" name="mauticform[return]" id="mauticform_newsletterregistrationgeneric_return" value="">
		<input type="hidden" name="mauticform[formName]" id="mauticform_newsletterregistrationgeneric_name"
			value="newsletterregistrationgeneric">
		</form>
	</div>

</section>


<section id="testimonials" class="testimonials swiper-init">
	<div class="container" style="margin-top: 1%;">
		<div class="section-title text-center">
			<h3 class="sub-title wow pixFadeUp">Testimonials</h3>
			<h2 class="title wow pixFadeUp" data-wow-delay="0.3s">What they say about us</h2>
		</div>


		<div id="testimonial-wrapper">
			<div class="swiper-container wow pixFadeUp" data-wow-delay="0.5s" id="testimonial-two" data-speed="900"
				data-autoplay="18000" data-perpage="2" data-space="50" data-breakpoints='{"991": {"slidesPerView": 1}}'>
				<div class="swiper-wrapper">

					{% for post in site.testimonials %}
					<div class="swiper-slide">
						<div class="testimonial-two">
							<div class="testi-content-inner">
								<div class="testimonial-bio">
									<div class="avatar">
										<img src="/assets/media/testimonials/{{post.photo}}?{{site.time | date: '%s%N'}}"
											alt="testimonial from {{post.company}}">
									</div>


									<div class="bio-info">
										<h3 class="name" style="margin-left: 0;">{{post.author}}</h3>
										<span class="job"><a href="{{post.website}}">{{post.company}}</a></span><br>
										<span class="job" style="color: black;">{{post.location}}</span>
									</div>
								</div>



								<div class="testimonial-content">
									<p>{{post.content}}</p>
								</div>

							</div>


							<div class="shape-shadow"></div>
						</div>

					</div>
					{% endfor %}

				</div>


			</div>

			<div class="shape-shadow"></div>

			<div class="slider-nav wow pixFadeUp" data-wow-delay="0.3s">
				<div id="slide-prev" class="swiper-button-prev">
					<i class="ei ei-arrow_left"></i>
				</div>
				<div id="slide-next" class=" swiper-button-next">
					<i class="ei ei-arrow_right"></i>
				</div>
			</div>
		</div>



	</div>

	<div class="scroll-circle">
		<img src="/assets/media/dependencies/circle11.png" data-parallax='{"y" : 250}' alt="shape">
	</div>
</section>
<section id="blog-grid">
	<div class="container">

		<div class="section-title color-two text-center">
			<h3 class="sub-title wow pixFadeUp">News & Updates</h3>
			<h2 class="title wow pixFadeUp" data-wow-delay="0.3s">
				Our latest blog posts
			</h2>
		</div>
		<div class="row">
			{% for post in site.posts limit:3 %}
			<div class="col-lg-4 col-md-6" style="margin-top: 3%;">
				<article class="post-post-grid">
					<div class="feature-image">
						<a href="{{ post.url }}">
							<img src="/assets/media/blog/{{post.category}}/thumbnail/{{ post.thumbnail  }}" alt="{{ post.title }}">
						</a>
					</div>
					<div class="blog-content">
						<ul class="post-meta">
							<li><a style="color:#000;">{{ post.date | date_to_long_string }}</a></li>
						</ul>

						<h3 class="entry-title"><a href="{{ post.url }}">{{ post.title }}</a></h3>

						{% assign author = site.data.authors[post.author] %}


						<div class="author">
							<img src="{{author.photo}}" alt="{{ author.name }}">
							<a style="color:#000;" class="author-link">{{ author.name }}</a>
						</div>

					</div>
				</article>

			</div>
			{% endfor %}
		</div>
	</div>

</section>


<section class="call-to-action">
	<div class="overlay-bg"><img src="/assets/media/dependencies/ellipse.png?{{site.time | date: '%s%N'}}" alt="bg">
	</div>
	<div class="container">
		<div class="action-content text-center wow pixFadeUp">
			<h2 class="title">
				Migrating from <br>Dropbox, Google Drive, Office 365?
			</h2>
			<p>
				Our friendly support team makes it free and easy to move your data from big tech giants that spy on you!
			</p>
			<a href="/schedule-a-call" class="pix-btn btn-light">Free Consultation</a>
		</div>
	</div>
	<div class="scroll-circle">
		<img src="/assets/media/dependencies/circle13.png?{{site.time | date: '%s%N'}}" data-parallax='{"y" : -130}'
			alt="circle">
	</div>
</section>