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:
Levi
parent
5a04fc4969
commit
fd66c33299
|
|
@ -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')),
|
||||
)
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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…
Reference in New Issue