2015-05-27 15:41:43 +02:00
{% load staticfiles %}
2015-05-27 12:21:30 +02:00
<!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 > Rails Hosting.ch - Ruby on Rails as easy as possible< / title >
<!-- Bootstrap Core CSS -->
2015-05-27 15:41:43 +02:00
< link href = "{% static 'railshosting/css/bootstrap.min.css' %}" rel = "stylesheet" >
2015-05-27 12:21:30 +02:00
<!-- Custom CSS -->
2015-05-27 15:41:43 +02:00
< link href = "{% static 'railshosting/css/landing-page.css' %}" rel = "stylesheet" >
2015-05-27 12:21:30 +02:00
<!-- Custom Fonts -->
2015-06-08 20:24:56 +02:00
< link href = 'http://fonts.googleapis.com/css?family=Raleway' rel = 'stylesheet' type = 'text/css' >
2015-05-27 15:41:43 +02:00
< link href = "{% static 'railshosting/font-awesome/css/font-awesome.min.css' %}" rel = "stylesheet" type = "text/css" >
2015-05-27 12:21:30 +02:00
< link href = "http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel = "stylesheet" type = "text/css" >
2015-05-27 15:41:43 +02:00
< link rel = "shortcut icon" href = "{% static 'railshosting/img/favicon.ico' %}" type = "image/x-icon" / >
2015-05-27 12:21:30 +02:00
<!-- 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]-->
2015-05-27 17:39:59 +02:00
< 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-5', 'auto');
ga('send', 'pageview');
< / script >
2015-05-27 12:21:30 +02:00
< / head >
< body >
<!-- Navigation -->
< nav class = "navbar navbar-default navbar-fixed-top topnav" role = "navigation" >
< div class = "container topnav" >
<!-- Brand and toggle get grouped for better mobile display -->
< div class = "navbar-header" >
< 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 >
2015-05-27 15:41:43 +02:00
< a class = "navbar-brand topnav" href = "#" > < img src = "{% static 'railshosting/img/logo_black.svg' %}" > < / a >
2015-05-27 12:21:30 +02:00
< / 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 >
< a href = "#how" > How it works< / a >
< / li >
< li >
< a href = "#your" > Your infrastructure< / a >
< / li >
< li >
< a href = "#our" > Our inftrastructure< / a >
< / li >
< li >
< a href = "#price" > Pricing< / a >
< / li >
< li >
< a href = "#contact" > Contact< / a >
< / li >
< / ul >
< / div >
<!-- /.navbar - collapse -->
< / div >
<!-- /.container -->
< / nav >
<!-- Header -->
< a name = "about" > < / a >
< div class = "intro-header" >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-12" >
< div class = "intro-message" >
2015-05-27 15:41:43 +02:00
< img class = "responsive" src = "{% static 'railshosting/img/Beta.png' %}" >
2015-06-08 20:24:56 +02:00
< h1 > rails-hosting.ch< / h1 >
2015-05-27 12:21:30 +02:00
< h3 > Ruby on Rails as easy as possible< / h3 >
< hr class = "intro-divider" >
< ul class = "list-inline intro-social-buttons" >
< li >
< a href = "#howitworks" class = "btn btn-default btn-lg" > < i class = "#Services" > < / i > < span class = "network-name" > tell me how it works< / span > < / a >
< / li >
< li >
< a href = "#own" class = "btn btn-default btn-lg page-scroll" > < span class = "network-name" > Let me start< / span > < / a >
< / li >
< / ul >
< / div >
< / div >
< / div >
< / div >
<!-- /.container -->
< / div >
<!-- /.intro - header -->
<!-- Page Content -->
< a name = "how" > < / a >
< div class = "content-section-b" >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-5 col-lg-offset-1 col-sm-push-6 col-sm-6" >
< hr class = "section-heading-spacer" >
< div class = "clearfix" > < / div >
< h2 class = "section-heading" > How it works : < / h2 > < ul class = "fa-ul" >
< li > < i class = "fa-li fa fa-check-square-o fa-lg" > < / i >
< p class = "lead" > Ubuntu 14.04 as the operating system, full root access!< / p >
< / li >
< li > < i class = "fa-li fa fa-check-square-o fa-lg" > < / i > < p class = "lead" > rbenv to let you decide which Ruby version you want to use< / p > < / li >
< li > < i class = "fa-li fa fa-check-square-o fa-lg" > < / i > < p class = "lead" > nginx as the frontend Server (optional with SSL Support)< / p > < / li >
2015-05-27 15:56:51 +02:00
< li > < i class = "fa-li fa fa-check-square-o fa-lg" > < / i > < p class = "lead" > unicorn to have your application talk to nginx and vice versa
2015-05-27 12:21:30 +02:00
< li > < i class = "fa-li fa fa-check-square-o fa-lg" > < / i > < p class = "lead" > PostgreSQL as the database< / p >
< / li > < / ul >
< / div >
< div class = "col-lg-5 col-sm-pull-6 col-sm-6" >
2015-05-27 15:41:43 +02:00
< img class = "img-responsive" src = "{% static 'railshosting/img/how3.png' %}" alt = "" >
2015-05-27 12:21:30 +02:00
< / div >
< / div >
< / div >
<!-- /.container -->
<!-- /.option 1 -->
< / div >
< a name = "your" > < / a >
< div class = "content-section-a" id = "own" >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-5 col-sm-6" >
< hr class = "section-heading-spacer" >
< div class = "clearfix" > < / div >
< h2 class = "section-heading" > Option 1 : Your own infrastructure< / h2 >
< p class = "lead" > We configure your own infrastructure for Ruby on Rails. Keep the comfort and safety of being at your home, while we set things up for you.< / p >
< / div >
< div class = "col-lg-5 col-lg-offset-2 col-sm-6" >
2015-05-27 15:41:43 +02:00
< img class = "img-responsive" src = "{% static 'railshosting/img/home.png' %}" alt = "" >
2015-05-27 12:21:30 +02:00
< / div >
< / div >
< / div >
<!-- /.container -->
< / div >
<!-- /.option 2 -->
<!-- /.content - section - a -->
<!-- / pricing -->
< a name = "our" > < / a >
< div class = "content-section-b" >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-5 col-lg-offset-1 col-sm-push-6 col-sm-6" >
< hr class = "section-heading-spacer" >
< div class = "clearfix" > < / div >
< h2 class = "section-heading" > Option 2 : Our infrastructure< / h2 >
< p class = "lead" > We take care of everything for you! You don't need your infrastructure. We give you everything you need in Ruby on Rails hosting. Full root access, 24x7 support.< / p >
< / div >
< div class = "col-lg-5 col-sm-pull-6 col-sm-6" >
2015-05-27 15:41:43 +02:00
< img class = "img-responsive" src = "{% static 'railshosting/img/dog.png' %}" alt = "" >
2015-05-27 12:21:30 +02:00
< / div >
< / div >
< / div >
<!-- /.container -->
< / div >
<!-- /.content - section - b -->
< a name = "price" > < / a >
< div class = "content-section-a" >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-5 col-sm-6" >
< hr class = "section-heading-spacer" >
< div class = "clearfix" > < / div >
< h2 class = "section-heading" > Hosting Price Samples< / h2 >
< p class = "lead" > Here are samples of our Ruby on Rails hosting offers, suited for different projects. Our offer examples come in different size, speed, and storage. < / p >
< / div >
<!-- Title -->
< div class = "row" >
< div class = "col-lg-12" > < / div >
< / div >
<!-- /.row -->
<!-- Page Features -->
< div class = "row text-center" >
< div class = "col-md-3 col-sm-6 hero-feature" >
< div class = "thumbnail" >
2015-05-27 15:41:43 +02:00
< img class = "relsonsive" src = "{% static 'railshosting/img/economy.jpg' %}" alt = "" >
2015-05-27 12:21:30 +02:00
< div class = "caption" >
< h3 > Economy < / h3 >
< p > Suited for smaller applications < / p >
< p > 1 core, < / p >
< p > 1 GiB RAM, < / p >
< p > 10 GiB system image (25 CHF)< / p >
< p >
< a href = "#" class = "btn btn-primary" > Buy Now!< / a > < a href = "#" class = "btn btn-default" > More Info< / a > < / p >
< / div >
< / div >
< / div >
< div class = "col-md-3 col-sm-6 hero-feature" >
< div class = "thumbnail" >
2015-05-27 15:41:43 +02:00
< img class = "relsonsive" src = "{% static 'railshosting/img/standardroom.jpg' %}" alt = "" >
2015-05-27 12:21:30 +02:00
< div class = "caption" >
< h3 > Standard< / h3 >
< p > Suited for standard Ruby on Rails applications< / p >
< p > 1 core, < / p >
< p > 2 GiB RAM,< / p >
< p > 10 GiB system image (30 CHF)< / p >
< p >
< a href = "#" class = "btn btn-primary" > Buy Now!< / a > < a href = "#" class = "btn btn-default" > More Info< / a >
< / p >
< / div >
< / div >
< / div >
< div class = "col-md-3 col-sm-6 hero-feature" >
< div class = "thumbnail" >
2015-05-27 15:41:43 +02:00
< img class = "reponsive" src = "{% static 'railshosting/img/deluxeroom.jpg' %}" alt = "" >
2015-05-27 12:21:30 +02:00
< div class = "caption" >
< h3 > Deluxe< / h3 >
< p > Suited for performance critical project< / p >
< p > 2 cores,< / p >
< p > 4 GiB Ram, < / p >
< p > 10 GiB system image (50 CHF) < / p >
< p >
< a href = "#" class = "btn btn-primary" > Buy Now!< / a > < a href = "#" class = "btn btn-default" > More Info< / a > < / p >
< / div >
< / div >
< / div >
< div class = "col-md-3 col-sm-6 hero-feature" >
< div class = "thumbnail" >
2015-05-27 15:41:43 +02:00
< img class = "responsive" src = "{% static 'railshosting/img/presidentialroom.jpg' %}" alt = "" >
2015-05-27 12:21:30 +02:00
< div class = "caption" >
< h3 > Presidential Premium< / h3 >
< p > Suited for performance critical & < / p >
< p > high storage demand projects< / p >
< p > 4 Cores, 8 GiB RAM, 10 GiB System image, < / p >
< p > 100 GiB Data image (190 CHF)< / p >
< p >
< a href = "#" class = "btn btn-primary" > Buy Now!< / a > < a href = "#" class = "btn btn-default" > More Info< / a >
< / p >
< / div >
< / div >
< / div >
< / div >
<!-- /.row -->
< / div >
< / div >
<!-- /.container -->
< / div >
<!-- Configure -->
< a name = "about" > < / a >
< div class = "intro-header-1" >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-12" >
< div class = "intro-message" >
< h1 > Let me try!< / h1 >
< p > < / p >
< p > < / p >
2015-05-27 15:41:43 +02:00
{% if error_message %}< p > < strong > {{ error_message }}< / strong > < / p > {% endif %}
{{ form.non_field_errors }}
{{ form.email.errors }}
< form action = "{% url 'railshosting:index' %}" method = "post" role = "form" class = "form-inline" >
{% csrf_token %}
2015-05-27 12:21:30 +02:00
< div class = "form-group" >
2015-05-27 15:41:43 +02:00
< label class = "sr-only" for = "email" > Email address< / label >
< input type = "email" name = "email" class = "form-control" id = "id_email" placeholder = "Enter email" >
2015-05-27 12:21:30 +02:00
< / div >
< button type = "submit" class = "btn btn-default" > Request Beta Access< / button >
< / form >
< / ul >
< / div >
< / div >
< / div >
< / div >
<!-- /.container -->
< / div >
<!-- /.content - section - a -->
<!-- / contact section -->
< a name = "contact" > < / a >
< div class = "banner" >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-6" >
< h2 > QUESTIONS? < / h2 >
< h2 > CONTACT US! < / h2 >
< h3 > ungleich GmbH < / h3 >
< p > < i class = "fa fa-envelope-o" > < / i > info@rails-hosting.ch< / p >
< p > 14 Hauptstrasse Luchsingen 8775< / p >
< p > Switzerland< / p >
< button type = "button" class = "btn btn-default" >
< a href = "https://twitter.com/ungleich" >
< i class = "fa fa-twitter fa-fw" > < / i > < span class = "network-name" > Twitter< / span > < / a >
< / button >
< button type = "button" class = "btn btn-default" >
< a href = "https://github.com/ungleich" > < i class = "fa fa-github fa-fw" > < / i > < span class = "network-name" > Github< / span > < / a > < / button >
< / div >
< / div >
< / div >
<!-- /.container -->
< / div >
<!-- /.banner -->
<!-- Footer -->
< footer >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-12" >
< ul class = "list-inline" >
< li >
< a href = "#" > Home< / a >
< / li >
< li class = "footer-menu-divider" > ⋅ < / li >
< li >
< a href = "#about" > How it works< / a > < / li >
< li class = "footer-menu-divider" > ⋅ < / li >
< li >
< a href = "#about" > Your infrastructure< / a > < / li >
< li > ⋅ < / li >
< li >
< a href = "#about" > Our infrastructure< / a > < / li >
< li class = "footer-menu-divider" > ⋅ < / li >
< li >
< a href = "#services" > Pricing< / a >
< / li >
< li class = "footer-menu-divider" > ⋅ < / li >
< li >
< a href = "#contact" > Contact< / a >
< / li >
< / ul >
< p class = "copyright text-muted small" > Copyright © ungleich GmbH 2015. All Rights Reserved< / p >
< / div >
< / div >
< / div >
< / footer >
<!-- jQuery -->
2015-05-27 21:48:41 +02:00
< script src = "{% static 'railshosting/js/jquery.js' %}" > < / script >
2015-05-27 12:21:30 +02:00
<!-- Bootstrap Core JavaScript -->
2015-05-27 15:41:43 +02:00
< script src = "{% static 'railshosting/js/bootstrap.min.js' %}" > < / script >
2015-05-27 12:21:30 +02:00
< / body >
< / html >
