Removing files
This commit is contained in:
		
					parent
					
						
							
								6c11aaaa0c
							
						
					
				
			
			
				commit
				
					
						85c0b8348f
					
				
			
		
					 2 changed files with 0 additions and 752 deletions
				
			
		| 
						 | 
				
			
			@ -1,726 +0,0 @@
 | 
			
		|||
<!DOCTYPE html>
 | 
			
		||||
<html lang="en">
 | 
			
		||||
  <head>
 | 
			
		||||
 | 
			
		||||
    <meta charset="utf-8">
 | 
			
		||||
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 | 
			
		||||
    <meta name="viewport" content="width=device-width, initial-scale=1">
 | 
			
		||||
    <meta name="description" content="">
 | 
			
		||||
    <meta name="author" content="">
 | 
			
		||||
 | 
			
		||||
    <title>ungleich GmbH</title>
 | 
			
		||||
 | 
			
		||||
    <!-- Bootstrap Core CSS -->
 | 
			
		||||
    <link href="css/bootstrap.min.css" rel="stylesheet">
 | 
			
		||||
 | 
			
		||||
    <!-- Custom CSS -->
 | 
			
		||||
    <link href="css/agency.css" rel="stylesheet">
 | 
			
		||||
 | 
			
		||||
    <!-- Custom Fonts -->
 | 
			
		||||
    <link href="//fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css">
 | 
			
		||||
 | 
			
		||||
    <link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
 | 
			
		||||
    <link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
 | 
			
		||||
    <link href="//fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet" type="text/css">
 | 
			
		||||
    <link href="//fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css">
 | 
			
		||||
    <link href="//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css">
 | 
			
		||||
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 | 
			
		||||
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 | 
			
		||||
    <!--[if lt IE 9]>
 | 
			
		||||
	<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 | 
			
		||||
	<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 | 
			
		||||
	<![endif]-->
 | 
			
		||||
    <link href="css/ungleich.css" rel="stylesheet" type="text/css"></link>
 | 
			
		||||
    <!-- Google tracking -->
 | 
			
		||||
    <script src="//www.google-analytics.com/analytics.js" async=""></script><script>
 | 
			
		||||
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 | 
			
		||||
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 | 
			
		||||
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 | 
			
		||||
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 | 
			
		||||
 | 
			
		||||
      ga('create', 'UA-62285904-1', 'auto');
 | 
			
		||||
      ga('send', 'pageview');
 | 
			
		||||
 | 
			
		||||
    </script>
 | 
			
		||||
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
 | 
			
		||||
    <style id="igtranslator-color" type="text/css"></style></head>
 | 
			
		||||
 | 
			
		||||
  <body id="page-top" class="index">
 | 
			
		||||
 | 
			
		||||
    <!-- Navigation -->
 | 
			
		||||
    <nav class="navbar navbar-default navbar-fixed-top">
 | 
			
		||||
      <div class="container">
 | 
			
		||||
	<!-- Brand and toggle get grouped for better mobile display -->
 | 
			
		||||
	<div class="navbar-header page-scroll">
 | 
			
		||||
	  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 | 
			
		||||
	    <span class="sr-only">Toggle navigation</span>
 | 
			
		||||
	    <span class="icon-bar"></span>
 | 
			
		||||
	    <span class="icon-bar"></span>
 | 
			
		||||
	    <span class="icon-bar"></span>
 | 
			
		||||
	  </button>
 | 
			
		||||
	  <p><a class="navbar-brand page-scroll" href="#page-top"><img src="img/logo_white.svg"></a></p>
 | 
			
		||||
	  <p> </p>
 | 
			
		||||
	</div>
 | 
			
		||||
 | 
			
		||||
	<!-- Collect the nav links, forms, and other content for toggling -->
 | 
			
		||||
	<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 | 
			
		||||
	  <ul class="nav navbar-nav navbar-right">
 | 
			
		||||
	    <li class="hidden active">
 | 
			
		||||
	      <a href="#page-top"></a>
 | 
			
		||||
	    </li>
 | 
			
		||||
	    <li>
 | 
			
		||||
	      <a class="page-scroll" href="#services">services</a></li>
 | 
			
		||||
	    <li></li>
 | 
			
		||||
	    <li></li>
 | 
			
		||||
	    <li> </li>
 | 
			
		||||
	    <li>
 | 
			
		||||
	      <a class="page-scroll" href="#portfolio">products</a></li>
 | 
			
		||||
	    <li> </li>
 | 
			
		||||
	    <li>
 | 
			
		||||
	      <a class="page-scroll" href="#about">About</a>
 | 
			
		||||
	    </li>
 | 
			
		||||
	    <li>
 | 
			
		||||
	      <a class="page-scroll" href="#team">WHY UNGLEICH?</a>
 | 
			
		||||
	    </li>
 | 
			
		||||
	    <li>
 | 
			
		||||
	      <a class="page-scroll" href="http://blog.ungleich.ch">BLOG</a>
 | 
			
		||||
	    </li>
 | 
			
		||||
	    <li>
 | 
			
		||||
	      <a class="page-scroll" href="#contact">Contact</a>
 | 
			
		||||
	    </li>
 | 
			
		||||
	  </ul>
 | 
			
		||||
	</div>
 | 
			
		||||
	<!-- /.navbar-collapse -->
 | 
			
		||||
      </div>
 | 
			
		||||
      <!-- /.container-fluid -->
 | 
			
		||||
    </nav>
 | 
			
		||||
 | 
			
		||||
    <!-- Header -->
 | 
			
		||||
    <header>
 | 
			
		||||
      <div class="container">
 | 
			
		||||
	<div class="intro-text">
 | 
			
		||||
	  <img src="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>
 | 
			
		||||
 | 
			
		||||
    <!-- Services Section -->
 | 
			
		||||
    <section id="services">
 | 
			
		||||
      <div class="container">
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-lg-12 text-center">
 | 
			
		||||
	    <h2 class="section-heading">our services</h2>
 | 
			
		||||
	    <h3 class="section-subheading text-muted">We support our clients in all ares 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">
 | 
			
		||||
	      <img src="img/team/5.jpg" class="img-responsive img-circle" alt="">
 | 
			
		||||
	      <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 class="col-sm-4">
 | 
			
		||||
	    <div class="team-member">
 | 
			
		||||
	      <img src="img/team/4.jpg" class="img-responsive img-circle" alt="">
 | 
			
		||||
 | 
			
		||||
	      <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 class="col-sm-4">
 | 
			
		||||
	    <div class="team-member">
 | 
			
		||||
	      <img src="img/team/6.jpg" class="img-responsive img-circle" alt="">
 | 
			
		||||
	      <h4 class="portfolio-caption">Linux System Engineering</h4>
 | 
			
		||||
	      <p class="text-muted"> </p>
 | 
			
		||||
	      <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></section>
 | 
			
		||||
 | 
			
		||||
    <!-- Portfolio Grid Section -->
 | 
			
		||||
    <section id="portfolio" class="bg-light-gray">
 | 
			
		||||
      <div class="container">
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-lg-12 text-center">
 | 
			
		||||
	    <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">
 | 
			
		||||
	    <img src="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 iastructure is powered by Free and Open Source Sonfrftware like OpenNebula, Qemu and GlusterFS.</p>
 | 
			
		||||
	    </div>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-md-4 col-sm-6 portfolio-item">
 | 
			
		||||
	    <img src="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">
 | 
			
		||||
	    <img src="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>
 | 
			
		||||
 | 
			
		||||
    <!-- About Section -->
 | 
			
		||||
    <section id="about">
 | 
			
		||||
      <div class="container">
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-lg-12 text-center">
 | 
			
		||||
	    <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="img/about/1.jpg" alt="">
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="timeline-panel">
 | 
			
		||||
		  <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="img/about/2.jpg" alt="">
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="timeline-panel">
 | 
			
		||||
		  <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="img/about/6.jpg" alt="">
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="timeline-panel">
 | 
			
		||||
		  <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="img/about/4.jpg" alt="">
 | 
			
		||||
		</div>
 | 
			
		||||
		<div class="timeline-panel">
 | 
			
		||||
		  <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>lungleich launches <a href="https://digitalglarus.ungleich.ch/digitalglarus/">Digital Glarus project</a></p>
 | 
			
		||||
		  </div>
 | 
			
		||||
		</div>
 | 
			
		||||
	      </li>
 | 
			
		||||
	      <li class="timeline-inverted">
 | 
			
		||||
		<div class="timeline-image">
 | 
			
		||||
		  <h4>and<br>the story continues!</h4>
 | 
			
		||||
		  <p> </p>
 | 
			
		||||
		</div>
 | 
			
		||||
	      </li>
 | 
			
		||||
	    </ul>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
      </div>
 | 
			
		||||
    </section>
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
    <!-- Team Section -->
 | 
			
		||||
    <section id="team" class="bg-light-gray">
 | 
			
		||||
      <div class="container">
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-sm-16 text-center center-block">
 | 
			
		||||
	    <h2 class="section-heading">Why ungleich?*</h2>
 | 
			
		||||
	    <h3 class="section-subheading text-muted">What our customers say</h3>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-sm-6 center-block">
 | 
			
		||||
	    <!-- start:recommendationSlider -->
 | 
			
		||||
	    <div id="carousel-recommendation-ungleich" class="carousel ungleich ungleich-gallery ungleich-gallery-text-carousel" data-ride="carousel">
 | 
			
		||||
	      <!-- 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">
 | 
			
		||||
		  <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">
 | 
			
		||||
		  <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">
 | 
			
		||||
		  <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-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="img/logos/envato.jpg" class="img-responsive img-centered" alt="">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="img/logos/designmodo.jpg" alt="" class="img-responsive img-centered" height="51">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="img/logos/themeforest.jpg" class="img-responsive img-centered" alt="">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="img/logos/creative-market.jpg" class="img-responsive img-centered" alt="">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="img/logos/logobig.jpg" alt="" class="img-responsive img-centered" height="61" width="196">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="img/logos/Gentoo-site_logo.png" alt="" class="img-responsive img-centered" height="50">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="img/logos/debian.jpg" alt="" class="img-responsive img-centered" height="48" width="163">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="img/logos/CentOS.jpg" alt="" class="img-responsive img-centered" height="50" width="147">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="img/logos/cdistbyungleich.jpg" alt="" class="img-responsive img-centered" height="50" width="101">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="img/logos/Puppet.png" alt="" class="img-responsive img-centered" height="50" width="161">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="img/logos/freebsd.png" alt="" class="img-responsive img-centered" height="58" width="175">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="img/logos/NetBSD.png" alt="" class="img-responsive img-centered" height="50" width="95">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="img/logos/openbsd.png" alt="" class="img-responsive img-centered" height="50" width="196">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="img/logos/postsql.jpg" alt="" class="img-responsive img-centered" height="72" width="197">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="img/logos/mysql.png" alt="" class="img-responsive img-centered" height="54" width="143">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="img/logos/apache.png" alt="" class="img-responsive img-centered" height="50" width="173">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="img/logos/opennebula.png" alt="" class="img-responsive img-centered" height="50" width="196">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="img/logos/gluster.png" alt="" class="img-responsive img-centered" height="51" width="185">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="img/logos/ceph.jpg" alt="" class="img-responsive img-centered" height="68" width="226">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	  <div class="col-md-3">
 | 
			
		||||
	    <a href="#">
 | 
			
		||||
	      <img src="img/logos/qemu.png" alt="" class="img-responsive img-centered" height="50" width="173">
 | 
			
		||||
	    </a>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
      </div>
 | 
			
		||||
 | 
			
		||||
    </aside>
 | 
			
		||||
 | 
			
		||||
    <section id="contact">
 | 
			
		||||
      <div class="container">
 | 
			
		||||
	<div class="row">
 | 
			
		||||
	  <div class="col-lg-12 text-center">
 | 
			
		||||
	    <h2 class="section-heading">Contact Us</h2>
 | 
			
		||||
	    <br>
 | 
			
		||||
	    <h3 class="intro-smallcap">14 Hauptstrasse Luchsingen 8775 Switzerland
 | 
			
		||||
	      <p></p> </h3>
 | 
			
		||||
	    <br>
 | 
			
		||||
	    <h3 class="intro-smallcap"><i class="fa fa-phone"></i> (044) 534-66-22<p></p></h3>
 | 
			
		||||
	    <br>
 | 
			
		||||
	    <h3 class="intro-smallcap"><a href="mailto:info@ungleich.ch"><i class="fa fa-envelope">info@ungleich.ch</i></a></h3>
 | 
			
		||||
	    <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>
 | 
			
		||||
 | 
			
		||||
    <!-- Portfolio Modals -->
 | 
			
		||||
    <!-- Use the modals below to showcase details about your portfolio projects! -->
 | 
			
		||||
 | 
			
		||||
    <!-- Portfolio Modal 1 -->
 | 
			
		||||
    <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
 | 
			
		||||
      <div class="modal-content">
 | 
			
		||||
	<div class="close-modal" data-dismiss="modal">
 | 
			
		||||
	  <div class="lr">
 | 
			
		||||
	    <div class="rl">
 | 
			
		||||
	    </div>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="container">
 | 
			
		||||
	  <div class="row">
 | 
			
		||||
	    <div class="col-lg-8 col-lg-offset-2">
 | 
			
		||||
	      <div class="modal-body">
 | 
			
		||||
		<!-- Project Details Go Here -->
 | 
			
		||||
		<h2>1.Grant us access to your system(s)</h2>
 | 
			
		||||
		<p class="item-intro text-muted">Follow the simple steps below</p>
 | 
			
		||||
		<img class="img-responsive" src="img/portfolio/roundicons-free.png" alt="">
 | 
			
		||||
		<p>
 | 
			
		||||
		  <strong>Copy our public ssh key to</strong> ~root/.ssh/authorized_key</p><p>
 | 
			
		||||
		</p><p>
 | 
			
		||||
		  Ensure the permissions are restrictive on the keyfile and directory
 | 
			
		||||
		  <br>(<i>chmod 0644 ~root/.ssh/authorized_key; chmod 0755 ~root/.ssh</i>)
 | 
			
		||||
		</p><p>
 | 
			
		||||
		  Add "PermitRootLogin without-password" to /etc/ssh/sshd_config and restart your ssh server</p>
 | 
			
		||||
		<p>
 | 
			
		||||
 | 
			
		||||
		  <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close </button>
 | 
			
		||||
	      </p></div>
 | 
			
		||||
	    </div>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
    <!-- Portfolio Modal 2 -->
 | 
			
		||||
    <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
 | 
			
		||||
      <div class="modal-content">
 | 
			
		||||
	<div class="close-modal" data-dismiss="modal">
 | 
			
		||||
	  <div class="lr">
 | 
			
		||||
	    <div class="rl">
 | 
			
		||||
	    </div>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="container">
 | 
			
		||||
	  <div class="row">
 | 
			
		||||
	    <div class="col-lg-8 col-lg-offset-2">
 | 
			
		||||
	      <div class="modal-body">
 | 
			
		||||
		<h2>2.Select the Configuration</h2>
 | 
			
		||||
		<p class="item-intro text-muted">Choose one or more of the available configurations.</p>
 | 
			
		||||
		<img class="img-responsive img-centered" src="img/portfolio/startup-framework-preview.png" alt="">
 | 
			
		||||
		<p>Our first release supports configuring your systems with <a href="https://www.djangoproject.com/">Django Hosting</a>
 | 
			
		||||
		  as well as <a href="http://rubyonrails.org/">Ruby on Rails Hosting</a>.
 | 
			
		||||
		</p><p>
 | 
			
		||||
		  We plan to offer various configurations ranging from Webservers like
 | 
			
		||||
		  <a href="http://httpd.apache.org/">Apache</a> ,
 | 
			
		||||
		  <a href="http://nginx.org/">nginx</a> </p><p>to database systems like
 | 
			
		||||
		  <a href="http://www.postgresql.org">PostgreSQL</a> or
 | 
			
		||||
		  <a href="https://www.mongodb.org/">MongoDB</a>.
 | 
			
		||||
		</p>
 | 
			
		||||
		<p>We are constantly enhancing our configuration portfolio,
 | 
			
		||||
		  but in case you have a specific wish - do not hesitate to contact us for
 | 
			
		||||
		  a development quote.</p>
 | 
			
		||||
 | 
			
		||||
		<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close </button>
 | 
			
		||||
	      </div>
 | 
			
		||||
	    </div>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
    <!-- Portfolio Modal 3 -->
 | 
			
		||||
    <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
 | 
			
		||||
      <div class="modal-content">
 | 
			
		||||
	<div class="close-modal" data-dismiss="modal">
 | 
			
		||||
	  <div class="lr">
 | 
			
		||||
	    <div class="rl">
 | 
			
		||||
	    </div>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="container">
 | 
			
		||||
	  <div class="row">
 | 
			
		||||
	    <div class="col-lg-8 col-lg-offset-2">
 | 
			
		||||
	      <div class="modal-body">
 | 
			
		||||
		<!-- Project Details Go Here -->
 | 
			
		||||
		<h2>3.Configure!</h2>
 | 
			
		||||
		<p class="item-intro text-muted">Press the configure button.</p>
 | 
			
		||||
		<img class="img-responsive img-centered" src="img/portfolio/treehouse-preview.png" alt="">
 | 
			
		||||
		<p>Press the configure button and we will verify that access
 | 
			
		||||
		  to your system work and ensure it is configured as chosen.</p>
 | 
			
		||||
		<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close </button>
 | 
			
		||||
	      </div>
 | 
			
		||||
	    </div>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
    <!-- Portfolio Modal 4 -->
 | 
			
		||||
    <div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
 | 
			
		||||
      <div class="modal-content">
 | 
			
		||||
	<div class="close-modal" data-dismiss="modal">
 | 
			
		||||
	  <div class="lr">
 | 
			
		||||
	    <div class="rl">
 | 
			
		||||
	    </div>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="container">
 | 
			
		||||
	  <div class="row">
 | 
			
		||||
	    <div class="col-lg-8 col-lg-offset-2">
 | 
			
		||||
	      <div class="modal-body">
 | 
			
		||||
		<!-- Project Details Go Here -->
 | 
			
		||||
		<h2>Project Name</h2>
 | 
			
		||||
		<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
 | 
			
		||||
		<img class="img-responsive img-centered" src="img/portfolio/golden-preview.png" alt="">
 | 
			
		||||
		<p>Start Bootstrap's Agency theme is based on Golden, a free PSD website template built by <a href="https://www.behance.net/MathavanJaya">Mathavan Jaya</a>. Golden is a modern and clean one page web template that was made exclusively for Best PSD Freebies. This template has a great portfolio, timeline, and meet your team sections that can be easily modified to fit your needs.</p>
 | 
			
		||||
		<p>You can download the PSD template in this portfolio sample item at <a href="http://freebiesxpress.com/gallery/golden-free-one-page-web-template/">FreebiesXpress.com</a>.</p>
 | 
			
		||||
		<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
 | 
			
		||||
	      </div>
 | 
			
		||||
	    </div>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
    <!-- Portfolio Modal 5 -->
 | 
			
		||||
    <div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
 | 
			
		||||
      <div class="modal-content">
 | 
			
		||||
	<div class="close-modal" data-dismiss="modal">
 | 
			
		||||
	  <div class="lr">
 | 
			
		||||
	    <div class="rl">
 | 
			
		||||
	    </div>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="container">
 | 
			
		||||
	  <div class="row">
 | 
			
		||||
	    <div class="col-lg-8 col-lg-offset-2">
 | 
			
		||||
	      <div class="modal-body">
 | 
			
		||||
		<!-- Project Details Go Here -->
 | 
			
		||||
		<h2>Project Name</h2>
 | 
			
		||||
		<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
 | 
			
		||||
		<img class="img-responsive img-centered" src="img/portfolio/escape-preview.png" alt="">
 | 
			
		||||
		<p>Escape is a free PSD web template built by <a href="https://www.behance.net/MathavanJaya">Mathavan Jaya</a>. Escape is a one page web template that was designed with agencies in mind. This template is ideal for those looking for a simple one page solution to describe your business and offer your services.</p>
 | 
			
		||||
		<p>You can download the PSD template in this portfolio sample item at <a href="http://freebiesxpress.com/gallery/escape-one-page-psd-web-template/">FreebiesXpress.com</a>.</p>
 | 
			
		||||
		<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
 | 
			
		||||
	      </div>
 | 
			
		||||
	    </div>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
    <!-- Portfolio Modal 6 -->
 | 
			
		||||
    <div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
 | 
			
		||||
      <div class="modal-content">
 | 
			
		||||
	<div class="close-modal" data-dismiss="modal">
 | 
			
		||||
	  <div class="lr">
 | 
			
		||||
	    <div class="rl">
 | 
			
		||||
	    </div>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
	<div class="container">
 | 
			
		||||
	  <div class="row">
 | 
			
		||||
	    <div class="col-lg-8 col-lg-offset-2">
 | 
			
		||||
	      <div class="modal-body">
 | 
			
		||||
		<!-- Project Details Go Here -->
 | 
			
		||||
		<h2>Project Name</h2>
 | 
			
		||||
		<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
 | 
			
		||||
		<img class="img-responsive img-centered" src="img/portfolio/dreams-preview.png" alt="">
 | 
			
		||||
		<p>Dreams is a free PSD web template built by <a href="https://www.behance.net/MathavanJaya">Mathavan Jaya</a>. Dreams is a modern one page web template designed for almost any purpose. It’s a beautiful template that’s designed with the Bootstrap framework in mind.</p>
 | 
			
		||||
		<p>You can download the PSD template in this portfolio sample item at <a href="http://freebiesxpress.com/gallery/dreams-free-one-page-web-template/">FreebiesXpress.com</a>.</p>
 | 
			
		||||
		<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i> Close Project</button>
 | 
			
		||||
	      </div>
 | 
			
		||||
	    </div>
 | 
			
		||||
	  </div>
 | 
			
		||||
	</div>
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
    <!-- jQuery -->
 | 
			
		||||
    <script src="js/jquery.js"></script>
 | 
			
		||||
 | 
			
		||||
    <!-- Bootstrap Core JavaScript -->
 | 
			
		||||
    <script src="js/bootstrap.min.js"></script>
 | 
			
		||||
 | 
			
		||||
    <!-- Plugin JavaScript -->
 | 
			
		||||
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
 | 
			
		||||
    <script src="js/classie.js"></script>
 | 
			
		||||
    <script src="js/cbpAnimatedHeader.js"></script>
 | 
			
		||||
 | 
			
		||||
    <!-- Contact Form JavaScript -->
 | 
			
		||||
    <script src="js/jqBootstrapValidation.js"></script>
 | 
			
		||||
    <script src="js/contact_me.js"></script>
 | 
			
		||||
 | 
			
		||||
    <!-- Custom Theme JavaScript -->
 | 
			
		||||
    <script src="js/agency.js"></script>
 | 
			
		||||
