contact section background, logos width
This commit is contained in:
Arvind Tiwari
parent
1d3307043e
commit
bb8195bc0a
7 changed files with 79 additions and 52 deletions
|
|
@ -13,6 +13,14 @@ body {
|
|||
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
}
|
||||
|
||||
.row-eq-height {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.text-muted {
|
||||
color: #494949;
|
||||
font-family: 'Raleway' , "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
|
|
@ -345,7 +353,7 @@ section {
|
|||
section h2.section-heading {
|
||||
margin-top: 0;
|
||||
margin-bottom: 15px;
|
||||
font-size: 18px;
|
||||
font-size: 22px;
|
||||
color: #494949;
|
||||
}
|
||||
|
||||
|
|
@ -705,10 +713,16 @@ aside.clients img {
|
|||
}
|
||||
|
||||
section#contact {
|
||||
background-color: #222;
|
||||
background-image: url(../img/map-image.png);
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
position: relative;
|
||||
background: rgba(0,0,0,0.75);
|
||||
}
|
||||
|
||||
section#contact .bg_img {
|
||||
filter: blur(1px);
|
||||
}
|
||||
|
||||
section#contact a {
|
||||
color: #79bcf7;
|
||||
}
|
||||
|
||||
section#contact .section-heading {
|
||||
|
|
@ -717,8 +731,11 @@ section#contact .section-heading {
|
|||
}
|
||||
|
||||
@media(max-width:767px) {
|
||||
aside.clients img {
|
||||
margin: 20px auto;
|
||||
}
|
||||
section#contact .section-heading {
|
||||
font-size: 20px;
|
||||
font-size: 24px;
|
||||
}
|
||||
section#contact .intro-smallcap {
|
||||
font-size: 18px;
|
||||
|
|
@ -952,7 +969,16 @@ section h3.section-comment {
|
|||
font-family:'Raleway' , Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
font-size : 20px;
|
||||
font-weight : 100;
|
||||
lign-heignt: 2px;
|
||||
color : #666;
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.carousel-text {
|
||||
height: 220px;
|
||||
overflow: scroll;
|
||||
}
|
||||
.carousel-author {
|
||||
height: 72px;
|
||||
}
|
||||
}
|
||||
|
|
@ -165,17 +165,6 @@
|
|||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.header_slider > .carousel .bg_img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.header_slider .intro-cap {
|
||||
text-align: right;
|
||||
line-height: 1.1;
|
||||
|
|
@ -226,6 +215,17 @@
|
|||
}
|
||||
}
|
||||
|
||||
.bg_img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.timeline>li .timeline-panel {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
{% load i18n %}
|
||||
|
||||
<section id="contact">
|
||||
<div class="bg_img" style="background-image:url({% static 'digitalglarus/img/header_bg_2.png' %})"></div>
|
||||
<div class="container">
|
||||
<div class="wow fadeInDown">
|
||||
<div class="text-center wow fadeInDown">
|
||||
|
|
@ -12,13 +13,13 @@
|
|||
<strong>{{ message }}</strong>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<h2 class="section-heading sm_left">{% trans "Contact Us" %}</h2>
|
||||
<h2 class="section-heading">{% trans "Contact Us" %}</h2>
|
||||
<h3 class="intro-smallcap sm_left" style="line-height: 1.2;">
|
||||
{% trans "Join us at" %} <a href="{% url 'digitalglarus:landing' %}">{% trans "Digital Glarus" %}</a>, {% trans "a great co-working space in the middle of Alps!" %} <br>
|
||||
{% trans "You can contact us at" %}
|
||||
</h3>
|
||||
<h3 class="intro-smallcap sm_left">
|
||||
<a href="mailto:info@ungleich.ch"><i class="fa fa-envelope"></i> <strong>info@ungleich.ch</strong></a>
|
||||
<a href="mailto:info@ungleich.ch"><i class="fa fa-envelope"></i> info@ungleich.ch</a>
|
||||
</h3>
|
||||
|
||||
<h3 class="intro-smallcap sm_left"><i class="fa fa-phone"></i> (044) 534-66-22</h3>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<section id="portfolio" class="bg-light-gray">
|
||||
<div class="container">
|
||||
<div class="text-center wow fadeInUp">
|
||||
<h2 class="section-heading sm_left">{% trans "Our Products" %}</h2>
|
||||
<h2 class="section-heading">{% trans "Our Products" %}</h2>
|
||||
<h3 class="section-subheading text-muted sm_left" style="line-height: 1.5;">{% blocktrans %}Our products include an innovative datacenter,<br>affordable VM hosting, and high speed fiber internet for canton Glarus.{% endblocktrans %}</h3>
|
||||
</div>
|
||||
<div class="row">
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<section id="services">
|
||||
<div class="container">
|
||||
<div class="text-center wow fadeInDown">
|
||||
<h2 class="section-heading sm_left">{% trans "our services" %}</h2>
|
||||
<h2 class="section-heading">{% trans "our services" %}</h2>
|
||||
<h3 class="section-subheading text-muted sm_left">
|
||||
{% trans "We support our clients in all areas of Unix infrastructure." %}<br/>
|
||||
{% trans "Our top notch configuration management is refreshingly simple and reliable." %}
|
||||
|
|
|
|||
|
|
@ -2,112 +2,112 @@
|
|||
|
||||
<aside class="clients">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xs-3 col-md-3">
|
||||
<div class="row row-eq-height">
|
||||
<div class="col-xs-6 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">
|
||||
<div class="col-xs-6 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">
|
||||
<div class="col-xs-6 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">
|
||||
<div class="col-xs-6 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">
|
||||
<div class="row row-eq-height">
|
||||
<div class="col-xs-6 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">
|
||||
<div class="col-xs-6 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">
|
||||
<div class="col-xs-6 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">
|
||||
<div class="col-xs-6 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">
|
||||
<div class="row row-eq-height">
|
||||
<div class="col-xs-6 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">
|
||||
<div class="col-xs-6 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">
|
||||
<div class="col-xs-6 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">
|
||||
<div class="col-xs-6 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">
|
||||
<div class="row row-eq-height">
|
||||
<div class="col-xs-6 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">
|
||||
<div class="col-xs-6 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">
|
||||
<div class="col-xs-6 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">
|
||||
<div class="col-xs-6 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">
|
||||
<div class="row row-eq-height">
|
||||
<div class="col-xs-6 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">
|
||||
<div class="col-xs-6 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">
|
||||
<div class="col-xs-6 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">
|
||||
<div class="col-xs-6 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>
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
<div class="row">
|
||||
<div class="col-sm-10 col-sm-offset-1 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">
|
||||
<div id="carousel-recommendation-ungleich" class="carousel slide ungleich ungleich-gallery ungleich-gallery-text-carousel" data-interval="3000">
|
||||
<!-- Indicators -->
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#carousel-recommendation-ungleich" data-slide-to="0" class="active"></li>
|
||||
|
|
@ -39,7 +39,7 @@
|
|||
than before."
|
||||
{% endblocktrans %}
|
||||
</p>
|
||||
<p class="text-center">
|
||||
<p class="text-center carousel-author">
|
||||
<strong>- Luciano Franceschina</strong>, CTO at Teralytics
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -55,7 +55,7 @@
|
|||
saving, which is crucial for IT companies like ours."
|
||||
{% endblocktrans %}
|
||||
</p>
|
||||
<p class="text-center">
|
||||
<p class="text-center carousel-author">
|
||||
<strong> - Beat Seeliger </strong>, CTO at Panter AG
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -76,7 +76,7 @@
|
|||
solid infrastructures."
|
||||
{% endblocktrans %}
|
||||
</p>
|
||||
<p class="text-center">
|
||||
<p class="text-center carousel-author">
|
||||
{% blocktrans %}
|
||||
<strong>- Sebastian Plattner,</strong>
|
||||
Teamleader Development Cyber Security Products at RUAG
|
||||
|
|
|
|||
Loading…
Reference in a new issue