index.html

---
# Feel free to add content and custom Front Matter to this file.
# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults

layout: default
---

<section id="start">

	<div class="section-container">

		<h1>DevOps, delivered.</h1>

		<h3>Infrastructure should radically empower your team. We work with developers to quickly customise and deploy powerful, flexible DevOps infrastructure solutions that deliver more value, faster.</h3>
		<br>
		<h3>Develop. Deploy<br>
		<strong>like no Otter.</strong></h3>

	</div>

</section>

<section id="what_we_do">

	<div class="section-container">

		<h2>What we do</h2>

		<h3><strong>1. Closing the gap</strong></h3>

		<img src="/img/what_we_do_01.svg">

		<p>DevOps a can empower teams. But the engineer-based model is broken: slowly creating complex, inflexible infrastructures that lock you into your cloud provider, and are expensive to use and maintain. We call this “The DevOps Gap”.</p>

		<p><strong>We’re closing the gap.</strong></p>

		<hr></hr>

		<h3><strong>2. Design sprints</strong></h3>

		<img src="/img/what_we_do_02.svg">

		<p><strong>Design sprints to transform your infrastructure.</strong></p>

		<p>Over a 1 week design sprint, we pair with your developers to deploy a proven DevOps infrastructure solution: CI / CD system, integrated with Git and Kubernetes, and including Review Apps.</p>

		<p>We quickly upskill your team and engineer ourselves out of the process: leaving you with a powerful, flexible infrastructure which is fully understood and owned by your developers - and no ongoing reliance on a DevOps engineer.</p>

		<hr></hr>

		<h3><strong>3. How it works</strong></h3>

		<div class="how-it-works">

			<div class="desktop"><img src="/img/what_we_do_03.svg"></div>

			<div class="mobile-big">
				<img src="/img/what_we_do_03-split_01.svg">
			</div>

			<div class="mobile-small">
				<img src="/img/what_we_do_03-split_01.svg">
			</div>

			<div class="one-fourth">
				We'll take half a day to confirm the viability of our solutions, and meet your lead developers.
			</div>

			<div class="two-fourth">
				We will provide key training materials to upskill your lead developers in preparation for the sprint.
			</div>

			<div class="mobile-big">
				<img src="/img/what_we_do_03-split_02.svg">
			</div>

			<div class="mobile-small">
				<img src="/img/what_we_do_03-split_02.svg">
			</div>

			<div class="three-fourth">
				We'll collaborate with your lead developers to customise and deploy our solution.
			</div>

			<div class="four-fourth">
				In case of snags, one year's Slack support included in the deployment fee.
			</div>

		</div>

		<hr></hr>

		<h3><strong>4. What you get</strong></h3>

		<img src="/img/what_we_do_04.svg">

	</div>

</section>

<section id="technologies">

	<div class="section-container">

		<h3><strong>Work with Otter, without changing a thing.</strong></h3>

		<div class="desktop">
			<img src="/img/LogoPartners_VC1-01_BW2-no_bg.png">
		</div>

		<div class="mobile-big">
			<img src="/img/logo_quilt-mobile_big.png">
		</div>

		<div class="mobile-small">
			<img src="/img/logo_quilt-mobile_small.png">
		</div>


	</div>

</section>

<section id="case_study">

	<div class="section-container">

		<h3><strong>What they say</strong></h3>

		<img src="/img/quotes.svg">

		<p>“DevOps Delivered was a huge success for us at a critical time. I would encourage teams struggling with limiting, complicated infrastructure to collaborate with Otter Networks in finding more efficient, long-term development solutions.”</p>

		<p><strong>Sascha Jonas</strong><br>
			CEO/CTO @repay.me</p>

	    <p><a href="repay-me.html">Case study</a></p>

	</div>

</section>

<section id="contact">

	<div class="section-container">

		<h1>Get in touch</h1>

		<p class="contact-blurb">Want to learn more about Otter Networks? Got questions about what we do? Shoot us a message:</p>

		<div id="formBlock">
			<form id="someForm">
				<div class="name-field">
					<label for="name">Name:</label><br><input type="text" id="name">
				</div>
				<div class="email-field">
					<label for="email">Email:</label><br><input type="email" id="email">
				</div>
				<label for="comments">Comments:</label> <br/>
				<textarea id="comments"></textarea><br/>
				<div class="submit-button"><input type="submit"></div>
			</form>
		</div>
		<div id="thankyouBlock" style="display:none">
			<p>
				<i class="fas fa-check"></i> Your message has been successfully sent. We will do our best to contact you as soon as we can.
			</p>
		</div>

		<!--<a href="#"><button class="blue">Contact us</button></a>
		<a href="#"><button class="gray">Request call-back</button></a>-->

		<p class="back-to-top"><a href="#0" class="cd-top">Back to top <i class="fas fa-angle-up"></i></a></p>

	</div>

</section>