</html>
 | 
			
		||||
| 
						 | 
				
			
			@ -1,26 +0,0 @@
 | 
			
		|||
<?php
 | 
			
		||||
// Check for empty fields
 | 
			
		||||
if(empty($_POST['name'])  		||
 | 
			
		||||
   empty($_POST['email']) 		||
 | 
			
		||||
   empty($_POST['phone']) 		||
 | 
			
		||||
   empty($_POST['message'])	||
 | 
			
		||||
   !filter_var($_POST['email'],FILTER_VALIDATE_EMAIL))
 | 
			
		||||
   {
 | 
			
		||||
	echo "No arguments Provided!";
 | 
			
		||||
	return false;
 | 
			
		||||
   }
 | 
			
		||||
	
 | 
			
		||||
$name = $_POST['name'];
 | 
			
		||||
$email_address = $_POST['email'];
 | 
			
		||||
$phone = $_POST['phone'];
 | 
			
		||||
$message = $_POST['message'];
 | 
			
		||||
	
 | 
			
		||||
// Create the email and send the message
 | 
			
		||||
$to = 'yourname@yourdomain.com'; // Add your email address inbetween the '' replacing yourname@yourdomain.com - This is where the form will send a message to.
 | 
			
		||||
$email_subject = "Website Contact Form:  $name";
 | 
			
		||||
$email_body = "You have received a new message from your website contact form.\n\n"."Here are the details:\n\nName: $name\n\nEmail: $email_address\n\nPhone: $phone\n\nMessage:\n$message";
 | 
			
		||||
$headers = "From: noreply@yourdomain.com\n"; // This is the email address the generated message will be from. We recommend using something like noreply@yourdomain.com.
 | 
			
		||||
$headers .= "Reply-To: $email_address";	
 | 
			
		||||
mail($to,$email_subject,$email_body,$headers);
 | 
			
		||||
return true;			
 | 
			
		||||
?>
 | 
			
		||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue