From f9488b28f82420c4421ae2844426574c80679810 Mon Sep 17 00:00:00 2001 From: Arvind Tiwari Date: Tue, 28 Nov 2017 05:46:27 +0530 Subject: [PATCH] style fixes for mobile --- .../static/ungleich_page/css/agency.css | 16 ++++--- .../static/ungleich_page/css/ungleich.css | 42 +++++++++++++++---- .../ungleich_page/includes/_contact_us.html | 6 +-- .../ungleich_page/includes/_portfolio.html | 3 -- .../ungleich_page/includes/_services.html | 7 +--- 5 files changed, 48 insertions(+), 26 deletions(-) diff --git a/ungleich_page/static/ungleich_page/css/agency.css b/ungleich_page/static/ungleich_page/css/agency.css index e5f66956..c8687625 100755 --- a/ungleich_page/static/ungleich_page/css/agency.css +++ b/ungleich_page/static/ungleich_page/css/agency.css @@ -336,6 +336,12 @@ section { padding: 75px 0; } +@media(max-width:767px) { + section { + padding: 50px 0; + } +} + section h2.section-heading { margin-top: 0; margin-bottom: 15px; @@ -425,7 +431,7 @@ section h3.section-subheading { } #portfolio .portfolio-item .portfolio-caption h4 { - margin: 0; + margin: 0 0 20px; text-transform: none; color: #494949; } @@ -669,8 +675,8 @@ section h3.section-subheading { } .team-member h4 { - margin-top: 25px; - margin-bottom: 0; + margin-top: 20px; + margin-bottom: 20px; text-transform: none; } @@ -691,7 +697,7 @@ section#contact { section#contact .section-heading { color: #fff; - font-size: 36px; + font-size: 32px; } section#contact .form-group { @@ -929,8 +935,6 @@ logo-image { } .carousel-indicators li.active, .text-carousel .carousel-indicators li.active { - width: 15px; - height: 15px; border: 0; background-color: #fed136; } diff --git a/ungleich_page/static/ungleich_page/css/ungleich.css b/ungleich_page/static/ungleich_page/css/ungleich.css index c712ba8a..d8c6e8b5 100644 --- a/ungleich_page/static/ungleich_page/css/ungleich.css +++ b/ungleich_page/static/ungleich_page/css/ungleich.css @@ -20,7 +20,7 @@ .intro-cap { margin-top: 25px; - margin-bottom: 25px; + margin-bottom: 15px; font-family: 'Raleway', 'Helvetica Neue', 'Open Sans Bold', Helvetica, Arial, 'Arial Bold', sans-serif; font-size: 24px; font-style: normal; @@ -88,7 +88,6 @@ #portfolio .portfolio-item .portfolio-caption { height: 250px; overflow: hidden; - paddding: 10px; } .img-client { @@ -117,10 +116,22 @@ #portfolio .portfolio-item .portfolio-caption { height: auto; overflow: hidden; - paddding: 10px; } } +@media (max-width: 767px) { + .portfolio-item .portfolio-caption p, + section h2.section-heading, + section h3.section-subheading, + #portfolio .portfolio-item .portfolio-caption h4 { + text-align: left; + } + section h2.section-heading, + section h3.section-subheading { + padding-left: 15px; + } +} + .header_slider { height: 95vh; } @@ -151,7 +162,7 @@ .header_slider > .carousel .item .container { overflow: auto; - padding: 50px 25px 75px; + padding: 50px 25px 65px; height: 100%; display: flex; flex-direction: column; @@ -170,8 +181,8 @@ } .header_slider .intro-cap { - font-weight: bold; text-align: right; + line-height: 1.1; } @media (min-width: 768px) { @@ -189,7 +200,7 @@ } .header_slider > .carousel .item .container { overflow: auto; - padding: 100px 50px; + padding: 75px 50px; } } @@ -201,7 +212,7 @@ .header_slider .intro_lead { color: #fff; - font-size: 1.75em; + font-size: 1.55em; text-align: right; line-height: 1.4; } @@ -210,12 +221,21 @@ .header_slider .intro_lead { font-size: 1.2em; } + + .header_slider .carousel-indicators li { + margin: 1px 7px; + } + .header_slider .carousel-indicators li.active { + margin: 0 7px; + } } .timeline>li .timeline-panel { display: flex; + flex-direction: column; min-height: 80px; - align-items: center; + align-items: stretch; + justify-content: center; padding-bottom: 15px; } @@ -239,6 +259,12 @@ } @media (min-width: 992px) { + .timeline>li .timeline-panel { + min-height: 150px; + } +} + +@media (min-width: 1200px) { .timeline>li .timeline-panel { min-height: 170px; } diff --git a/ungleich_page/templates/ungleich_page/includes/_contact_us.html b/ungleich_page/templates/ungleich_page/includes/_contact_us.html index 5d59c757..6078ae4b 100644 --- a/ungleich_page/templates/ungleich_page/includes/_contact_us.html +++ b/ungleich_page/templates/ungleich_page/includes/_contact_us.html @@ -13,14 +13,12 @@ {% endfor %}

{% trans "Contact Us" %}

-
- -

+

{% trans "Join us at" %} {% trans "Digital Glarus" %}, {% trans "a great co-working space in the middle of Alps!" %}
{% trans "You can contact us at" %}

- info@ungleich.ch + info@ungleich.ch

(044) 534-66-22

diff --git a/ungleich_page/templates/ungleich_page/includes/_portfolio.html b/ungleich_page/templates/ungleich_page/includes/_portfolio.html index 2d872735..b195ead8 100644 --- a/ungleich_page/templates/ungleich_page/includes/_portfolio.html +++ b/ungleich_page/templates/ungleich_page/includes/_portfolio.html @@ -12,7 +12,6 @@

{% trans "Data Center Light" %}

-

 

{% trans "We offer the most affordable hosting in Switzerland. Data Center Light has full FOSS stack, 100% IPv6 and 100% SSD. Choose any configuration among CentOS, Debian, Ubuntu, Devuan, and FreeBSD." %}

@@ -20,7 +19,6 @@

{% trans "Rails Hosting" %}

-

 

{% trans "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." %}

@@ -28,7 +26,6 @@

{% trans "High Speed Internet" %}

-

 

{% trans "We offer high speed fiber internet in Glarus Süd, Glarus and Glarus Nord. Experience 100 Mbit/s and see how speed can change everything." %}

diff --git a/ungleich_page/templates/ungleich_page/includes/_services.html b/ungleich_page/templates/ungleich_page/includes/_services.html index 2c3a8f62..37140629 100644 --- a/ungleich_page/templates/ungleich_page/includes/_services.html +++ b/ungleich_page/templates/ungleich_page/includes/_services.html @@ -16,8 +16,7 @@

{% trans "Hosting" %}

-

 

-

{% trans "Ruby on Rails. Java hosting, Django hosting, we make it everything run smooth and safe." %}

+

{% trans "Ruby on Rails. Java hosting, Django hosting, we make it everything run smooth and safe." %}

@@ -26,8 +25,7 @@

{% trans "Configuration as a Service" %}

-

 

-

{% trans "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." %}

+

{% trans "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." %}

@@ -36,7 +34,6 @@

{% trans "Linux System Engineering" %}

-

 

{% trans "Let your developers develop! We take care of your system administration. Gentoo, Archlinux, Debian, Ubuntu, and many more." %}