betterplace-content 0.1.3 → 0.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8ef709e051a6a9b01b4c049e0ae1fc9fd8deba80
-  data.tar.gz: d1fa3d9338a78d4ad4d308ce70b8cbcd9785a7af
+  metadata.gz: 469433308fb048b820e5b6c5893bcfb08aab95bb
+  data.tar.gz: 732d516f905a493c4ca91d8777dd975797349f25
 SHA512:
-  metadata.gz: bcba63ae9a75fa79c5ffc9e5336259c47ea66b959340a8ba88ef6edc35d6b0a24b536c0cb4b2f299dcd288e397d15cf8940d41c5a47527048eed1be78afe669d
-  data.tar.gz: 1ea317716ef4680c4a619d6f575f31768bc02f149a46f30037ac911b20ab7ca99017009811f563f0c0447e66b83ea706b50f7869f0a52f1d389231689ff62950
+  metadata.gz: dded9b33ffd0e475e8705533670f86fbdb58dbcb94e557672d2de647cc9255afdab30e979a4822fe342056c6eca00a543fddd0ab78726a6aa898f037d3f8bc55
+  data.tar.gz: 33a06223f2be8861c3c0739e1055cbf1b22ee7d02f0750a367172227582cecde45dc2a77bc4b315f9c275ccd0950b54b38bc3e3fdc6c9f8bec3220d406693735

data/_includes/footer.html

@@ -0,0 +1,114 @@
+<footer>
+<div class="container">
+<nav class="row">
+<ul class="col-md-24">
+<li class="first">
+<strong>Spenden sammeln:
+</strong>
+</li>
+<li>
+<a onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;navigation footer&#39;, &#39;/{{ site.lang }}/collect-donations/online-fundraising&#39;);" href="/{{ site.lang }}/collect-donations/online-fundraising">Online Fundraising
+</a>
+</li>
+<li>
+<a onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;navigation footer&#39;, &#39;/{{ site.lang }}/collect-donations/volunteering&#39;);" href="/{{ site.lang }}/collect-donations/volunteering">Zeitspender finden
+</a>
+</li>
+<li>
+<a onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;navigation footer&#39;, &#39;/{{ site.lang }}/collect-donations/marathon-fundraising-events&#39;);" href="/{{ site.lang }}/collect-donations/marathon-fundraising-events">Mit einem Spendenlauf
+</a>
+</li>
+<li>
+<a onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;navigation footer&#39;, &#39;/{{ site.lang }}/collect-donations/birthday-fundraising-events&#39;);" href="/{{ site.lang }}/collect-donations/birthday-fundraising-events">Zu Deinem Geburtstag
+</a>
+</li>
+<li class="last">
+<a onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;navigation footer&#39;, &#39;http://www.betterplace-solutions.de&#39;);" href="http://www.betterplace-solutions.de">Mit Deinem Unternehmen
+</a>
+</li>
+</ul>
+<ul class="col-md-24">
+<li class="first">
+<strong>Geld oder Zeit spenden:
+</strong>
+</li>
+<li>
+<a onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;navigation footer&#39;, &#39;/{{ site.lang }}/discover-projects&#39;);" href="/{{ site.lang }}/discover-projects">Hilfsprojekte entdecken
+</a>
+</li>
+<li class="last">
+<a onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;navigation footer&#39;, &#39;/{{ site.lang }}/discover-volunteering#open&#39;);" href="/{{ site.lang }}/discover-volunteering#open">Ehrenamt finden
+</a>
+</li>
+</ul>
+<ul class="col-md-24">
+<li class="first">
+<strong>Kontakt aufnehmen:
+</strong>
+</li>
+<li>
+<a onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;navigation footer&#39;, &#39;/c/hilfe&#39;);" href="/c/hilfe">Hilfe &amp; FAQ
+</a>
+</li>
+<li>
+<a onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;navigation footer&#39;, &#39;/c/neues/&#39;);" href="/c/neues/">Blog &amp; News
+</a>
+</li>
+<li>
+<a onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;navigation footer&#39;, &#39;/c/medien/&#39;);" href="/c/medien/">Presse
+</a>
+</li>
+<li>
+<a onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;navigation footer&#39;, &#39;https://www.facebook.com/betterplace.org&#39;);" href="https://www.facebook.com/betterplace.org">Facebook
+</a>
+</li>
+<li>
+<a onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;navigation footer&#39;, &#39;https://twitter.com/betterplace_org&#39;);" href="https://twitter.com/betterplace_org">Twitter
+</a>
+</li>
+<li class="last">
+<a onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;navigation footer&#39;, &#39;/c/kontakt-und-impressum/&#39;);" href="/c/kontakt-und-impressum/">Kontakt &amp; Impressum
+</a>
+</li>
+</ul>
+<ul class="col-md-24">
+<li class="first">
+<strong>Über betterplace.org:
+</strong>
+</li>
+<li>
+<a onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;navigation footer&#39;, &#39;/c/ueber-uns/&#39;);" href="/c/ueber-uns/">Die Vision und das Team
+</a>
+</li>
+<li>
+<a onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;navigation footer&#39;, &#39;/c/stellen/&#39;);" href="/c/stellen/">Jobs
+</a>
+</li>
+<li>
+<a onclick="ga('send', 'event', 'footer', 'terms of use link');" target="_blank" class="larger-click-area" href="/c/nutzungsbedingungen">Nutzungsbedingungen
+</a>
+</li>
+<li>
+<a onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;navigation footer&#39;, &#39;/c/datenschutz/&#39;);" href="/c/datenschutz/">Datenschutzerklärung
+</a>
+</li>
+<li>
+<a onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;no-tracking-specified&#39;, &#39;transaction cost link&#39;);" class="larger-click-area" href="/c/hilfe/wann-fallen-transaktionskosten-an/">Hinweis zu Transaktionskosten
+</a>
+</li>
+<li class="last">
+<a onclick="ga(&#39;send&#39;, &#39;event&#39;, &#39;navigation footer&#39;, &#39;https://api-docs.betterplace.org/&#39;);" href="https://api-docs.betterplace.org/">API
+</a>
+</li>
+</ul>
+<div class="col-md-24">
+<p>
+<strong>betterplace.org ist gemeinnützig und arbeitet nicht profitorientiert.
+<br>
+Unsere Bezahlmöglichkeiten: PayPal, Bankeinzug, Kreditkarte, paydirekt, Überweisung.
+</strong>
+</p>
+</div>
+</nav>
+</div>
+</footer>

