Divided ungleich landing sections into templates. Moved static files and all files path were adapted, Ungleich form conected to landing, Reconfigured django urls
This commit is contained in:
		
					parent
					
						
							
								5a04fc4969
							
						
					
				
			
			
				commit
				
					
						fd66c33299
					
				
			
		
					 13 changed files with 469 additions and 432 deletions
				
			
		| 
						 | 
				
			
			@ -2,9 +2,11 @@ from django.conf.urls import url
 | 
			
		|||
 | 
			
		||||
from django.utils.translation import ugettext_lazy as _
 | 
			
		||||
from . import views
 | 
			
		||||
from .views import ContactView
 | 
			
		||||
from .views import ContactView, IndexView, AboutView
 | 
			
		||||
 | 
			
		||||
urlpatterns = [
 | 
			
		||||
    url(_(r'index/?$'), IndexView.as_view(), name='index'),
 | 
			
		||||
    url(_(r'about/?$'), AboutView.as_view(), name='about'),
 | 
			
		||||
    url(_(r'contact/?$'), ContactView.as_view(), name='contact'),
 | 
			
		||||
    url(_(r'supporters/?$'), views.supporters, name='supporters'),
 | 
			
		||||
    url(_(r'support-us/?$'), views.support, name='support'),
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -5,7 +5,7 @@ from django.forms import ModelForm
 | 
			
		|||
from django.http import HttpResponseRedirect
 | 
			
		||||
from django.core.urlresolvers import reverse_lazy
 | 
			
		||||
from django.utils.translation import ugettext_lazy as _
 | 
			
		||||
 | 
			
		||||
from django.views.generic import TemplateView
 | 
			
		||||
from django.utils.translation import get_language
 | 
			
		||||
from djangocms_blog.models import Post
 | 
			
		||||
from django.contrib import messages
 | 
			
		||||
| 
						 | 
				
			
			@ -29,6 +29,13 @@ class ContactView(FormView):
 | 
			
		|||
        return super(ContactView, self).form_valid(form)
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
class IndexView(TemplateView):
 | 
			
		||||
    template_name = "index.html"
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
class AboutView(TemplateView):
 | 
			
		||||
    template_name = "about.html"
 | 
			
		||||
 | 
			
		||||
def detail(request, message_id):
 | 
			
		||||
    p = get_object_or_404(Message, pk=message_id)
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			@ -38,6 +45,8 @@ def detail(request, message_id):
 | 
			
		|||
def about(request):
 | 
			
		||||
    return render(request, 'digitalglarus/about.html')
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
#def index(request):
 | 
			
		||||
#    return render(request, 'digitalglarus/index.html')
 | 
			
		||||
#
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -19,12 +19,12 @@ urlpatterns = [
 | 
			
		|||
# note the django CMS URLs included via i18n_patterns
 | 
			
		||||
urlpatterns += i18n_patterns('',
 | 
			
		||||
                             # url(r'^$',include('ungleich.urls')),
 | 
			
		||||
                             url(r'^blog/',include('ungleich.urls',namespace='ungleich')),
 | 
			
		||||
                             url(r'^',include('ungleich_page.urls',namespace='ungleich_page')),
 | 
			
		||||
                             url(r'^login/',include(membership_urls)),
 | 
			
		||||
                             url(r'^admin/', include(admin.site.urls)),
 | 
			
		||||
                             url(r'^digitalglarus/', include('digitalglarus.urls',
 | 
			
		||||
                                                             namespace="digitalglarus"),name='digitalglarus'),
 | 
			
		||||
                             url(r'^blog/',include('ungleich.urls',namespace='ungleich')),
 | 
			
		||||
                             url(r'^',include('ungleich_page.urls',namespace='ungleich_page'),name="ungleich_page"),
 | 
			
		||||
                             url(r'^login/',include(membership_urls)),
 | 
			
		||||
                             url(r'^admin/', include(admin.site.urls)),
 | 
			
		||||
                             url(r'^', include('cms.urls')),
 | 
			
		||||
                             )
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
							
								
								
									
										80
									
								
								ungleich_page/templates/ungleich_page/includes/_about.html
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										80
									
								
								ungleich_page/templates/ungleich_page/includes/_about.html
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,80 @@
 | 
			
		|||
{% load static %}
 | 
			
		||||
 | 
			
		||||
<section id="about">
 | 
			
		||||
    <div class="container">
 | 
			
		||||
        <div class="row">
 | 
			
		||||
          <div class="col-lg-12 text-center wow fadeInDown">
 | 
			
		||||
            <h2 class="section-heading">ABOUT</h2>
 | 
			
		||||
            <h3 class="section-subheading text-muted">The timeline of ungleich</h3>
 | 
			
		||||
          </div>
 | 
			
		||||
        </div>
 | 
			
		||||
        <div class="row">
 | 
			
		||||
          <div class="col-lg-12">
 | 
			
		||||
            <ul class="timeline">
 | 
			
		||||
              <li>
 | 
			
		||||
            <div class="timeline-image">
 | 
			
		||||
              <img class="img-circle img-responsive" src="{% static 'ungleich_page/img/about/1.jpg' %}" alt="">
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="timeline-panel wow slideInLeft">
 | 
			
		||||
              <div class="timeline-heading">
 | 
			
		||||
                <h4>2000</h4>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="timeline-body">
 | 
			
		||||
                <p>The first incarnation of ungleich</p>
 | 
			
		||||
                <p>in Germany                              </p>
 | 
			
		||||
              </div>
 | 
			
		||||
              </div></li>
 | 
			
		||||
              <li class="timeline-inverted">
 | 
			
		||||
            <div class="timeline-image">
 | 
			
		||||
              <img class="img-circle img-responsive" src="{% static 'ungleich_page/img/about/2.jpg' %}" alt="">
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="timeline-panel wow slideInRight">
 | 
			
		||||
              <div class="timeline-heading">
 | 
			
		||||
                <h4>2013</h4>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="timeline-body">
 | 
			
		||||
                <p>ungleich founded </p>
 | 
			
		||||
                <p>in Switzerland                                </p>
 | 
			
		||||
              </div>
 | 
			
		||||
            </div>
 | 
			
		||||
              </li>
 | 
			
		||||
              <li>
 | 
			
		||||
            <div class="timeline-image">
 | 
			
		||||
              <img class="img-circle img-responsive" src="{% static 'ungleich_page/img/about/6.jpg' %}" alt="">
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="timeline-panel wow slideInLeft">
 | 
			
		||||
              <div class="timeline-heading">
 | 
			
		||||
                <h4>2014</h4>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="timeline-body">
 | 
			
		||||
                <p>ungleich present at various conferences :<br><a href="http://www.linuxtag.org/2014/en/program/talk-details/?eventid=1238">Linuxtag</a>, <a href="https://www.usenix.org/conference/ucms14/summit-program/presentation/schottelius">UCMS</a>, Linux Erfa, <a href="https://www.ethz.ch/en.html">ETH Zurich</a><br>
 | 
			
		||||
                </p>
 | 
			
		||||
              </div>
 | 
			
		||||
            </div>
 | 
			
		||||
              </li>
 | 
			
		||||
              <li class="timeline-inverted">
 | 
			
		||||
            <div class="timeline-image">
 | 
			
		||||
              <img class="img-circle img-responsive" src="{% static 'ungleich_page/img/about/4.jpg' %}" alt="">
 | 
			
		||||
            </div>
 | 
			
		||||
            <div class="timeline-panel wow slideInRight">
 | 
			
		||||
              <div class="timeline-heading">
 | 
			
		||||
                <h4> 2015</h4>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="timeline-body">
 | 
			
		||||
                <p>ungleich introduces HA-Hosting </p>
 | 
			
		||||
                <p>and introduces affordable 24X7 support.</p>
 | 
			
		||||
                <p>ungleich launches <a href="https://digitalglarus.ungleich.ch/digitalglarus/">Digital Glarus project</a></p>
 | 
			
		||||
              </div>
 | 
			
		||||
            </div>
 | 
			
		||||
              </li>
 | 
			
		||||
              <li class="timeline-inverted">
 | 
			
		||||
            <div class="timeline-image wow slideInDown">
 | 
			
		||||
              <h4>and<br>the story continues!</h4>
 | 
			
		||||
              <p> </p>
 | 
			
		||||
            </div>
 | 
			
		||||
              </li>
 | 
			
		||||
            </ul>
 | 
			
		||||
          </div>
 | 
			
		||||
        </div>
 | 
			
		||||
    </div>
 | 
			
		||||
</section>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,29 @@
 | 
			
		|||
{% load static %}
 | 
			
		||||
 | 
			
		||||
<section id="contact">
 | 
			
		||||
    <div class="container">
 | 
			
		||||
		<div class="row" class="wow fadeInDown">
 | 
			
		||||
		  <div class="col-lg-12 text-center wow fadeInDown">
 | 
			
		||||
		    <h2 class="section-heading">Contact Us</h2>
 | 
			
		||||
		    <br>
 | 
			
		||||
		    <h3 class="intro-smallcap">Join us at <a href="{% url 'digitalglarus:index'%}">Digital Glarus</a>,
 | 
			
		||||
		      a great co-working space in the middle of Alps! <p></p> You can contact us at </h3>
 | 
			
		||||
		    <h3 class="intro-smallcap"><a href="mailto:info@ungleich.ch"><i class="fa fa-envelope">info@ungleich.ch</i></a></h3>
 | 
			
		||||
		    <h3 class="intro-smallcap"><a href="{% url 'ungleich_page:contact' %}"><i class="fa fa-envelope">Contact Us</i></a></h3>
 | 
			
		||||
		    <h3 class="intro-smallcap">
 | 
			
		||||
		      <p></p>
 | 
			
		||||
		    </h3>
 | 
			
		||||
		    <br>
 | 
			
		||||
		    <h3 class="intro-smallcap"><i class="fa fa-phone"></i> (044) 534-66-22<p></p></h3>
 | 
			
		||||
		    <br>
 | 
			
		||||
		    <p> </p>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <p> </p>
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="row">
 | 
			
		||||
		  <div class="col-lg-12">
 | 
			
		||||
 | 
			
		||||
		  </div>
 | 
			
		||||
		</div>
 | 
			
		||||
  	</div>
 | 
			
		||||
</section>
 | 
			
		||||
							
								
								
									
										26
									
								
								ungleich_page/templates/ungleich_page/includes/_footer.html
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										26
									
								
								ungleich_page/templates/ungleich_page/includes/_footer.html
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,26 @@
 | 
			
		|||
{% load static %}
 | 
			
		||||
<footer>
 | 
			
		||||
	<div class="container">
 | 
			
		||||
		<div class="row">
 | 
			
		||||
		  <div class="col-md-4">
 | 
			
		||||
		    <span class="copyright">Copyright © ungleich GmbH {% now "Y" %}</span>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-md-4">
 | 
			
		||||
		    <ul class="list-inline social-buttons">
 | 
			
		||||
		      <li><a href="https://twitter.com/ungleich"><i class="fa fa-twitter"></i></a>
 | 
			
		||||
		      </li>
 | 
			
		||||
		      <li><a href="https://github.com/ungleich"><i class="fa fa-github"></i></a>
 | 
			
		||||
		      </li>
 | 
			
		||||
		      <li><a href="https://www.linkedin.com/company/ungleich-gmbh?trk=nav_account_sub_nav_company_admin/"><i class="fa fa-linkedin"></i></a>
 | 
			
		||||
		      </li>
 | 
			
		||||
		    </ul>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-md-4">
 | 
			
		||||
		    <ul class="list-inline quicklinks">
 | 
			
		||||
		      <li><a href="http://www.ungleich.ch/">ungleich Home</a>
 | 
			
		||||
		      </li>
 | 
			
		||||
		    </ul>
 | 
			
		||||
		  </div>
 | 
			
		||||
		</div>
 | 
			
		||||
	</div>
 | 
			
		||||
</footer>
 | 
			
		||||
							
								
								
									
										16
									
								
								ungleich_page/templates/ungleich_page/includes/_header.html
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										16
									
								
								ungleich_page/templates/ungleich_page/includes/_header.html
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,16 @@
 | 
			
		|||
{% load static %}
 | 
			
		||||
<header>
 | 
			
		||||
    <div class="container">
 | 
			
		||||
		<div class="intro-text">
 | 
			
		||||
		  <img  src="{% static 'ungleich_page/img/logo_200x200.svg'%}" heigh="300" alt="" class="logo-image" img-responsive="" width="300" />
 | 
			
		||||
		  <p></p><p></p><br>
 | 
			
		||||
		  <div class="intro-cap">
 | 
			
		||||
		    <span class="intro-cap">
 | 
			
		||||
		      We  Design, Configure & Maintain <br>
 | 
			
		||||
		      Your Linux Infrastructure
 | 
			
		||||
		    </span>
 | 
			
		||||
		  </div>
 | 
			
		||||
 | 
			
		||||
		</div>
 | 
			
		||||
    </div>
 | 
			
		||||
</header>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,38 @@
 | 
			
		|||
{% load static %}
 | 
			
		||||
 | 
			
		||||
<section id="portfolio" class="bg-light-gray">
 | 
			
		||||
	<div class="container">
 | 
			
		||||
		<div class="row">
 | 
			
		||||
		  <div class="col-lg-12 text-center wow fadeInDown">
 | 
			
		||||
		    <h2 class="section-heading">Hosting Products</h2>
 | 
			
		||||
		    <h3 class="section-subheading text-muted">Our Hosting Products: </h3>
 | 
			
		||||
		  </div>
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="row">
 | 
			
		||||
		  <div class="col-md-4 col-sm-6 portfolio-item wow fadeInDown" data-wow-delay="0.5s">
 | 
			
		||||
		    <img src="{% static 'ungleich_page/img/portfolio/roundicons.png' %}" class="img-responsive inline-block" alt="">
 | 
			
		||||
		    <div class="portfolio-caption inline-block">
 | 
			
		||||
		      <h4>HA Hosting</h4>
 | 
			
		||||
		      <p class="text-muted"> </p>
 | 
			
		||||
		      <p class="text-muted">We offer high availablity hosting (HA) in Germany and in Switzerland. Our infrastructure is powered by Free and Open Source Software like OpenNebula, Qemu and GlusterFS.</p>
 | 
			
		||||
		    </div>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-md-4 col-sm-6 portfolio-item wow fadeInDown" data-wow-delay="1s">
 | 
			
		||||
		    <img src="{% static 'ungleich_page/img/portfolio/startup-framework.png' %}" class="img-responsive inline-block" alt="">
 | 
			
		||||
		    <div class="portfolio-caption inline-block">
 | 
			
		||||
		      <h4>Rails Hosting</h4>
 | 
			
		||||
		      <p class="text-muted"> </p>
 | 
			
		||||
		      <p class="text-muted">Ready to go live with your Ruby on Rails application? We offer you ready-to-deploy virtual machines or configure your existing infrastructure for Ruby on Rails.</p>
 | 
			
		||||
		    </div>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-md-4 col-sm-6 portfolio-item wow fadeInDown" data-wow-delay="1.5s">
 | 
			
		||||
		    <img src="{% static 'ungleich_page/img/portfolio/treehouse.png' %}" class="img-responsive inline-block" alt="">
 | 
			
		||||
		    <div class="portfolio-caption inline-block">
 | 
			
		||||
		      <h4>Configuration as a Service</h4>
 | 
			
		||||
		      <p class="text-muted"> </p>
 | 
			
		||||
		      <p class="text-muted">You are in need for a configuration?<br>With ungleich you have found an experienced team that configure your systems to provide service like DNS, E-Mail, Databases or Webservers.</p>
 | 
			
		||||
		    </div>
 | 
			
		||||
		  </div>
 | 
			
		||||
		</div>
 | 
			
		||||
	</div>
 | 
			
		||||
</section>
 | 
			
		||||
| 
						 | 
				
			
			@ -0,0 +1,46 @@
 | 
			
		|||
{% load static %}
 | 
			
		||||
 | 
			
		||||
<section id="services">
 | 
			
		||||
    <div class="container">
 | 
			
		||||
		<div class="row">
 | 
			
		||||
		  <div class="col-lg-12 text-center wow fadeInDown">
 | 
			
		||||
		    <h2 class="section-heading">our services</h2>
 | 
			
		||||
		    <h3 class="section-subheading text-muted">We support our clients in all areas of Unix infrastructure.<p></p>
 | 
			
		||||
		      Our top notch configuration management is refreshingly simple and reliable. </h3>
 | 
			
		||||
		  </div>
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="row text-center">
 | 
			
		||||
		  <div class="col-sm-4">
 | 
			
		||||
		    <div class="team-member wow fadeInDown" data-wow-delay="0.5s">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/team/5.jpg' %}" data-replaced="{% static 'ungleich_page/img/services/hosting.png' %}" class="img-responsive img-circle img-toggle" alt="">
 | 
			
		||||
		      <div class="team-member-caption inline-block">
 | 
			
		||||
			<h4 class="portfolio-caption">Hosting</h4>
 | 
			
		||||
			<p> </p>
 | 
			
		||||
			<p><span class="text-muted">Ruby on Rails. Java hosting, Django hosting, we make it everything run smooth and safe.</span></p>
 | 
			
		||||
		      </div>
 | 
			
		||||
		    </div>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-sm-4">
 | 
			
		||||
		    <div class="team-member wow fadeInDown" data-wow-delay="1s">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/team/4.jpg' %}" data-replaced="{% static 'ungleich_page/img/services/configuration.png' %}" class="img-responsive img-circle img-toggle" alt="">
 | 
			
		||||
		      <div class="team-member-caption inline-block">
 | 
			
		||||
			<h4 class="portfolio-caption">Configuration as a Service</h4>
 | 
			
		||||
			<p> </p>
 | 
			
		||||
			<p><span class="text-muted">Ruby on Rails, Django, Java, Webserver, Mailserver, any infrastructure that needs to configured, we provide comprehensive solutions. Amazon, rackspace or bare metal servers, we configure for you.</span></p>
 | 
			
		||||
			<p class="text-muted"> </p>
 | 
			
		||||
		      </div>
 | 
			
		||||
		    </div>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-sm-4">
 | 
			
		||||
		    <div class="team-member wow fadeInDown" data-wow-delay="1.5s">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/team/6.jpg' %}"  data-replaced="{% static 'ungleich_page/img/services/linux.png' %}" class="img-responsive img-circle img-toggle cursor-pointer" alt="">
 | 
			
		||||
		      <h4 class="portfolio-caption">Linux System Engineering</h4>
 | 
			
		||||
		      <p class="text-muted"> </p>
 | 
			
		||||
		      <div class="team-member-caption inline-block">
 | 
			
		||||
			<p class="text-muted">Let your developers develop! We take care of your system administration. Gentoo, Archlinux, Debian, Ubuntu, and many more.</p>
 | 
			
		||||
		      </div>
 | 
			
		||||
		    </div>
 | 
			
		||||
		  </div>
 | 
			
		||||
		</div>
 | 
			
		||||
    </div>
 | 
			
		||||
</section>
 | 
			
		||||
							
								
								
									
										117
									
								
								ungleich_page/templates/ungleich_page/includes/_softwares.html
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										117
									
								
								ungleich_page/templates/ungleich_page/includes/_softwares.html
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,117 @@
 | 
			
		|||
{% load static %}
 | 
			
		||||
 | 
			
		||||
<aside class="clients">
 | 
			
		||||
	<div class="container">
 | 
			
		||||
		<div class="row">
 | 
			
		||||
		  <div class="col-xs-3 col-md-3">
 | 
			
		||||
		    <a href="#">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/logos/envato.jpg' %}" class="img-responsive img-centered" alt="">
 | 
			
		||||
		    </a>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-xs-3 col-md-3">
 | 
			
		||||
		    <a href="#">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/logos/designmodo.jpg' %}" alt="" class="img-responsive img-centered" height="51">
 | 
			
		||||
		    </a>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-xs-3 col-md-3">
 | 
			
		||||
		    <a href="#">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/logos/themeforest.jpg' %}" class="img-responsive img-centered" alt="">
 | 
			
		||||
		    </a>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-xs-3 col-md-3">
 | 
			
		||||
		    <a href="#">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/logos/creative-market.jpg' %}" class="img-responsive img-centered" alt="">
 | 
			
		||||
		    </a>
 | 
			
		||||
		  </div>
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="row">
 | 
			
		||||
		  <div class="col-xs-3 col-md-3">
 | 
			
		||||
		    <a href="#">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/logos/logobig.jpg' %}" alt="" class="img-responsive img-centered" height="61" width="196">
 | 
			
		||||
		    </a>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-xs-3 col-md-3">
 | 
			
		||||
		    <a href="#">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/logos/Gentoo-site_logo.png' %}" alt="" class="img-responsive img-centered" height="50">
 | 
			
		||||
		    </a>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-xs-3 col-md-3">
 | 
			
		||||
		    <a href="#">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/logos/debian.jpg' %}" alt="" class="img-responsive img-centered" height="36" width="145">
 | 
			
		||||
		    </a>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-xs-3 col-md-3">
 | 
			
		||||
		    <a href="#">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/logos/CentOS.jpg' %}" alt="" class="img-responsive img-centered" height="50" width="147">
 | 
			
		||||
		    </a>
 | 
			
		||||
		  </div>
 | 
			
		||||
		</div>
 | 
			
		||||
 | 
			
		||||
		<div class="row">
 | 
			
		||||
		  <div class="col-xs-3 col-md-3">
 | 
			
		||||
		    <a href="#">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/logos/cdistbyungleich.jpg' %}" alt="" class="img-responsive img-centered" height="50" width="101">
 | 
			
		||||
		    </a>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-xs-3 col-md-3">
 | 
			
		||||
		    <a href="#">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/logos/Puppet.png' %}" alt="" class="img-responsive img-centered" height="50" width="161">
 | 
			
		||||
		    </a>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-xs-3 col-md-3">
 | 
			
		||||
		    <a href="#">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/logos/freebsd.png' %}" alt="" class="img-responsive img-centered" height="58" width="175">
 | 
			
		||||
		    </a>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-xs-3 col-md-3">
 | 
			
		||||
		    <a href="#">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/logos/NetBSD.png' %}" alt="" class="img-responsive img-centered" height="60" width="85">
 | 
			
		||||
		    </a>
 | 
			
		||||
		  </div>
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="row">
 | 
			
		||||
		  <div class="col-xs-3 col-md-3">
 | 
			
		||||
		    <a href="#">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/logos/openbsd.png' %}" alt="" class="img-responsive img-centered" height="50" width="196">
 | 
			
		||||
		    </a>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-xs-3 col-md-3">
 | 
			
		||||
		    <a href="#">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/logos/postsql.jpg' %}" alt="" class="img-responsive img-centered" height="72" width="197">
 | 
			
		||||
		    </a>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-xs-3 col-md-3">
 | 
			
		||||
		    <a href="#">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/logos/mysql.png' %}" alt="" class="img-responsive img-centered" height="59" width="130">
 | 
			
		||||
		    </a>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-xs-3 col-md-3">
 | 
			
		||||
		    <a href="#">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/logos/apache.png' %}" alt="" class="img-responsive img-centered" height="50" width="173">
 | 
			
		||||
		    </a>
 | 
			
		||||
		  </div>
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="row">
 | 
			
		||||
		  <div class="col-xs-3 col-md-3">
 | 
			
		||||
		    <a href="#">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/logos/opennebula.png' %}" alt="" class="img-responsive img-centered" height="50" width="196">
 | 
			
		||||
		    </a>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-xs-3 col-md-3">
 | 
			
		||||
		    <a href="#">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/logos/gluster.png' %}" alt="" class="img-responsive img-centered" height="51" width="185">
 | 
			
		||||
		    </a>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-xs-3 col-md-3">
 | 
			
		||||
		    <a href="#">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/logos/ceph.jpg' %}" alt="" class="img-responsive img-centered" height="40" width="145">
 | 
			
		||||
		    </a>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="col-xs-3 col-md-3">
 | 
			
		||||
		    <a href="#">
 | 
			
		||||
		      <img src="{% static 'ungleich_page/img/logos/qemu.png' %}" alt="" class="img-responsive img-centered" height="44" width="133">
 | 
			
		||||
		    </a>
 | 
			
		||||
		  </div>
 | 
			
		||||
		</div>
 | 
			
		||||
	</div>
 | 
			
		||||
</aside>
 | 
			
		||||
							
								
								
									
										88
									
								
								ungleich_page/templates/ungleich_page/includes/_team.html
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										88
									
								
								ungleich_page/templates/ungleich_page/includes/_team.html
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,88 @@
 | 
			
		|||
{% load static %}
 | 
			
		||||
 | 
			
		||||
<section id="team" class="bg-light-gray">
 | 
			
		||||
	<div class="container">
 | 
			
		||||
		<div class="row">
 | 
			
		||||
		  <div class="col-sm-16 text-center center-block wow fadeInDown">
 | 
			
		||||
		    <h2 class="section-heading">Why ungleich?*</h2>
 | 
			
		||||
		    <h3 class="text-muted">What our customers say</h3>
 | 
			
		||||
		  </div>
 | 
			
		||||
		</div>
 | 
			
		||||
 | 
			
		||||
		<div class="row">
 | 
			
		||||
		  <div class="col-sm-10 center-block wow fadeInDown">
 | 
			
		||||
		    <!-- start:recommendationSlider -->
 | 
			
		||||
		    <div id="carousel-recommendation-ungleich" class="carousel slide ungleich ungleich-gallery ungleich-gallery-text-carousel" data-ride="carousel" data-interval="3000">
 | 
			
		||||
		      <!-- Indicators -->
 | 
			
		||||
		      <ol class="carousel-indicators">
 | 
			
		||||
			<li data-target="#carousel-recommendation-ungleich" data-slide-to="0" class="active"></li>
 | 
			
		||||
			<li data-target="#carousel-recommendation-ungleich" data-slide-to="1"></li>
 | 
			
		||||
			<li data-target="#carousel-recommendation-ungleich" data-slide-to="2"></li>
 | 
			
		||||
		      </ol>
 | 
			
		||||
 | 
			
		||||
		      <!-- Wrapper for slides -->
 | 
			
		||||
		      <div class="carousel-inner" role="listbox">
 | 
			
		||||
			<div class="item active">
 | 
			
		||||
			  <img class="center-block img-client img-responsive" src="{% static 'ungleich_page/img/client-logos/teralytics.png' %}" />
 | 
			
		||||
			  <p class="carousel-text text-muted text-center">
 | 
			
		||||
			    "ungleich helped us getting started with our internal
 | 
			
		||||
			    infrastructure, hosted on physical servers in a
 | 
			
		||||
			    co-location data centre in Zurich. From planning the
 | 
			
		||||
			    network layout and virtualisation setup,
 | 
			
		||||
			    inviting offers and securing a great deal from a
 | 
			
		||||
			    hardware vendor, all the way to the installation of
 | 
			
		||||
			    basic services like DNS, VPN and firewalls using the
 | 
			
		||||
			    configuration management software cdist, we could
 | 
			
		||||
			    count on the support of ungleich. At the end, we got
 | 
			
		||||
			    a high availability infrastructure setup enabling our
 | 
			
		||||
			    engineers to work more efficiently and comfortable
 | 
			
		||||
			    than before."
 | 
			
		||||
			  </p>
 | 
			
		||||
			  <p class="text-center">
 | 
			
		||||
			    <strong>- Luciano Franceschina</strong>, CTO at Teralytics
 | 
			
		||||
			  </p>
 | 
			
		||||
			</div>
 | 
			
		||||
			<div class="item">
 | 
			
		||||
			  <img class="center-block img-client img-responsive" src="{% static 'ungleich_page/img/client-logos/panter.png' %}" />
 | 
			
		||||
			  <p class="carousel-text text-muted text-center">
 | 
			
		||||
			    "Thanks to ungleich team, who has designed and
 | 
			
		||||
			    configured our company's Linux infrastructure, our
 | 
			
		||||
			    systems are very easy to maintain. Their innovative
 | 
			
		||||
			    configuration management system cdist helped us
 | 
			
		||||
			    significantly not only in cost but also in time
 | 
			
		||||
			    saving, which is crucial for IT companies like ours."
 | 
			
		||||
			  </p>
 | 
			
		||||
			  <p class="text-center">
 | 
			
		||||
			    <strong> - Beat Seeliger </strong>, CTO at Panter AG
 | 
			
		||||
			  </p>
 | 
			
		||||
			</div>
 | 
			
		||||
			<div class="item">
 | 
			
		||||
			  <img class="center-block img-client img-responsive" src="{% static 'ungleich_page/img/client-logos/logo_ruag.png' %}" />
 | 
			
		||||
			  <p class="carousel-text text-muted text-center">
 | 
			
		||||
			    "ungleich provided an excellent service in designing
 | 
			
		||||
			    our system architecture and created secure and stable
 | 
			
		||||
			    appliance. For us it is important to have an enduring
 | 
			
		||||
			    stability in our system, and ungleich's configuration
 | 
			
		||||
			    management system cdist is easy to adapt for our
 | 
			
		||||
			    system administrators. We had a successful
 | 
			
		||||
			    collaboration with ungleich in the time of very
 | 
			
		||||
			    high workload, and their project leading was
 | 
			
		||||
			    high-skilled and very reliable. I would definitely
 | 
			
		||||
			    recommend them to any companies with high demand in
 | 
			
		||||
			    solid infrastructures."
 | 
			
		||||
			  </p>
 | 
			
		||||
			  <p class="text-center">
 | 
			
		||||
			    <strong>- Sebastian Plattner,</strong>
 | 
			
		||||
			    Teamleader Development Cyber Security Products at RUAG
 | 
			
		||||
			  </p>
 | 
			
		||||
			</div>
 | 
			
		||||
		      </div>
 | 
			
		||||
		    </div>
 | 
			
		||||
		    <!-- end:recommendationSlider -->
 | 
			
		||||
		  </div>
 | 
			
		||||
		</div>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="col-sm-16 text-center center-block">
 | 
			
		||||
	<h3 class="section-subheading text-muted">*ungleich means not equal to (≠) U+2260. </h3>
 | 
			
		||||
	</div>
 | 
			
		||||
</section>
 | 
			
		||||
| 
						 | 
				
			
			@ -98,444 +98,30 @@
 | 
			
		|||
    </nav>
 | 
			
		||||
 | 
			
		||||
    <!-- Header -->
 | 
			
		||||
    <header>
 | 
			
		||||
      <div class="container">
 | 
			
		||||
	<div class="intro-text">
 | 
			
		||||
	  <img  src="{% static 'ungleich_page/img/logo_200x200.svg'%}" heigh="300" alt="" class="logo-image" img-responsive="" width="300" />
 | 
			
		||||
	  <p></p><p></p><br>
 | 
			
		||||
	  <div class="intro-cap">
 | 
			
		||||
	    <span class="intro-cap">
 | 
			
		||||
	      We  Design, Configure & Maintain <br>
 | 
			
		||||
	      Your Linux Infrastructure
 | 
			
		||||
	    </span>
 | 
			
		||||
	  </div>
 | 
			
		||||
    {% include "ungleich_page/includes/_header.html" %}
 | 
			
		||||
 | 
			
		||||
	</div>
 | 
			
		||||
      </div>
 | 
			
		||||
    </header>
 | 
			
		||||
 | 
			
		||||
    <!-- Services Section -->
 | 
			
		||||
    <section id="services">
 | 
			
		||||
      <div class="container">
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-lg-12 text-center wow fadeInDown">
 | 
			
		||||
	    <h2 class="section-heading">our services</h2>
 | 
			
		||||
	    <h3 class="section-subheading text-muted">We support our clients in all areas of Unix infrastructure.<p></p>
 | 
			
		||||
	      Our top notch configuration management is refreshingly simple and reliable. </h3>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="row text-center">
 | 
			
		||||
	  <div class="col-sm-4">
 | 
			
		||||
	    <div class="team-member wow fadeInDown" data-wow-delay="0.5s">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/team/5.jpg' %}" data-replaced="{% static 'ungleich_page/img/services/hosting.png' %}" class="img-responsive img-circle img-toggle" alt="">
 | 
			
		||||
	      <div class="team-member-caption inline-block">
 | 
			
		||||
		<h4 class="portfolio-caption">Hosting</h4>
 | 
			
		||||
		<p> </p>
 | 
			
		||||
		<p><span class="text-muted">Ruby on Rails. Java hosting, Django hosting, we make it everything run smooth and safe.</span></p>
 | 
			
		||||
	      </div>
 | 
			
		||||
	    </div>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-sm-4">
 | 
			
		||||
	    <div class="team-member wow fadeInDown" data-wow-delay="1s">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/team/4.jpg' %}" data-replaced="{% static 'ungleich_page/img/services/configuration.png' %}" class="img-responsive img-circle img-toggle" alt="">
 | 
			
		||||
	      <div class="team-member-caption inline-block">
 | 
			
		||||
		<h4 class="portfolio-caption">Configuration as a Service</h4>
 | 
			
		||||
		<p> </p>
 | 
			
		||||
		<p><span class="text-muted">Ruby on Rails, Django, Java, Webserver, Mailserver, any infrastructure that needs to configured, we provide comprehensive solutions. Amazon, rackspace or bare metal servers, we configure for you.</span></p>
 | 
			
		||||
		<p class="text-muted"> </p>
 | 
			
		||||
	      </div>
 | 
			
		||||
	    </div>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-sm-4">
 | 
			
		||||
	    <div class="team-member wow fadeInDown" data-wow-delay="1.5s">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/team/6.jpg' %}"  data-replaced="{% static 'ungleich_page/img/services/linux.png' %}" class="img-responsive img-circle img-toggle cursor-pointer" alt="">
 | 
			
		||||
	      <h4 class="portfolio-caption">Linux System Engineering</h4>
 | 
			
		||||
	      <p class="text-muted"> </p>
 | 
			
		||||
	      <div class="team-member-caption inline-block">
 | 
			
		||||
		<p class="text-muted">Let your developers develop! We take care of your system administration. Gentoo, Archlinux, Debian, Ubuntu, and many more.</p>
 | 
			
		||||
	      </div>
 | 
			
		||||
	    </div>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
    </div></section>
 | 
			
		||||
    {% include "ungleich_page/includes/_services.html" %}
 | 
			
		||||
 | 
			
		||||
    <!-- Portfolio Grid Section -->
 | 
			
		||||
    <section id="portfolio" class="bg-light-gray">
 | 
			
		||||
      <div class="container">
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-lg-12 text-center wow fadeInDown">
 | 
			
		||||
	    <h2 class="section-heading">Hosting Products</h2>
 | 
			
		||||
	    <h3 class="section-subheading text-muted">Our Hosting Products: </h3>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-md-4 col-sm-6 portfolio-item wow fadeInDown" data-wow-delay="0.5s">
 | 
			
		||||
	    <img src="{% static 'ungleich_page/img/portfolio/roundicons.png' %}" class="img-responsive inline-block" alt="">
 | 
			
		||||
	    <div class="portfolio-caption inline-block">
 | 
			
		||||
	      <h4>HA Hosting</h4>
 | 
			
		||||
	      <p class="text-muted"> </p>
 | 
			
		||||
	      <p class="text-muted">We offer high availablity hosting (HA) in Germany and in Switzerland. Our infrastructure is powered by Free and Open Source Software like OpenNebula, Qemu and GlusterFS.</p>
 | 
			
		||||
	    </div>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-md-4 col-sm-6 portfolio-item wow fadeInDown" data-wow-delay="1s">
 | 
			
		||||
	    <img src="{% static 'ungleich_page/img/portfolio/startup-framework.png' %}" class="img-responsive inline-block" alt="">
 | 
			
		||||
	    <div class="portfolio-caption inline-block">
 | 
			
		||||
	      <h4>Rails Hosting</h4>
 | 
			
		||||
	      <p class="text-muted"> </p>
 | 
			
		||||
	      <p class="text-muted">Ready to go live with your Ruby on Rails application? We offer you ready-to-deploy virtual machines or configure your existing infrastructure for Ruby on Rails.</p>
 | 
			
		||||
	    </div>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-md-4 col-sm-6 portfolio-item wow fadeInDown" data-wow-delay="1.5s">
 | 
			
		||||
	    <img src="{% static 'ungleich_page/img/portfolio/treehouse.png' %}" class="img-responsive inline-block" alt="">
 | 
			
		||||
	    <div class="portfolio-caption inline-block">
 | 
			
		||||
	      <h4>Configuration as a Service</h4>
 | 
			
		||||
	      <p class="text-muted"> </p>
 | 
			
		||||
	      <p class="text-muted">You are in need for a configuration?<br>With ungleich you have found an experienced team that configure your systems to provide service like DNS, E-Mail, Databases or Webservers.</p>
 | 
			
		||||
	    </div>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
      </div>
 | 
			
		||||
    {% include "ungleich_page/includes/_portfolio.html" %}
 | 
			
		||||
 | 
			
		||||
    </section>
 | 
			
		||||
 | 
			
		||||
    <!-- About Section -->
 | 
			
		||||
    <section id="about">
 | 
			
		||||
      <div class="container">
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-lg-12 text-center wow fadeInDown">
 | 
			
		||||
	    <h2 class="section-heading">ABOUT</h2>
 | 
			
		||||
	    <h3 class="section-subheading text-muted">The timeline of ungleich</h3>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-lg-12">
 | 
			
		||||
	    <ul class="timeline">
 | 
			
		||||
	      <li>
 | 
			
		||||
		<div class="timeline-image">
 | 
			
		||||
		  <img class="img-circle img-responsive" src="{% static 'ungleich_page/img/about/1.jpg' %}" alt="">
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="timeline-panel wow slideInLeft">
 | 
			
		||||
		  <div class="timeline-heading">
 | 
			
		||||
		    <h4>2000</h4>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="timeline-body">
 | 
			
		||||
		    <p>The first incarnation of ungleich</p>
 | 
			
		||||
		    <p>in Germany                              </p>
 | 
			
		||||
		  </div>
 | 
			
		||||
	      </div></li>
 | 
			
		||||
	      <li class="timeline-inverted">
 | 
			
		||||
		<div class="timeline-image">
 | 
			
		||||
		  <img class="img-circle img-responsive" src="{% static 'ungleich_page/img/about/2.jpg' %}" alt="">
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="timeline-panel wow slideInRight">
 | 
			
		||||
		  <div class="timeline-heading">
 | 
			
		||||
		    <h4>2013</h4>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="timeline-body">
 | 
			
		||||
		    <p>ungleich founded </p>
 | 
			
		||||
		    <p>in Switzerland                                </p>
 | 
			
		||||
		  </div>
 | 
			
		||||
		</div>
 | 
			
		||||
	      </li>
 | 
			
		||||
	      <li>
 | 
			
		||||
		<div class="timeline-image">
 | 
			
		||||
		  <img class="img-circle img-responsive" src="{% static 'ungleich_page/img/about/6.jpg' %}" alt="">
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="timeline-panel wow slideInLeft">
 | 
			
		||||
		  <div class="timeline-heading">
 | 
			
		||||
		    <h4>2014</h4>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="timeline-body">
 | 
			
		||||
		    <p>ungleich present at various conferences :<br><a href="http://www.linuxtag.org/2014/en/program/talk-details/?eventid=1238">Linuxtag</a>, <a href="https://www.usenix.org/conference/ucms14/summit-program/presentation/schottelius">UCMS</a>, Linux Erfa, <a href="https://www.ethz.ch/en.html">ETH Zurich</a><br>
 | 
			
		||||
		    </p>
 | 
			
		||||
		  </div>
 | 
			
		||||
		</div>
 | 
			
		||||
	      </li>
 | 
			
		||||
	      <li class="timeline-inverted">
 | 
			
		||||
		<div class="timeline-image">
 | 
			
		||||
		  <img class="img-circle img-responsive" src="{% static 'ungleich_page/img/about/4.jpg' %}" alt="">
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="timeline-panel wow slideInRight">
 | 
			
		||||
		  <div class="timeline-heading">
 | 
			
		||||
		    <h4> 2015</h4>
 | 
			
		||||
		  </div>
 | 
			
		||||
		  <div class="timeline-body">
 | 
			
		||||
		    <p>ungleich introduces HA-Hosting </p>
 | 
			
		||||
		    <p>and introduces affordable 24X7 support.</p>
 | 
			
		||||
		    <p>ungleich launches <a href="https://digitalglarus.ungleich.ch/digitalglarus/">Digital Glarus project</a></p>
 | 
			
		||||
		  </div>
 | 
			
		||||
		</div>
 | 
			
		||||
	      </li>
 | 
			
		||||
	      <li class="timeline-inverted">
 | 
			
		||||
		<div class="timeline-image wow slideInDown">
 | 
			
		||||
		  <h4>and<br>the story continues!</h4>
 | 
			
		||||
		  <p> </p>
 | 
			
		||||
		</div>
 | 
			
		||||
	      </li>
 | 
			
		||||
	    </ul>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
      </div>
 | 
			
		||||
    </section>
 | 
			
		||||
 | 
			
		||||
    {% include "ungleich_page/includes/_about.html" %}
 | 
			
		||||
 | 
			
		||||
    <!-- Team Section -->
 | 
			
		||||
    <section id="team" class="bg-light-gray">
 | 
			
		||||
      <div class="container">
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-sm-16 text-center center-block wow fadeInDown">
 | 
			
		||||
	    <h2 class="section-heading">Why ungleich?*</h2>
 | 
			
		||||
	    <h3 class="text-muted">What our customers say</h3>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
    {% include "ungleich_page/includes/_team.html" %}
 | 
			
		||||
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-sm-10 center-block wow fadeInDown">
 | 
			
		||||
	    <!-- start:recommendationSlider -->
 | 
			
		||||
	    <div id="carousel-recommendation-ungleich" class="carousel slide ungleich ungleich-gallery ungleich-gallery-text-carousel" data-ride="carousel" data-interval="3000">
 | 
			
		||||
	      <!-- Indicators -->
 | 
			
		||||
	      <ol class="carousel-indicators">
 | 
			
		||||
		<li data-target="#carousel-recommendation-ungleich" data-slide-to="0" class="active"></li>
 | 
			
		||||
		<li data-target="#carousel-recommendation-ungleich" data-slide-to="1"></li>
 | 
			
		||||
		<li data-target="#carousel-recommendation-ungleich" data-slide-to="2"></li>
 | 
			
		||||
	      </ol>
 | 
			
		||||
    <!-- Software We Use Section -->
 | 
			
		||||
    {% include "ungleich_page/includes/_softwares.html" %}
 | 
			
		||||
 | 
			
		||||
	      <!-- Wrapper for slides -->
 | 
			
		||||
	      <div class="carousel-inner" role="listbox">
 | 
			
		||||
		<div class="item active">
 | 
			
		||||
		  <img class="center-block img-client img-responsive" src="{% static 'ungleich_page/img/client-logos/teralytics.png' %}" />
 | 
			
		||||
		  <p class="carousel-text text-muted text-center">
 | 
			
		||||
		    "ungleich helped us getting started with our internal
 | 
			
		||||
		    infrastructure, hosted on physical servers in a
 | 
			
		||||
		    co-location data centre in Zurich. From planning the
 | 
			
		||||
		    network layout and virtualisation setup,
 | 
			
		||||
		    inviting offers and securing a great deal from a
 | 
			
		||||
		    hardware vendor, all the way to the installation of
 | 
			
		||||
		    basic services like DNS, VPN and firewalls using the
 | 
			
		||||
		    configuration management software cdist, we could
 | 
			
		||||
		    count on the support of ungleich. At the end, we got
 | 
			
		||||
		    a high availability infrastructure setup enabling our
 | 
			
		||||
		    engineers to work more efficiently and comfortable
 | 
			
		||||
		    than before."
 | 
			
		||||
		  </p>
 | 
			
		||||
		  <p class="text-center">
 | 
			
		||||
		    <strong>- Luciano Franceschina</strong>, CTO at Teralytics
 | 
			
		||||
		  </p>
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="item">
 | 
			
		||||
		  <img class="center-block img-client img-responsive" src="{% static 'ungleich_page/img/client-logos/panter.png' %}" />
 | 
			
		||||
		  <p class="carousel-text text-muted text-center">
 | 
			
		||||
		    "Thanks to ungleich team, who has designed and
 | 
			
		||||
		    configured our company's Linux infrastructure, our
 | 
			
		||||
		    systems are very easy to maintain. Their innovative
 | 
			
		||||
		    configuration management system cdist helped us
 | 
			
		||||
		    significantly not only in cost but also in time
 | 
			
		||||
		    saving, which is crucial for IT companies like ours."
 | 
			
		||||
		  </p>
 | 
			
		||||
		  <p class="text-center">
 | 
			
		||||
		    <strong> - Beat Seeliger </strong>, CTO at Panter AG
 | 
			
		||||
		  </p>
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="item">
 | 
			
		||||
		  <img class="center-block img-client img-responsive" src="{% static 'ungleich_page/img/client-logos/logo_ruag.png' %}" />
 | 
			
		||||
		  <p class="carousel-text text-muted text-center">
 | 
			
		||||
		    "ungleich provided an excellent service in designing
 | 
			
		||||
		    our system architecture and created secure and stable
 | 
			
		||||
		    appliance. For us it is important to have an enduring
 | 
			
		||||
		    stability in our system, and ungleich's configuration
 | 
			
		||||
		    management system cdist is easy to adapt for our
 | 
			
		||||
		    system administrators. We had a successful
 | 
			
		||||
		    collaboration with ungleich in the time of very
 | 
			
		||||
		    high workload, and their project leading was
 | 
			
		||||
		    high-skilled and very reliable. I would definitely
 | 
			
		||||
		    recommend them to any companies with high demand in
 | 
			
		||||
		    solid infrastructures."
 | 
			
		||||
		  </p>
 | 
			
		||||
		  <p class="text-center">
 | 
			
		||||
		    <strong>- Sebastian Plattner,</strong>
 | 
			
		||||
		    Teamleader Development Cyber Security Products at RUAG
 | 
			
		||||
		  </p>
 | 
			
		||||
		</div>
 | 
			
		||||
	      </div>
 | 
			
		||||
	    </div>
 | 
			
		||||
	    <!-- end:recommendationSlider -->
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
      </div>
 | 
			
		||||
      <div class="col-sm-16 text-center center-block">
 | 
			
		||||
	<h3 class="section-subheading text-muted">*ungleich means not equal to (≠) U+2260. </h3>
 | 
			
		||||
      </div>
 | 
			
		||||
    </section>
 | 
			
		||||
    <!-- Software we use -->
 | 
			
		||||
    <aside class="clients">
 | 
			
		||||
      <div class="container">
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-xs-3 col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/logos/envato.jpg' %}" class="img-responsive img-centered" alt="">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-xs-3 col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/logos/designmodo.jpg' %}" alt="" class="img-responsive img-centered" height="51">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-xs-3 col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/logos/themeforest.jpg' %}" class="img-responsive img-centered" alt="">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-xs-3 col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/logos/creative-market.jpg' %}" class="img-responsive img-centered" alt="">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-xs-3 col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/logos/logobig.jpg' %}" alt="" class="img-responsive img-centered" height="61" width="196">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-xs-3 col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/logos/Gentoo-site_logo.png' %}" alt="" class="img-responsive img-centered" height="50">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-xs-3 col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/logos/debian.jpg' %}" alt="" class="img-responsive img-centered" height="36" width="145">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-xs-3 col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/logos/CentOS.jpg' %}" alt="" class="img-responsive img-centered" height="50" width="147">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
    <!-- Contact Us Section -->
 | 
			
		||||
    {% include "ungleich_page/includes/_contact_us.html" %}
 | 
			
		||||
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-xs-3 col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/logos/cdistbyungleich.jpg' %}" alt="" class="img-responsive img-centered" height="50" width="101">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-xs-3 col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/logos/Puppet.png' %}" alt="" class="img-responsive img-centered" height="50" width="161">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-xs-3 col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/logos/freebsd.png' %}" alt="" class="img-responsive img-centered" height="58" width="175">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-xs-3 col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/logos/NetBSD.png' %}" alt="" class="img-responsive img-centered" height="60" width="85">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-xs-3 col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/logos/openbsd.png' %}" alt="" class="img-responsive img-centered" height="50" width="196">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-xs-3 col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/logos/postsql.jpg' %}" alt="" class="img-responsive img-centered" height="72" width="197">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-xs-3 col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/logos/mysql.png' %}" alt="" class="img-responsive img-centered" height="59" width="130">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-xs-3 col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/logos/apache.png' %}" alt="" class="img-responsive img-centered" height="50" width="173">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-xs-3 col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/logos/opennebula.png' %}" alt="" class="img-responsive img-centered" height="50" width="196">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-xs-3 col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/logos/gluster.png' %}" alt="" class="img-responsive img-centered" height="51" width="185">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-xs-3 col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/logos/ceph.jpg' %}" alt="" class="img-responsive img-centered" height="40" width="145">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-xs-3 col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="{% static 'ungleich_page/img/logos/qemu.png' %}" alt="" class="img-responsive img-centered" height="44" width="133">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
      </div>
 | 
			
		||||
 | 
			
		||||
    </aside>
 | 
			
		||||
 | 
			
		||||
    <section id="contact">
 | 
			
		||||
      <div class="container">
 | 
			
		||||
	<div class="row" class="wow fadeInDown">
 | 
			
		||||
	  <div class="col-lg-12 text-center wow fadeInDown">
 | 
			
		||||
	    <h2 class="section-heading">Contact Us</h2>
 | 
			
		||||
	    <br>
 | 
			
		||||
	    <h3 class="intro-smallcap">Join us at <a href="http://www.digitalglarus.ch">Digital Glarus</a>,
 | 
			
		||||
	      a great co-working space in the middle of Alps! <p></p> You can contact us at </h3>
 | 
			
		||||
	    <h3 class="intro-smallcap"><a href="mailto:info@ungleich.ch"><i class="fa fa-envelope">info@ungleich.ch</i></a></h3>
 | 
			
		||||
	    <h3 class="intro-smallcap">
 | 
			
		||||
	      <p></p>
 | 
			
		||||
	    </h3>
 | 
			
		||||
	    <br>
 | 
			
		||||
	    <h3 class="intro-smallcap"><i class="fa fa-phone"></i> (044) 534-66-22<p></p></h3>
 | 
			
		||||
	    <br>
 | 
			
		||||
	    <p> </p>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <p> </p>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-lg-12">
 | 
			
		||||
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
      </div>
 | 
			
		||||
    </section>
 | 
			
		||||
 | 
			
		||||
    <footer>
 | 
			
		||||
      <div class="container">
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-md-4">
 | 
			
		||||
	    <span class="copyright">Copyright © ungleich GmbH 2015</span>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-md-4">
 | 
			
		||||
	    <ul class="list-inline social-buttons">
 | 
			
		||||
	      <li><a href="https://twitter.com/ungleich"><i class="fa fa-twitter"></i></a>
 | 
			
		||||
	      </li>
 | 
			
		||||
	      <li><a href="https://github.com/ungleich"><i class="fa fa-github"></i></a>
 | 
			
		||||
	      </li>
 | 
			
		||||
	      <li><a href="https://www.linkedin.com/company/ungleich-gmbh?trk=nav_account_sub_nav_company_admin/"><i class="fa fa-linkedin"></i></a>
 | 
			
		||||
	      </li>
 | 
			
		||||
	    </ul>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-md-4">
 | 
			
		||||
	    <ul class="list-inline quicklinks">
 | 
			
		||||
	      <li><a href="http://www.ungleich.ch/">ungleich Home</a>
 | 
			
		||||
	      </li>
 | 
			
		||||
	    </ul>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
      </div>
 | 
			
		||||
    </footer>
 | 
			
		||||
    <!-- Footer -->
 | 
			
		||||
    {% include "ungleich_page/includes/_footer.html" %}
 | 
			
		||||
 | 
			
		||||
    <!-- Portfolio Modals -->
 | 
			
		||||
    <!-- Use the modals below to showcase details about your portfolio projects! -->
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -5,5 +5,5 @@ from django.utils.translation import ugettext_lazy as _
 | 
			
		|||
 | 
			
		||||
urlpatterns = [
 | 
			
		||||
    url(_(r'contact/?$'), ContactView.as_view(), name='contact'),
 | 
			
		||||
    url(_(r'landing/?$'), LandingView.as_view(), name='landing'),
 | 
			
		||||
    url(_(r''), LandingView.as_view(), name='landing'),
 | 
			
		||||
]
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue