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
					
						
							
								202c3f5b46
							
						
					
				
			
			
				commit
				
					
						c09fc89197
					
				
			
		
					 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