data/_includes/google_analytics.html

@@ -0,0 +1,51 @@
+<script type="text/javascript">
+var ga_id;
+if(window.location.host == 'www.betterplace.org')
+  ga_id = 'UA-1584203-1';
+if(window.location.host == 'www.bp42.com')
+  ga_id = 'UA-1584203-5';
+
+var disableStr = 'ga-disable-' + ga_id;
+if (document.cookie.indexOf(disableStr + '=true') > -1) {
+  window[disableStr] = true;
+}
+function gaOptout() {
+  document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
+  window[disableStr] = true;
+}
+
+(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', ga_id);
+ga('set', 'anonymizeIp', true);
+
+if(document.cookie && document.cookie.includes && document.cookie.includes('ga_dimension1=')) {
+  cookie_value = document.cookie.match(/ga_dimension1=([^;]*)/)[1];
+  if(cookie_value != 'BetterplaceOfficeIP') {
+    dimension_value = 'Unknown: ' + cookie_value.toString();
+  } else {
+    dimension_value = 'BetterplaceOfficeIP';
+  }
+  ga('set', 'dimension1', dimension_value);
+} else {
+  ga('set', 'dimension1', 'VisitorIP');
+}
+
+if(window.getDevicePixelRatio!==undefined) {
+  ga('set', 'dimension2', window.getDevicePixelRatio()); // DevicePixelRatio (Session)
+}
+
+ga('set', 'dimension4', 'de'); // Sprache der URL (Hit)
+ga('set', 'dimension5', '{{ page.url }}');
+
+ga('require', 'linkid');
+ga('require', 'displayfeatures');
+ga('require', 'maxScrollTracker');
+ga('require', 'outboundLinkTracker');
+ga('require', 'GTM-WK6QJ9P');
+
+ga('send', 'pageview');
+</script>

data/_includes/header.html

@@ -0,0 +1,47 @@
+<header class="transparent">
+<div class="container">
+<div class="row">
+<p class="home col-xs-24 col-md-5">
+<a onclick="ga('send', 'event', 'navigation header', '/de');" href="/de"><img width="188" height="39" title="betterplace.org" src="https://asset1.betterplace.org/assets/logos/layout-logo-043547a61760a5d12e23755a92b89aa35bb2f4f11c201adb7939c7811f2b4623.svg" alt="Layout logo" /><span class="start hidden-xs">Startseite</span></a> <button class="navbar-toggle collapsed" data-target=".js-main-navigation" data-toggle="collapse" type="button"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
+</p>
+<div class="js-main-navigation collapse navbar-collapse">
+<div class="tagline has-more-link col-md-6">
+<a onclick="ga('send', 'event', 'navigation header', '/c/ueber-uns/');" href="/c/ueber-uns/"><span class="claim">Deutschlands größte Spendenplattform</span> <span class="more-link">Mehr</span></a>
+</div>
+<nav>
+<ul class="list-unstyled">
+<li>
+<a onclick="ga('send', 'event', 'navigation header', '/{{ site.lang }}/discover-projects');" href="/{{ site.lang }}/discover-projects">Geld spenden</a>
+</li>
+<li>
+<a onclick="ga('send', 'event', 'navigation header', '/{{ site.lang }}/discover-volunteering#open');" href="/{{ site.lang }}/discover-volunteering#open">Zeit spenden</a>
+</li>
+<li>
+<a onclick="ga('send', 'event', 'navigation header', '/{{ site.lang }}/collect-donations');" href="/{{ site.lang }}/collect-donations">Spenden sammeln</a>
+</li>
+<li class="secondary">
+<a onclick="ga('send', 'event', 'navigation header', '/c/hilfe');" href="/c/hilfe">Hilfe</a>
+</li>
+<li class="secondary">
+<a onclick="ga('send', 'event', 'navigation header', '/{{ site.lang }}/users/sign_in?return_to=%2Fc%2F{{ page.path }}%2F');" href="/{{ site.lang }}/users/sign_in?return_to=%2Fc%2F{{ page.path }}%2F">Anmelden</a>
+</li>
+<li class="secondary">
+  {% if page.translation_path %}
+    <a onclick="ga('send', 'event', 'navigation header', '/c/{{ page.translation_path }}/');" href="/c/{{ page.translation_path }}/">English</a>
+  {% else %}
+    <a class="disabled">English</a>
+  {% endif %}
+</li>
+<li class="secondary search">
+<a onclick="ga('send', 'event', 'navigation header', '/{{ site.lang }}/search');" href="/{{ site.lang }}/search">
+<span class="icon fa fa-search">
+</span>
+<span class="text hidden-md hidden-lg">Suche
+</span></a>
+</li>
+</ul>
+</nav>
+</div>
+</div>
+</div>
+</header>

data/_includes/navigation.html

@@ -0,0 +1,142 @@
+<div class="generic-mobile-navigation navbar-collapse collapse js-main-navigation js-wordpress-desktop-navigation">
+<nav class="generic-sidebar-menu with-public-colors generic-public-sidebar-menu col-md-6">
+<ul class="menu list-unstyled">
+<li class="active_class_if_news">
+<a href="/c/neues/">
+Blog &amp; Neuigkeiten      </a>
+<!--submenu_if_news-->
+</li>
+<li class="active_class_if_help">
+<a href="/c/hilfe/">
+Hilfe      </a>
+<!--submenu_if_help-->
+</li>
+<li class="active_class_if_people">
+<a href="/c/unser-team/">
+Unser Team      </a>
+<!--submenu_if_people-->
+</li>
+<li class="current-menu-item">
+<a href="/c/ueber-uns/">
+Über uns      </a>
+<ul id="menu-subnavigation"><li id="menu-item-474" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-474"><a href="/c/ueber-uns/botschafter/">Botschafter</a></li>
+<li id="menu-item-177" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-177"><a href="/c/ueber-uns/geschichte/">Geschichte</a></li>
+</ul>
+</li>
+<li class="active_class_if_jobs">
+<a href="/c/stellen/">
+Jobs      </a>
+<!--submenu_if_jobs-->
+</li>
+<li class="active_class_if_contact">
+<a href="/c/kontakt-und-impressum/">
+Kontakt &amp; Impressum      </a>
+<!--submenu_if_contact-->
+</li>
+<li class="active_class_if_media-theme">
+<a href="/c/medien/">
+Medien &amp; Presse      </a>
+<!--submenu_if_media-theme-->
+</li>
+<li class="active_class_if_privacy-policy">
+<a href="/c/datenschutz/">
+Datenschutz      </a>
+<!--submenu_if_privacy-policy-->
+</li>
+<li class="active_class_if_terms-of-use">
+<a href="/c/nutzungsbedingungen/">
+AGB      </a>
+<!--submenu_if_terms-of-use-->
+</li>
+</ul>
+
+<ul class="related-links list-unstyled">
+<li><a href="http://www.betterplace-solutions.de/">betterplace Solutions</a></li>
+<li><a href="http://www.betterplace-lab.org/de">betterplace lab</a></li>
+</ul>
+
+<ul class="related-links list-unstyled hidden-xs">
+<li><a href="https://www.facebook.com/betterplace.org">auf Facebook</a></li>
+<li><a href="https://twitter.com/betterplace_org">auf Twitter</a></li>
+<li><a href="https://plus.google.com/100100745890015830718/">auf Google+</a></li>
+</ul>
+</nav>
+</div>
+
+
+
+<article class="generic-content-header hero-image-row large-content-header">
+<div class="container">
+<div class="generic-desktop-navigation js-main-navigation js-wordpress-desktop-navigation">
+<nav class="generic-sidebar-menu with-public-colors generic-public-sidebar-menu col-md-6">
+
+<ul class="menu list-unstyled">
+<li class="active_class_if_news">
+<a href="/c/neues/">
+Blog &amp; Neuigkeiten      </a>
+<!--submenu_if_news-->
+</li>
+<li class="active_class_if_help">
+<a href="/c/hilfe/">
+Hilfe      </a>
+<!--submenu_if_help-->
+</li>
+<li class="active_class_if_people">
+<a href="/c/unser-team/">
+Unser Team      </a>
+<!--submenu_if_people-->
+</li>
+<li class="current-menu-item">
+<a href="/c/ueber-uns/">
+Über uns      </a>
+<ul id="menu-subnavigation-1"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-474"><a href="/c/ueber-uns/botschafter/">Botschafter</a></li>
+<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-177"><a href="/c/ueber-uns/geschichte/">Geschichte</a></li>
+</ul>
+</li>
+<li class="active_class_if_jobs">
+<a href="/c/stellen/">
+Jobs      </a>
+<!--submenu_if_jobs-->
+</li>
+<li class="active_class_if_contact">
+<a href="/c/kontakt-und-impressum/">
+Kontakt &amp; Impressum      </a>
+<!--submenu_if_contact-->
+</li>
+<li class="active_class_if_media-theme">
+<a href="/c/medien/">
+Medien &amp; Presse      </a>
+<!--submenu_if_media-theme-->
+</li>
+<li class="active_class_if_privacy-policy">
+<a href="/c/datenschutz/">
+Datenschutz      </a>
+<!--submenu_if_privacy-policy-->
+</li>
+<li class="active_class_if_terms-of-use">
+<a href="/c/nutzungsbedingungen/">
+AGB      </a>
+<!--submenu_if_terms-of-use-->
+</li>
+</ul>
+
+<ul class="related-links list-unstyled">
+<li><a href="http://www.betterplace-solutions.de/">betterplace Solutions</a></li>
+<li><a href="http://www.betterplace-lab.org/de">betterplace lab</a></li>
+</ul>
+
+<ul class="related-links list-unstyled hidden-xs">
+<li><a href="https://www.facebook.com/betterplace.org">auf Facebook</a></li>
+<li><a href="https://twitter.com/betterplace_org">auf Twitter</a></li>
+<li><a href="https://plus.google.com/100100745890015830718/">auf Google+</a></li>
+</ul>
+</nav>
+</div>
+</div>
+<section class="content">
+<h1 class="editable">{{ page.page_headline }}</h1>
+<div class="subheadline editable"><p>{{ page.subline }}</p>
+</div>
+<a class="scroll-down"></a>
+</section>
+</article>

data/_includes/sharing.html

@@ -0,0 +1,21 @@
+<meta name="description" content="{{ page.sharing.description }}"/>
+
+<meta property="og:locale" content="{{ site.lang_country }}"/>
+<meta property="og:site_name" content="{{ site.sharing.site_name }}"/>
+<meta property="og:title" content="{{ page.sharing.title }}"/>
+<!-- <meta property="og:url" content="https://www.betterplace.org/c/ueber-uns/"/> -->
+<meta property="og:type" content="blog"/>
+<meta property="og:description" content="{{ page.sharing.description }}"/>
+<meta property="og:image" content="{{ page.sharing.image.url }}"/>
+<meta property="og:image:width" content="{{ page.sharing.image.width }}"/>
+<meta property="og:image:height" content="{{ page.sharing.image.heigh }}"/>
+<meta property="article:publisher" content="https://www.facebook.com/betterplace.org"/>
+<meta property="fb:app_id" content="129531047123577"/>
+
+<meta name="twitter:title" content="{{ page.sharing.title }}"/>
+<!-- <meta name="twitter:url" content="https://www.betterplace.org/c/ueber-uns/"/> -->
+<meta name="twitter:image" content="{{ page.sharing.image.url }}"/>
+<meta name="twitter:card" content="summary_large_image"/>
+<meta name="twitter:site" content="@betterplace_org"/>
+
+<meta property="fb:pages" content="92443445717" />

data/_layouts/current-custom-theme.html

@@ -0,0 +1,8 @@
+---
+layout: default
+head_include: <link rel="stylesheet" href="assets/css/{{ site.css_root }}.css" />
+---
+
+TODO TJO: Oben funktioniert das nicht, man müsste das capuren oder so. Also eigentlich kann man das hier löschen.
+
+{{ content }}

data/_layouts/default-with-wrapper.html

@@ -0,0 +1,9 @@
+---
+layout: default
+---
+
+<script>alert('layout default with wrapper');</script>
+
+<div class="content-wrapper">
+  {{content}}
+</div>

data/_layouts/default.html

@@ -1 +1,50 @@
+<!--
+
+Team
+
+About us
+ -->
+
+<!DOCTYPE html>
+<html lang="{{ site.lang }}">
+<head>
+<meta charset="UTF-8" />
+<meta content="width=device-width, initial-scale=1, maximum-scale=3" name="viewport" />
+
+<title>{{ page.page_title }}</title>
+
+{% if site.plugins contains 'jekyll-feed' %}
+<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ site.url }}/feed" />
+{% endif %}
+
+{% if page.translation_path %}
+<link rel="alternate" hreflang="{{ site.translation_lang | replace:'_','-' }}" href="https://www.betterplace.org/c/{{ page.translation_path }}/">
+{% endif %}
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.slim.min.js" integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g=" crossorigin="anonymous"></script>
+
+{% include sharing.html %}
+{% include google_analytics.html %}
+
+<link rel="stylesheet" href="assets/css/default.css" />
+<!-- TODO TJO: Lösung bei der wir prüfen ob das File existiert. Oder aber nur nach Bedingung (Page? Site?) diese Zeile ausführen. -->
+<link rel="stylesheet" href="assets/css/{{ site.css_root }}.css" />
+
+{{ page.head_include }}
+{{ layout.head_include }}
+
+</head>
+
+<body class="{{ site.css_root }}">
+<div id="fb-root"></div>
+
+{% include header.html %}
+
+{% comment %}{% include navigation.html %}{% endcomment %}
+
 {{ content }}
