2016-04-13 03:03:18 +00:00
{% 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 -->
2016-04-13 05:31:19 +00:00
{% include "ungleich_page/includes/_header.html" %}
2016-04-13 03:03:18 +00:00
<!-- Services Section -->
2016-04-13 05:31:19 +00:00
{% include "ungleich_page/includes/_services.html" %}
2016-04-13 03:03:18 +00:00
<!-- Portfolio Grid Section -->
2016-04-13 05:31:19 +00:00
{% include "ungleich_page/includes/_portfolio.html" %}
2016-04-13 03:03:18 +00:00
<!-- About Section -->
2016-04-13 05:31:19 +00:00
{% include "ungleich_page/includes/_about.html" %}
2016-04-13 03:03:18 +00:00
<!-- Team Section -->
2016-04-13 05:31:19 +00:00
{% include "ungleich_page/includes/_team.html" %}
2016-04-13 03:03:18 +00:00
2016-04-13 05:31:19 +00:00
<!-- Software We Use Section -->
{% include "ungleich_page/includes/_softwares.html" %}
2016-04-13 03:03:18 +00:00
2016-04-13 05:31:19 +00:00
<!-- Contact Us Section -->
{% include "ungleich_page/includes/_contact_us.html" %}
2016-04-13 03:03:18 +00:00
2016-04-13 05:31:19 +00:00
<!-- Footer -->
{% include "ungleich_page/includes/_footer.html" %}
2016-04-13 03:03:18 +00:00
<!-- 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 >