350 lines
14 KiB
HTML
350 lines
14 KiB
HTML
{% load static %}
|
||
{% load bootstrap3 %}
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="description" content="">
|
||
<meta name="author" content="">
|
||
|
||
<title>ungleich GmbH</title>
|
||
|
||
|
||
<!-- Bootstrap Core CSS -->
|
||
<link href="{% static 'ungleich_page/css/bootstrap.min.css'%}" rel="stylesheet">
|
||
<link href="{% static 'ungleich_page/css/lib/animate.min.css'%}" rel="stylesheet">
|
||
|
||
|
||
<!-- Custom CSS -->
|
||
<link href="{% static 'ungleich_page/css/agency.css'%}" rel="stylesheet">
|
||
|
||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||
<!--[if lt IE 9]>
|
||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||
<![endif]-->
|
||
|
||
<link href="{% static 'ungleich_page/css/ungleich.css'%}" rel="stylesheet">
|
||
|
||
|
||
|
||
|
||
<!-- Google tracking -->
|
||
<script src="//www.google-analytics.com/analytics.js" async></script><script>
|
||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||
|
||
ga('create', 'UA-62285904-1', 'auto');
|
||
ga('send', 'pageview');
|
||
|
||
</script>
|
||
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
|
||
<style id="igtranslator-color" type="text/css"></style></head>
|
||
|
||
<body id="page-top" class="index">
|
||
|
||
<!-- Navigation -->
|
||
<nav class="navbar navbar-default navbar-fixed-top">
|
||
<div class="container">
|
||
<!-- Brand and toggle get grouped for better mobile display -->
|
||
<div class="navbar-header page-scroll">
|
||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||
<span class="sr-only">Toggle navigation</span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
</button>
|
||
<p><a class="navbar-brand page-scroll" href="#page-top"><img src="{% static 'ungleich_page/img/logo_white.svg'%}"></a></p>
|
||
<p> </p>
|
||
</div>
|
||
|
||
<!-- Collect the nav links, forms, and other content for toggling -->
|
||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||
<ul class="nav navbar-nav navbar-right">
|
||
<li class="hidden active">
|
||
<a href="#page-top"></a>
|
||
</li>
|
||
<li>
|
||
<a class="page-scroll" href="#services">services</a></li>
|
||
<li></li>
|
||
<li></li>
|
||
<li> </li>
|
||
<li>
|
||
<a class="page-scroll" href="#portfolio">products</a></li>
|
||
<li> </li>
|
||
<li>
|
||
<a class="page-scroll" href="#about">About</a>
|
||
</li>
|
||
<li>
|
||
<a class="page-scroll" href="#team">WHY UNGLEICH?</a>
|
||
</li>
|
||
<li>
|
||
<a class="page-scroll" href="http://blog.ungleich.ch">BLOG</a>
|
||
</li>
|
||
<li>
|
||
<a class="page-scroll" href="#contact">Contact</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!-- /.navbar-collapse -->
|
||
</div>
|
||
<!-- /.container-fluid -->
|
||
</nav>
|
||
|
||
<!-- Header -->
|
||
{% include "ungleich_page/includes/_header.html" %}
|
||
|
||
|
||
<!-- Services Section -->
|
||
{% include "ungleich_page/includes/_services.html" %}
|
||
|
||
<!-- Portfolio Grid Section -->
|
||
{% include "ungleich_page/includes/_portfolio.html" %}
|
||
|
||
|
||
<!-- About Section -->
|
||
{% include "ungleich_page/includes/_about.html" %}
|
||
|
||
<!-- Team Section -->
|
||
{% include "ungleich_page/includes/_team.html" %}
|
||
|
||
<!-- Software We Use Section -->
|
||
{% include "ungleich_page/includes/_softwares.html" %}
|
||
|
||
<!-- Contact Us Section -->
|
||
{% include "ungleich_page/includes/_contact_us.html" %}
|
||
|
||
<!-- Footer -->
|
||
{% include "ungleich_page/includes/_footer.html" %}
|
||
|
||
<!-- Portfolio Modals -->
|
||
<!-- Use the modals below to showcase details about your portfolio projects! -->
|
||
|
||
<!-- Portfolio Modal 1 -->
|
||
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
|
||
<div class="modal-content">
|
||
<div class="close-modal" data-dismiss="modal">
|
||
<div class="lr">
|
||
<div class="rl">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-8 col-lg-offset-2">
|
||
<div class="modal-body">
|
||
<!-- Project Details Go Here -->
|
||
<h2>1.Grant us access to your system(s)</h2>
|
||
<p class="item-intro text-muted">Follow the simple steps below</p>
|
||
<img class="img-responsive" src="{% static 'ungleich_page/img/portfolio/roundicons-free.png' %}" alt="">
|
||
<p>
|
||
<strong>Copy our public ssh key to</strong> ~root/.ssh/authorized_key</p><p>
|
||
</p><p>
|
||
Ensure the permissions are restrictive on the keyfile and directory
|
||
<br>(<i>chmod 0644 ~root/.ssh/authorized_key; chmod 0755 ~root/.ssh</i>)
|
||
</p><p>
|
||
Add "PermitRootLogin without-password" to /etc/ssh/sshd_config and restart your ssh server</p>
|
||
<p>
|
||
|
||
<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close </button>
|
||
</p></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Portfolio Modal 2 -->
|
||
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
|
||
<div class="modal-content">
|
||
<div class="close-modal" data-dismiss="modal">
|
||
<div class="lr">
|
||
<div class="rl">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-8 col-lg-offset-2">
|
||
<div class="modal-body">
|
||
<h2>2.Select the Configuration</h2>
|
||
<p class="item-intro text-muted">Choose one or more of the available configurations.</p>
|
||
<img class="img-responsive img-centered" src="{% static 'ungleich_page/img/portfolio/startup-framework-preview.png' %}" alt="">
|
||
<p>Our first release supports configuring your systems with <a href="https://www.djangoproject.com/">Django Hosting</a>
|
||
as well as <a href="http://rubyonrails.org/">Ruby on Rails Hosting</a>.
|
||
</p><p>
|
||
We plan to offer various configurations ranging from Webservers like
|
||
<a href="http://httpd.apache.org/">Apache</a> ,
|
||
<a href="http://nginx.org/">nginx</a> </p><p>to database systems like
|
||
<a href="http://www.postgresql.org">PostgreSQL</a> or
|
||
<a href="https://www.mongodb.org/">MongoDB</a>.
|
||
</p>
|
||
<p>We are constantly enhancing our configuration portfolio,
|
||
but in case you have a specific wish - do not hesitate to contact us for
|
||
a development quote.</p>
|
||
|
||
<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close </button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Portfolio Modal 3 -->
|
||
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
|
||
<div class="modal-content">
|
||
<div class="close-modal" data-dismiss="modal">
|
||
<div class="lr">
|
||
<div class="rl">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-8 col-lg-offset-2">
|
||
<div class="modal-body">
|
||
<!-- Project Details Go Here -->
|
||
<h2>3.Configure!</h2>
|
||
<p class="item-intro text-muted">Press the configure button.</p>
|
||
<img class="img-responsive img-centered" src="{% static 'ungleich_page/img/portfolio/treehouse-preview.png' %}" alt="">
|
||
<p>Press the configure button and we will verify that access
|
||
to your system work and ensure it is configured as chosen.</p>
|
||
<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close </button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Portfolio Modal 4 -->
|
||
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
|
||
<div class="modal-content">
|
||
<div class="close-modal" data-dismiss="modal">
|
||
<div class="lr">
|
||
<div class="rl">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-8 col-lg-offset-2">
|
||
<div class="modal-body">
|
||
<!-- Project Details Go Here -->
|
||
<h2>Project Name</h2>
|
||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
||
<img class="img-responsive img-centered" src="{% static 'ungleich_page/img/portfolio/golden-preview.png' %}" alt="">
|
||
<p>Start Bootstrap's Agency theme is based on Golden, a free PSD website template built by <a href="https://www.behance.net/MathavanJaya">Mathavan Jaya</a>. Golden is a modern and clean one page web template that was made exclusively for Best PSD Freebies. This template has a great portfolio, timeline, and meet your team sections that can be easily modified to fit your needs.</p>
|
||
<p>You can download the PSD template in this portfolio sample item at <a href="http://freebiesxpress.com/gallery/golden-free-one-page-web-template/">FreebiesXpress.com</a>.</p>
|
||
<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-6 center-block">
|
||
|
||
|
||
<!-- Portfolio Modal 5 -->
|
||
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
|
||
<div class="modal-content">
|
||
<div class="close-modal" data-dismiss="modal">
|
||
<div class="lr">
|
||
<div class="rl">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-8 col-lg-offset-2">
|
||
<div class="modal-body">
|
||
<!-- Project Details Go Here -->
|
||
<h2>Project Name</h2>
|
||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
||
<img class="img-responsive img-centered" src="{% static 'ungleich_page/img/portfolio/escape-preview.png' %}" alt="">
|
||
<p>Escape is a free PSD web template built by <a href="https://www.behance.net/MathavanJaya">Mathavan Jaya</a>. Escape is a one page web template that was designed with agencies in mind. This template is ideal for those looking for a simple one page solution to describe your business and offer your services.</p>
|
||
<p>You can download the PSD template in this portfolio sample item at <a href="http://freebiesxpress.com/gallery/escape-one-page-psd-web-template/">FreebiesXpress.com</a>.</p>
|
||
<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Portfolio Modal 6 -->
|
||
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
|
||
<div class="modal-content">
|
||
<div class="close-modal" data-dismiss="modal">
|
||
<div class="lr">
|
||
<div class="rl">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-8 col-lg-offset-2">
|
||
<div class="modal-body">
|
||
<!-- Project Details Go Here -->
|
||
<h2>Project Name</h2>
|
||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
||
<img class="img-responsive img-centered" src="{% static 'ungleich_page/img/portfolio/dreams-preview.png' %}" alt="">
|
||
<p>Dreams is a free PSD web template built by <a
|
||
href="https://www.behance.net/MathavanJaya">Mathavan Jaya</a>. Dreams
|
||
is a modern one page web template designed for almost any purpose. It’s a
|
||
beautiful template that’s designed with the Bootstrap framework in
|
||
mind.</p> <p>You can download the PSD template in this portfolio sample
|
||
item at <a
|
||
href="http://freebiesxpress.com/gallery/dreams-free-one-page-web-template/">FreebiesXpress.com</a>.</p>
|
||
<button type="button" class="btn btn-primary" data-dismiss="modal"><i
|
||
class="fa fa-times"></i> Close Project</button> </div> </div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- jQuery -->
|
||
|
||
<script src="{% static 'ungleich_page/js/jquery.js' %}" type="text/javascript" ></script>
|
||
|
||
|
||
|
||
<!-- Bootstrap Core JavaScript -->
|
||
<!-- <script src="js/bootstrap.min.js"></script> -->
|
||
|
||
<!-- Plugin JavaScript -->
|
||
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js" type="text/javascript"></script>
|
||
<script src="{% static 'ungleich_page/js/classie.js' %}" type="text/javascript"></script>
|
||
<script src="{% static 'ungleich_page/js/cbpAnimatedHeader.js' %}" type="text/javascript"></script>
|
||
|
||
|
||
|
||
<!-- Contact Form JavaScript -->
|
||
<script src="{% static 'ungleich_page/js/jqBootstrapValidation.js' %}" type="text/javascript"></script>
|
||
<script src="{% static 'ungleich_page/js/contact_me.js' %}" type="text/javascript"></script>
|
||
<script src="{% static 'ungleich_page/js/lib/wow.min.js' %}" type="text/javascript"></script>
|
||
|
||
<!-- Custom Theme JavaScript -->
|
||
<script src="{% static 'ungleich_page/js/ungleich.js' %}" type="text/javascript"></script>
|
||
|
||
|
||
<!-- Custom Fonts -->
|
||
<link href="//fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css">
|
||
<link href="{% static 'ungleich_page/font-awesome-4.1.0/css/font-awesome.min.css' %}" rel="stylesheet" type="text/css">
|
||
<link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
|
||
<link href="//fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet" type="text/css">
|
||
<link href="//fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css">
|
||
<link href="//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css">
|
||
</html>
|