+
+{% include footer.html %}
+
+</body>
+</html>

data/_layouts/post.html

@@ -1,5 +1,37 @@
 ---
 layout: default
 ---
+{% comment %}
 
-{{ content }}
+  # Um den `header_image_path` zu setzen:
+  # Option 1: Auf _config Ebene für alle Seiten.
+  # Option 2: Pro Page/Post.
+  # Option 3: Über die _config-Defaults für bestimmte Page/Post (siehe bspw. content-stellen).
+
+{% endcomment %}
+{% assign header_image_path = page.header_image_path | default: site.header_image_path %}
+{% if page.header_image_path %}
+  {% capture content_header_css %}no-background-on-mobile has-background-image{% endcapture %}
+  {% capture content_header_style %}background-image: url('{{ page.header_image_path }}');{% endcapture %}
+{% endif %}
+<div class="generic-content-header {{ content_header_css }}" style="{{ content_header_style }}">
+  <div class="container">
+    <div class="row">
+      <div class="col-md-18">
+        <header><h1>{{ page.page_headline }}</h1></header>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="content-wrapper">
+  <div class="container centered">
+    <div class="row">
+      <div class="col-md-24">
+        <article>
+          {{ content }}
+        </article>
+      </div>
+    </div>
+  </div>
+</div>

