adding landing page microfooter - #787

MozillaFoundation · Sep 29, 2017 · 8bbb995 · 8bbb995
1 parent 576ff34
commit 8bbb995
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 0 deletions.
diff --git a/network-api/app/networkapi/templates/pages/landingpage.html b/network-api/app/networkapi/templates/pages/landingpage.html
@@ -83,6 +83,15 @@ <h1 class="h1-white">{{ page.landingpage.header }}</h1>
         <div class="row">
           <div class="join-us full-width col mb-5" data-cta-header="{{ page.landingpage.signup.header | escape }}" data-cta-description="{{ page.landingpage.signup.description | escape }}" data-newsletter="{{ page.landingpage.signup.newsletter }}"></div>
         </div>{% endif %}
+        <div class="row mb-5">
+          <div class="col-12">
+            <hr class="my-2">
+            <div class="opp-foot d-flex align-items-center"><img class="mr-3" src="/_images/green-20.svg" width="51" height="45">
+              <p class="body-black mb-0">This is part of a broader movement for a healthy internet. <a href="#TODO">See more</a>.</p>
+            </div>
+            <hr class="my-2">
+          </div>
+        </div>
       </div>
       <footer class="mofo-footer">
         <div class="container">

diff --git a/source/images/green-20.svg b/source/images/green-20.svg
diff --git a/source/pug/views/opportunity.pug b/source/pug/views/opportunity.pug
@@ -42,3 +42,10 @@ block content
     .row
       .join-us.full-width.col.mb-5(data-cta-header=`{{ page.landingpage.signup.header | escape }}`, data-cta-description=`{{ page.landingpage.signup.description | escape }}`, data-newsletter=`{{ page.landingpage.signup.newsletter }}`)
     | {% endif %}
+    .row.mb-5
+      .col-12
+        hr.my-2
+        .opp-foot.d-flex.align-items-center
+          img.mr-3(src=`/_images/green-20.svg`, width=51, height=45)
+          p.body-black.mb-0 This is part of a broader movement for a healthy internet. #[a(href=`#TODO`) See more].
+        hr.my-2