data/_layouts/redirect.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8" />
+<meta http-equiv="Refresh" content="0; url={{ page.redirect_url }}" />
+<link rel="canonical" href="{{ page.redirect_url }}"/>
+<title>{{ page.page_title }}</title>
+</head>
+<body>
+{{ content }}
+<script>location='{{ page.redirect_url }}'</script>
+</body>
+</html>

data/_sass/about-us/because.sass

@@ -0,0 +1,82 @@
+.because
+
+  +desktop
+    height: 560px
+    background: url('/assets/images/about-us/because-icon-desktop.png') no-repeat white 46% 130px
+
+  +phone
+    background: url('/assets/images/about-us/because-icon-phone.png') no-repeat white 50%  125px
+    background-size: 548px/2 492px/2
+
+  .container
+    +desktop
+      position: relative
+      height: 560px
+
+  .because-headline
+    +phone
+      margin-bottom: 340px
+
+  .because-betterplace-org,
+  .because-lab,
+  .because-solutions,
+  .because-gut-org
+    font-size: 14px
+    line-height: 18px
+
+    +desktop
+      position: absolute
+      width: 240px
+
+      &.because-betterplace-org
+        left: 50px
+        top: 207px
+        text-align: left
+
+      &.because-lab
+        right: 30px
+        top: 118px
+        text-align: left
+
+      &.because-solutions
+        right: 30px
+        top: 266px
+        text-align: left
+
+      &.because-gut-org
+        left: 50%
+        margin-left: -200px
+        top: 424px
+        width: 400px
+        text-align: center
+
+    +phone
+      margin-bottom: 30px
+      padding: 0 10px
+
+      &:before
+        content: ''
+        display: block
+        background: url('/assets/images/about-us/because-icon-phone.png') no-repeat 0 0
+        background-size: 548px / 2  * 1.3 492px /  2 * 1.3
+        margin: 0 auto
+
+      &.because-betterplace-org:before
+        background-position: -18px -103px
+        width: 135px
+        height: 25px
+
+      &.because-lab:before
+        background-position: -117px -48px
+        width: 104px
+        height: 34px
+
+      &.because-solutions:before
+        background-position: -225px -83px
+        width: 114px
+        height: 31px
+
+      &.because-gut-org:before
+        background-position: -148px -289px
+        width: 80px
+        height: 31px