update template css and footer

2011-10-13 11:55:25 -04:00 · 2011-10-13 11:55:25 -04:00 · b0e6ca9b9a
--- a/.gitignore
+++ b/.gitignore
@ -15,3 +15,4 @@ vendor
 tmp/*
 *~
 locale/*
+.#*
--- a/media/css/covehead/template.css
+++ b/media/css/covehead/template.css
@ -46,7 +46,7 @@ body {

 #header {
 	text-align: center;
-	height: 57px;
+	height: 58px;
 	margin: 0 10px;
 }

@ -59,13 +59,12 @@ body {
 #header h1 a:link,
 #header h1 a:visited {
 	display: block;
-	height: 61px;
-	width: 160px;
-	background: url(/media/img/covehead/template/title.png) 0 0 no-repeat;
+	height: 68px;
+	width: 171px;
+	background: url(/media/img/covehead/template/title.png?2011-09-07) 0 0 no-repeat;
 	text-indent: -500px;
 	font-size: 1px;
 	overflow: hidden;
-	-moz-transition: background 0.2s ease-in-out;
 }

 #footer h3 a:hover,
@ -134,11 +133,14 @@ body {
 	border-color: #98b2c9;
 }

-#nav-main ul li a:hover,
-#nav-main ul li:hover a,
 #nav-main ul li.hover a,
 #nav-main ul li.hover a:link,
 #nav-main ul li.hover a:visited {
+	-webkit-box-shadow:
+		inset rgba(255,255,255,0.8) 0 -6px 20px 10px;
+	-webkit-box-shadow:
+		rgba(152,178,201,0.2) 0 0px 0px,
+		inset rgba(255,255,255,0.8) 0 -6px 20px 10px;
 	box-shadow:
 		rgba(152,178,201,0.2) 0 0px 0px,
 		inset rgba(255,255,255,0.8) 0 -6px 20px 10px;
@ -165,13 +167,23 @@ body {

 /* Second-level Menu Items */

-#nav-main li:hover ul,
+#nav-main ul li.last a:hover,
+#nav-main ul li.last a:focus,
+#nav-main ul li.last a:active,
+.js #nav-main ul li.last a:focus,
+#nav-main ul li.hover a {
+	border-right-color: #98b2c9;
+}
+
+/* Second-level Menu Items */
+
 .js #nav-main li.hover ul {
 	margin-top: 47px;
 	left: 0;
 	opacity: 1;
 	-moz-transition: opacity 0.2s ease-in-out;
 	-webkit-transition: opacity 0.2s ease-in-out;
+	transition: opacity 0.2s ease-in-out;
 }

 #nav-main ul ul,
@ -200,13 +212,20 @@ body {
 	text-shadow: 1px 1px 0 #fff, 0 0 5px #fff;
 	background: #fbfdff;
 	background: rgba(255,255,255,0.9);
-	box-shadow: 
+	-webkit-box-shadow:
+		inset rgba(152,178,201,0.3) 0 -2px 0;
+	-webkit-box-shadow:
+		rgba(152,178,201,0.2) 0 2px 0px,
+		inset rgba(152,178,201,0.3) 0 -2px 0;
+	box-shadow:
 		rgba(152,178,201,0.2) 0 2px 0px,
 		inset rgba(152,178,201,0.3) 0 -2px 0;
 }

 #nav-main ul ul li {
-	box-shadow: 
+	-webkit-box-shadow:
+		inset rgba(152,178,201,0.2) 0 -1px 0 0;
+	box-shadow:
 		inset rgba(152,178,201,0.2) 0 -1px 0 0;
 	margin-left: 0;
 }
@ -228,6 +247,7 @@ body {
 	position: relative;
 	-moz-transition: background 0.1s ease-in;
 	-webkit-transition: background 0.1s ease-in;
+	transition: background 0.1s ease-in;
 }

 #nav-main ul ul li a:hover,
@ -240,11 +260,17 @@ body {
 .js #nav-main ul li.current ul li a:focus {
 	background: rgb(227,235,244);
 	background: rgba(152,178,201,0.2);
- 	box-shadow: 
+ 	-webkit-box-shadow:
+		0 0 3px 2px rgba(152,178,201,.2) inset;
+ 	-webkit-box-shadow:
+		inset rgba(152,178,201,0.3) 0 2px 0px,
+		0 0 3px 2px rgba(152,178,201,.2) inset;
+ 	box-shadow:
 		inset rgba(152,178,201,0.3) 0 2px 0px,
 		0 0 3px 2px rgba(152,178,201,.2) inset;
 	-moz-transition: background 0.1s ease-out;
 	-webkit-transition: background 0.1s ease-out;
+	transition: background 0.1s ease-out;
 }

 #nav-main ul li:hover ul li a,
@ -268,7 +294,13 @@ body {
 	border-bottom-left-radius: 4px;
 	background: #fbfdff;
 	background: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.8) 100%);
-	box-shadow: 
+	-webkit-box-shadow:
+		inset rgba(255,255,255,0.8) 0 -6px 6px 4px;
+	-webkit-box-shadow:
+		rgba(152,178,201,0.2) 0 0px 0px,
+		inset rgba(152,178,201,0.3) 0 -2px 0,
+		inset rgba(255,255,255,0.8) 0 -6px 6px 4px;
+	box-shadow:
 		rgba(152,178,201,0.2) 0 0px 0px,
 		inset rgba(152,178,201,0.3) 0 -2px 0,
 		inset rgba(255,255,255,0.8) 0 -6px 6px 4px;
@ -312,6 +344,38 @@ body {
 }

 /* }}} */
+/* {{{ Dark Background Header */
+
+.darkbg #nav-main ul li a,
+.darkbg #nav-main ul li a:link,
+.darkbg #nav-main ul li a:visited,
+.darkbg #nav-main ul li span {
+    color: #fff;
+    border-color: #555;
+}
+
+.darkbg #nav-main ul li li a,
+.darkbg #nav-main ul li li a:link,
+.darkbg #nav-main ul li li a:visited,
+.darkbg #nav-main ul li li span {
+    color: #484848;
+}
+
+.darkbg #nav-main ul li a:hover,
+.darkbg #nav-main ul li:hover a,
+.darkbg #nav-main ul li.hover a,
+.darkbg #nav-main ul li.hover a:link,
+.darkbg #nav-main ul li.hover a:visited {
+    background: #ccc;
+    color: #484848;
+    border-color: #98B2C9;
+}
+
+.darkbg #header h1 a,
+.darkbg #header a.mozilla {
+    background-image: url(/media/img/covehead/template/title-darkbg.png);
+}
+
 /* {{{ Sub-Footer */

 #sub-footer {
@ -324,7 +388,6 @@ body {
 	margin: auto;
 	width: 980px;
 	text-align: left;
-	overflow: auto;
 }

 #sub-footer h3 {
@ -380,6 +443,7 @@ body {
 	color: #fff;
 	-moz-transition: text-shadow 0.2s ease-out;
 	-webkit-transition: text-shadow 0.2s ease-out;
+	transition: text-shadow 0.2s ease-out;
 }

 #sub-footer a:hover,
@ -387,6 +451,12 @@ body {
 	text-shadow: 1px 1px 2px rgba(0,0,0,0.5), 0 0 5px rgba(51,85,155,1), 0 0 20px rgba(255,255,255,0.6);
 	-moz-transition: text-shadow 0.1s ease-out;
 	-webkit-transition: text-shadow 0.1s ease-out;
+	transition: text-shadow 0.1s ease-out;
+}
+
+#sub-footer ul {
+    background-position: 50% -115px;
+    margin-bottom: 30px;
 }

 #sub-footer ul li#footer-twitter  a { background-position: 50% -115px; }
@ -395,11 +465,11 @@ body {

 #sub-footer #sub-footer-newsletter {
 	float: right;
-	width: 275px;
+
 	background: url(/media/img/template/footer-social.png) 30% -412px no-repeat;
 	margin: 0 32px 0 0;
 	padding: 135px 0 0 0;
-	line-height: 24px;
+	line-height: 1em;
 	text-align: left;
 }

@ -413,24 +483,6 @@ body {
 	color: #fff;
 }

-#sub-footer #sub-footer-newsletter a,
-#sub-footer #sub-footer-newsletter a:link,
-#sub-footer #sub-footer-newsletter a:visited {
-	font-family: MetaBlack, "Trebuchet MS", sans-serif;
-	font-weight: bold;
-	text-transform: uppercase;
-	font-style: normal;
-	font-size: 22px;
-	color: #83b3f2;
-	-moz-transition: text-shadow 0.2s ease-in;
-	-webkit-transition: text-shadow 0.2s ease-in;
-}
-
-#sub-footer #sub-footer-newsletter a:hover,
-#sub-footer #sub-footer-newsletter a:active {
-	text-shadow: 1px 1px 1px rgba(0,0,0,0.3), 0 0 5px rgba(51,85,155,1), 0 0 20px rgba(255,255,255,0.4);
-}
-
 /* }}} */
 /* {{{ Footer */

@ -448,6 +500,7 @@ body {
 	text-decoration: none;
 	-moz-transition: color 0.1s ease-in;
 	-webkit-transition: color 0.1s ease-in;
+	transition: color 0.1s ease-in;
 }

 #footer a:hover,
@ -456,6 +509,7 @@ body {
 	text-decoration: underline;
 	-moz-transition: color 0.1s ease-out;
 	-webkit-transition: color 0.1s ease-out;
+	transition: color 0.1s ease-out;
 }

 #footer-contents {
@ -709,3 +763,397 @@ body {


 /* }}} */
+
+/* {{{ Newsletter */
+
+
+#sub-footer-newsletter .email-form .email-open,
+.email-form .email-open {
+	display: inline-block;
+	width: 26px;
+	height: 24px;
+	text-align: center;
+	color: #4878bf;
+	font-weight: bold;
+	font-size: 19px;
+	line-height: 1.1;
+	background: -moz-linear-gradient(
+		left,
+		#bad3f1,
+		#bad3f1 30%,
+		#7eaae7
+	);
+	text-shadow:
+		1px 0 2px rgba(255,255,255, 0.5),
+		1px 0 1px rgba(255,255,255,0.4);
+	-moz-border-radius: 7px;
+	-moz-box-shadow: -2px 0 1px #6a95cc inset, 2px 0 0 rgba(0,0,0,0.1);
+	-moz-transform: rotate(90deg);
+	box-shadow: -2px 0 1px #6a95cc inset, 2px 0 0 rgba(0,0,0,0.1);
+	border-radius: 7px;
+}
+
+.email-form .email-open.opened {
+	-moz-box-shadow: -2px 0 1px #6a95cc inset, 2px 0 0 rgba(0,0,0,0.2);
+	box-shadow: -2px 0 1px #6a95cc inset, 2px 0 0 rgba(0,0,0,0.2);
+	opacity: 0.5;
+	cursor: default;
+}
+.email-form ul.error .email-open:active,
+.email-form ul.error .email-open:focus,
+.email-form .email-open.opened:active,
+.email-form .email-open.opened:focus {
+	outline: none;
+}
+
+.email-form ul.error .form-pane {
+    display: block;
+}
+
+.form-pane .form-details,
+.success-pane p {
+	color: #555;
+	font-size: 14px;
+	line-height: 1.2;
+}
+#firstrun .form-pane .form-details {
+	margin-left: 240px;
+}
+.success-pane p {
+	padding: 10px 0;
+}
+
+.form-pane,
+.success-pane {
+	clear: left;
+	position: relative;
+}
+
+.success-pane h3 {
+	font-weight: normal;
+	font-style: italic;
+	margin: 0;
+}
+
+.success-pane h3 img {
+	position: absolute;
+	top: -12px;
+	right: 0;
+}
+
+.form-pane p.intro {
+	width: 170px;
+	float: left;
+	margin: 5px 0 0 50px;
+	font-size: 13px;
+}
+
+#firstrun .form-pane p.footnote,
+#whatsnew #sidebar .form-pane p.footnote {
+	color: #999
+}
+#whatsnew #sidebar .form-pane p.footnote {
+	margin: 0;
+	font-size: 10px;
+}
+
+.footnote {
+  padding: 5px 0;
+  font-size: 12px;
+}
+
+.email-form select.country,
+.email-form select.lang,
+.email-form input.email {
+	color: #555;
+    background: #fff;
+	border-width: 1px;
+	border-style: solid;
+	padding: 3px;
+	-moz-border-radius: 3px;
+}
+
+.email-form input.email {
+	width: 218px;
+	border-color: #aaa #cdcdcd #cdcdcd #aaa;
+	-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
+}
+#whatsnew .email-form input.email {
+	width: 200px;
+}
+
+.email-form input.email:-moz-placeholder {
+	color: #999;
+}
+.email-form input.email.placeholder {
+	color: #999;
+}
+
+.email-form input.email:focus {
+}
+
+.form-pane .country-field {
+	padding: 12px 2px 2px 2px;
+}
+
+.email-form select.country,
+.email-form select.lang {
+	width: 225px;
+	color: #555;
+	border-color: #cdcdcd #aaa #aaa #cdcdcd;
+	font-size: 14px;
+	-moz-box-shadow: inset -1px -1px 2px rgba(0,0,0,0.1);
+}
+#whatsnew .email-form select.country {
+	width: 208px;
+}
+
+.email-form .form-pane input.subscribe {
+        background: #666666;
+	background: -moz-linear-gradient(
+		center top,
+		#669be1 0%,
+		#5784bf 100%);
+	border: none;
+	padding: 6px 32px 8px;
+	font-family: "Trebuchet MS", sans-serif;
+	font-weight: bold;
+	font-style: normal;
+	font-size: 16px;
+	color: #fff;
+	white-space: nowrap;
+	margin: 10px 0 0 2px;
+	-moz-border-radius: 5px;
+	-moz-box-shadow:
+		0 3px 0 rgba(0, 0, 0, 0.1),
+		0 -3px 0 rgba(0,0,0,0.1) inset;
+}
+
+.email-form .form-pane input.subscribe:hover {
+	-moz-box-shadow:
+		0 3px 0 rgba(0, 0, 0, 0.1),
+		0 -3px 0 rgba(0,0,0,0.1) inset,
+		0 -1px 80px rgba(0,0,0,0.1) inset;
+}
+.email-form .form-pane input.subscribe:active {
+	position: relative;
+	top: 1px;
+	-moz-box-shadow:
+		0 2px 0 rgba(0, 0, 0, 0.1),
+		0 -3px 0 rgba(0,0,0,0.1) inset,
+		0 -1px 80px rgba(0,0,0,0.1) inset;
+}
+
+.email-form .form-pane label {
+	display: block;
+	padding: 10px 0 0 0;
+}
+
+#meil-form .form-pane label input {
+	vertical-align: middle;
+}
+
+.email-form .form-pane .form-error input.email {
+	border-width: 2px;
+	padding: 2px;
+	border-color: #cc4927;
+}
+
+.email-form .error-wrapper,
+#email-form .error-wrapper {
+	display: inline-block;
+	padding: 2px;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	border-radius: 4px;
+}
+
+.email-form .form-pane label.privacy-check-label a {
+	text-decoration: underline;
+}
+
+#whatsnew #sidebar .email-form p.form-error,
+.email-form p.form-error,
+#email-form p.form-error {
+	z-index: 1000;
+	display: none;
+	border: none;
+	color: #fff;
+	background: #b11a04;
+	font-family: MetaWebPro-Book,sans-serif;
+	font-size: 13px;
+	padding: 7px 13px;
+	width: 150px;
+	position: absolute;
+	left: 475px;
+	top: -30px;
+	text-shadow: none;
+	-moz-border-radius: 5px;
+	-moz-box-shadow:
+		0 3px 0 rgba(0,0,0,0.1),
+		0 1px 10px rgba(0,0,0,0.2);
+}
+#whatsnew #sidebar .email-form p.form-error {
+	left: 217px;
+}
+
+.email-form p.form-error-visible {
+	display: block;
+}
+
+.email-form .format-field {
+	padding-top: 10px;
+}
+
+.email-form .form-pane .privacy-field {
+    font-size: 12px;
+    clear: left;
+}
+
+.email-form .radio-wrapper {
+	padding: 1px 4px;
+	float: left;
+	margin: 0;
+	line-height: 0.8;
+	display: inline-block;
+}
+
+.email-form .form-pane .format-field label {
+	padding: 0;
+	margin: 0 12px 0 0;
+	width: auto;
+	float: left;
+}
+
+.email-form .form-pane .format-field input {
+	width: auto;
+	float: none;
+	margin: 0 4px;
+}
+
+.error-email .email-error,
+.error-email #email-error { 
+    display: block !important; 
+}
+
+.error-privacy .privacy-error,
+.error-privacy #privacy-error {
+    display: block !important;
+}
+
+.error-email .email-field .error-wrapper,
+.error-email #email-field .error-wrapper {
+	background: #b11a04;
+}
+.error-privacy .privacy-field .error-wrapper,
+.error-privacy #privacy-field .error-wrapper {
+	border-color: #b11a04;
+	background: #eb7a6b;
+}
+
+.success .open-pane,
+.success #open-pane {
+    display: none !important; 
+}
+
+.success .form-pane,
+.success #form-pane {
+    display: none !important; 
+}
+
+.success .success-pane,
+.success #success-pane {
+    display: block !important;
+}
+
+.success-pane,
+#success-pane,
+.form-pane {
+    display: none;
+}
+
+#sub-footer #newsletter {
+    position: relative;
+    overflow: visible;
+}
+
+#sub-footer #newsletter .success-pane p {
+    color: white;
+}
+
+#sub-footer .form-pane {
+    position: absolute;
+    top: 55px;
+    background-color: white;
+    border-radius: 15px;
+    padding: 15px;
+    z-index: 20;
+}
+
+#sub-footer #newsletter p {
+    max-width: 300px;
+    color: white;
+}
+
+#sub-footer .email-form p.form-error {
+    position: static;
+    color: white !important;
+}
+
+#sub-footer #newsletter,
+#sub-footer #newsletter p,
+#sub-footer .form-pane p,
+#sub-footer .form-pane,
+#sub-footer .form-pane .form-details {
+    color: black;
+}
+
+#sub-footer #newsletter ul,
+#sub-footer #newsletter ul li {
+    margin: 0;
+    list-style: none;
+    color: white;
+    float: none;
+}
+
+#sub-footer #newsletter h3 {
+    float: none;
+    background: none;
+    width: auto;
+    height: auto;
+    margin: 0;
+    padding: 0;
+    color: white;
+}
+
+#sub-footer #newsletter .privacy-field a {
+    background: none;
+    display: inline;
+    font-size: 12px;
+}
+
+#sub-footer #newsletter a,
+#sub-footer #newsletter a:link,
+#sub-footer #newsletter a:visited {
+    padding: 2px 1px;
+    font-family: Georgia, serif;
+    margin: 0;
+    font-style: normal;
+    color: black;
+}
+
+#sub-footer #newsletter a:hover {
+    text-decoration: none;
+    text-shadow: none;
+}
+
+#sub-footer #newsletter a.email-open {
+    color: #4878BF;
+    text-align: center;
+}
+
+/* }}} */
+
+.clear {
+    clear: both;
+}
--- a/templates/includes/footer.html
+++ b/templates/includes/footer.html
@ -1,120 +1,533 @@
+<!-- start #footer -->
 <div id="sub-footer">
  <div id="sub-footer-contents">
-    <h3>{{ _('Let’s be <span>friends!</span>') }}</h3>
-    <ul>
-      <li id="footer-twitter"><a href="http://twitter.com/firefox">{{ _('Twitter') }}</a></li>
-      <li id="footer-facebook"><a href="http://Facebook.com/Firefox">{{ _('Facebook') }}</a></li>
-      <li id="footer-connect"><a href="/en-US/firefox/connect/">{{ _('More Ways to Connect') }}</a></li>
-    </ul>
+    <h3>Let’s be <span>friends!</span></h3>

-    <p id="sub-footer-newsletter">
-      <span class="intro">{{ _('Want us to keep in touch?') }}</span>
-      <a href="/en-US/newsletter/">{{ _('Get Monthly News <span>»</span>') }}</a>
-    </p>
+    <ul>
+      <li id="footer-twitter">
+        <a href="http://twitter.com/firefox" 
+           onclick="dcsMultiTrack('DCS.dcssip', 'twitter.com', 'DCS.dcsuri', '/firefox', 'WT.ti', 'Twitter');">
+          Twitter
+        </a>
+      </li>
+      <li id="footer-facebook">
+        <a href="http://facebook.com/Firefox" 
+           onclick="dcsMultiTrack('DCS.dcssip', 'facebook.com', 'DCS.dcsuri', '/Firefox', 'WT.ti', 'Facebook');">
+          Facebook
+        </a>
+
+      </li>
+      <li id="footer-connect">
+        <a href="/en-US/firefox/connect/" 
+           onclick="dcsMultiTrack('DCS.dcsuri', '/en-US/firefox/connect/', 'WT.ti', 'Connect');">
+          More Ways to Connect
+        </a>
+      </li>
+    </ul>
+    <div id="sub-footer-newsletter">
+      
+      <div class="newsletter-signup   " id="newsletter">
+
+        <div class="container">
+
+          <form class="email-form inline-email-form" action="#subscribe-form" method="post">
+            <input type="hidden" name="target" value="inline" />
+
+            <ul class="">
+              <li class="open-pane" data-wt_uri="" data-wt_ti="">
+                <h3>Get Monthly News</h3>
+                <div class="email-field field">
+
+                  <span class="error-wrapper">
+                    <input
+                       name="email"
+                       type="email"
+                       placeholder="Your Email Address"
+                       value=""
+                       class="email  placeholder">
+                  </span>
+                  <a class="email-open"
+                     href="/en-US/newsletter/"
+                     onclick="dcsMultiTrack('DCS.dcssip', 'www.mozilla.org',
+                              'DCS.dcsuri', '/mainstream_newsletter/step1', 
+                              'WT.ti', 'Link: Monthly News - First Step',
+                              'WT.dl', 99,
+                              'WT.nv', 'Content',
+                              'WT.ac', 'Newsletter');">»</a>
+                </div>
+              </li>
+              <li class="form-pane">
+                <p class="form-error email-error"><span>Whoops! Be sure to enter a valid email address.</span></p>
+
+                <p class="form-error privacy-error"><span>Please read the Mozilla Privacy Policy and agree by checking the box.</span></p>
+                <div class="form-details">
+
+                  <div class="field country-field">
+                    <select class="country" name="country">
+                      <option value="">Select country</option>
+                      <option value='af'>Afghanistan</option>
+                      <option value='al'>Albania</option>
+
+                      <option value='dz'>Algeria</option>
+                      <option value='as'>American Samoa</option>
+                      <option value='ad'>Andorra</option>
+                      <option value='ao'>Angola</option>
+                      <option value='ai'>Anguilla</option>
+                      <option value='aq'>Antarctica</option>
+                      <option value='ag'>Antigua and Barbuda</option>
+                      <option value='ar'>Argentina</option>
+                      <option value='am'>Armenia</option>
+
+                      <option value='aw'>Aruba</option>
+                      <option value='au'>Australia</option>
+                      <option value='at'>Austria</option>
+                      <option value='az'>Azerbaijan</option>
+                      <option value='bs'>Bahamas</option>
+                      <option value='bh'>Bahrain</option>
+                      <option value='bd'>Bangladesh</option>
+                      <option value='bb'>Barbados</option>
+                      <option value='by'>Belarus</option>
+
+                      <option value='be'>Belgium</option>
+                      <option value='bz'>Belize</option>
+                      <option value='bj'>Benin</option>
+                      <option value='bm'>Bermuda</option>
+                      <option value='bt'>Bhutan</option>
+                      <option value='bo'>Bolivia</option>
+                      <option value='ba'>Bosnia and Herzegovina</option>
+                      <option value='bw'>Botswana</option>
+                      <option value='bv'>Bouvet Island</option>
+
+                      <option value='br'>Brazil</option>
+                      <option value='io'>British Indian Ocean Territory</option>
+                      <option value='vg'>British Virgin Islands</option>
+                      <option value='bn'>Brunei Darussalam</option>
+                      <option value='bg'>Bulgaria</option>
+                      <option value='bf'>Burkina Faso</option>
+                      <option value='bi'>Burundi</option>
+                      <option value='kh'>Cambodia</option>
+                      <option value='cm'>Cameroon</option>
+
+                      <option value='ca'>Canada</option>
+                      <option value='cv'>Cape Verde</option>
+                      <option value='ky'>Cayman Islands</option>
+                      <option value='cf'>Central African Republic</option>
+                      <option value='td'>Chad</option>
+                      <option value='cl'>Chile</option>
+                      <option value='cn'>China</option>
+                      <option value='cx'>Christmas Island</option>
+                      <option value='cc'>Cocos (Keeling) Islands</option>
+
+                      <option value='co'>Colombia</option>
+                      <option value='km'>Comoros</option>
+                      <option value='cg'>Congo-Brazzaville</option>
+                      <option value='cd'>Congo-Kinshasa</option>
+                      <option value='ck'>Cook Islands</option>
+                      <option value='cr'>Costa Rica</option>
+                      <option value='hr'>Croatia</option>
+                      <option value='cu'>Cuba</option>
+                      <option value='cy'>Cyprus</option>
+
+                      <option value='cz'>Czech Republic</option>
+                      <option value='dk'>Denmark</option>
+                      <option value='dj'>Djibouti</option>
+                      <option value='dm'>Dominica</option>
+                      <option value='do'>Dominican Republic</option>
+                      <option value='ec'>Ecuador</option>
+                      <option value='eg'>Egypt</option>
+                      <option value='sv'>El Salvador</option>
+                      <option value='gq'>Equatorial Guinea</option>
+
+                      <option value='er'>Eritrea</option>
+                      <option value='ee'>Estonia</option>
+                      <option value='et'>Ethiopia</option>
+                      <option value='fk'>Falkland Islands (Malvinas)</option>
+                      <option value='fo'>Faroe Islands</option>
+                      <option value='fj'>Fiji</option>
+                      <option value='fi'>Finland</option>
+                      <option value='fr'>France</option>
+                      <option value='gf'>French Guiana</option>
+
+                      <option value='pf'>French Polynesia</option>
+                      <option value='tf'>French Southern Territories</option>
+                      <option value='ga'>Gabon</option>
+                      <option value='gm'>Gambia</option>
+                      <option value='ge'>Georgia</option>
+                      <option value='de'>Germany</option>
+                      <option value='gh'>Ghana</option>
+                      <option value='gi'>Gibraltar</option>
+                      <option value='gr'>Greece</option>
+
+                      <option value='gl'>Greenland</option>
+                      <option value='gd'>Grenada</option>
+                      <option value='gp'>Guadeloupe</option>
+                      <option value='gu'>Guam</option>
+                      <option value='gt'>Guatemala</option>
+                      <option value='gg'>Guernsey</option>
+                      <option value='gn'>Guinea</option>
+                      <option value='gw'>Guinea-Bissau</option>
+                      <option value='gy'>Guyana</option>
+
+                      <option value='ht'>Haiti</option>
+                      <option value='hm'>Heard Island and McDonald Islands</option>
+                      <option value='hn'>Honduras</option>
+                      <option value='hk'>Hong Kong</option>
+                      <option value='hu'>Hungary</option>
+                      <option value='is'>Iceland</option>
+                      <option value='in'>India</option>
+                      <option value='id'>Indonesia</option>
+                      <option value='ir'>Iran</option>
+
+                      <option value='iq'>Iraq</option>
+                      <option value='ie'>Ireland</option>
+                      <option value='im'>Isle of Man</option>
+                      <option value='il'>Israel</option>
+                      <option value='it'>Italy</option>
+                      <option value='ci'>Ivory Coast</option>
+                      <option value='jm'>Jamaica</option>
+                      <option value='jp'>Japan</option>
+                      <option value='je'>Jersey</option>
+
+                      <option value='jo'>Jordan</option>
+                      <option value='kz'>Kazakhstan</option>
+                      <option value='ke'>Kenya</option>
+                      <option value='ki'>Kiribati</option>
+                      <option value='kw'>Kuwait</option>
+                      <option value='kg'>Kyrgyzstan</option>
+                      <option value='la'>Laos</option>
+                      <option value='lv'>Latvia</option>
+                      <option value='lb'>Lebanon</option>
+
+                      <option value='ls'>Lesotho</option>
+                      <option value='lr'>Liberia</option>
+                      <option value='ly'>Libya</option>
+                      <option value='li'>Liechtenstein</option>
+                      <option value='lt'>Lithuania</option>
+                      <option value='lu'>Luxembourg</option>
+                      <option value='mo'>Macao</option>
+                      <option value='mk'>Macedonia, F.Y.R. of</option>
+                      <option value='mg'>Madagascar</option>
+
+                      <option value='mw'>Malawi</option>
+                      <option value='my'>Malaysia</option>
+                      <option value='mv'>Maldives</option>
+                      <option value='ml'>Mali</option>
+                      <option value='mt'>Malta</option>
+                      <option value='mh'>Marshall Islands</option>
+                      <option value='mq'>Martinique</option>
+                      <option value='mr'>Mauritania</option>
+                      <option value='mu'>Mauritius</option>
+
+                      <option value='yt'>Mayotte</option>
+                      <option value='mx'>Mexico</option>
+                      <option value='fm'>Micronesia</option>
+                      <option value='md'>Moldova</option>
+                      <option value='mc'>Monaco</option>
+                      <option value='mn'>Mongolia</option>
+                      <option value='me'>Montenegro</option>
+                      <option value='ms'>Montserrat</option>
+                      <option value='ma'>Morocco</option>
+
+                      <option value='mz'>Mozambique</option>
+                      <option value='mm'>Myanmar</option>
+                      <option value='na'>Namibia</option>
+                      <option value='nr'>Nauru</option>
+                      <option value='np'>Nepal</option>
+                      <option value='nl'>Netherlands</option>
+                      <option value='an'>Netherlands Antilles</option>
+                      <option value='nc'>New Caledonia</option>
+                      <option value='nz'>New Zealand</option>
+
+                      <option value='ni'>Nicaragua</option>
+                      <option value='ne'>Niger</option>
+                      <option value='ng'>Nigeria</option>
+                      <option value='nu'>Niue</option>
+                      <option value='nf'>Norfolk Island</option>
+                      <option value='kp'>North Korea</option>
+                      <option value='mp'>Northern Mariana Islands</option>
+                      <option value='no'>Norway</option>
+                      <option value='ps'>Occupied Palestinian Territory</option>
+
+                      <option value='om'>Oman</option>
+                      <option value='pk'>Pakistan</option>
+                      <option value='pw'>Palau</option>
+                      <option value='pa'>Panama</option>
+                      <option value='pg'>Papua New Guinea</option>
+                      <option value='py'>Paraguay</option>
+                      <option value='pe'>Peru</option>
+                      <option value='ph'>Philippines</option>
+                      <option value='pn'>Pitcairn</option>
+
+                      <option value='pl'>Poland</option>
+                      <option value='pt'>Portugal</option>
+                      <option value='pr'>Puerto Rico</option>
+                      <option value='qa'>Qatar</option>
+                      <option value='re'>Reunion</option>
+                      <option value='ro'>Romania</option>
+                      <option value='ru'>Russian Federation</option>
+                      <option value='rw'>Rwanda</option>
+                      <option value='bl'>Saint Barthélemy</option>
+
+                      <option value='sh'>Saint Helena</option>
+                      <option value='kn'>Saint Kitts and Nevis</option>
+                      <option value='lc'>Saint Lucia</option>
+                      <option value='mf'>Saint Martin</option>
+                      <option value='pm'>Saint Pierre and Miquelon</option>
+                      <option value='vc'>Saint Vincent and the Grenadines</option>
+                      <option value='ws'>Samoa</option>
+                      <option value='sm'>San Marino</option>
+                      <option value='st'>Sao Tome and Principe</option>
+
+                      <option value='sa'>Saudi Arabia</option>
+                      <option value='sn'>Senegal</option>
+                      <option value='rs'>Serbia</option>
+                      <option value='sc'>Seychelles</option>
+                      <option value='sl'>Sierra Leone</option>
+                      <option value='sg'>Singapore</option>
+                      <option value='sk'>Slovakia</option>
+                      <option value='si'>Slovenia</option>
+                      <option value='sb'>Solomon Islands</option>
+
+                      <option value='so'>Somalia</option>
+                      <option value='za'>South Africa</option>
+                      <option value='gs'>South Georgia and the South Sandwich Islands</option>
+                      <option value='kr'>South Korea</option>
+                      <option value='es'>Spain</option>
+                      <option value='lk'>Sri Lanka</option>
+                      <option value='sd'>Sudan</option>
+                      <option value='sr'>Suriname</option>
+                      <option value='sj'>Svalbard and Jan Mayen</option>
+
+                      <option value='sz'>Swaziland</option>
+                      <option value='se'>Sweden</option>
+                      <option value='ch'>Switzerland</option>
+                      <option value='sy'>Syria</option>
+                      <option value='tw'>Taiwan</option>
+                      <option value='tj'>Tajikistan</option>
+                      <option value='tz'>Tanzania</option>
+                      <option value='th'>Thailand</option>
+                      <option value='tl'>Timor-Leste</option>
+
+                      <option value='tg'>Togo</option>
+                      <option value='tk'>Tokelau</option>
+                      <option value='to'>Tonga</option>
+                      <option value='tt'>Trinidad and Tobago</option>
+                      <option value='tn'>Tunisia</option>
+                      <option value='tr'>Turkey</option>
+                      <option value='tm'>Turkmenistan</option>
+                      <option value='tc'>Turks and Caicos Islands</option>
+                      <option value='tv'>Tuvalu</option>
+
+                      <option value='ae'>U.A.E.</option>
+                      <option value='vi'>U.S. Virgin Islands</option>
+                      <option value='ug'>Uganda</option>
+                      <option value='ua'>Ukraine</option>
+                      <option value='gb'>United Kingdom</option>
+                      <option value='us' selected='selected'>United States</option>
+                      <option value='um'>United States Minor Outlying Islands</option>
+                      <option value='uy'>Uruguay</option>
+                      <option value='uz'>Uzbekistan</option>
+
+                      <option value='vu'>Vanuatu</option>
+                      <option value='va'>Vatican City</option>
+                      <option value='ve'>Venezuela</option>
+                      <option value='vn'>Vietnam</option>
+                      <option value='wf'>Wallis and Futuna</option>
+                      <option value='eh'>Western Sahara</option>
+                      <option value='ye'>Yemen</option>
+                      <option value='zm'>Zambia</option>
+                      <option value='zw'>Zimbabwe</option>
+
+                      <option value='ax'>Åland Islands</option>
+                    </select>
+                  </div>
+
+                  <div class="field format-field">
+                    <div class="field-radios">
+                      <span class="radio-wrapper"><input type="radio" name="format" class="html-format" id="inline-html-format" value="html" checked="checked"></span>
+                      <label for="inline-html-format">HTML</label>
+                      <span class="radio-wrapper"><input type="radio" name="format" class="text-format" id="inline-text-format" value="text" ></span>
+
+                      <label for="inline-text-format">Text</label>&nbsp;
+                    </div>
+                  </div>
+
+                  <div class="privacy-field">
+                    <label for="inline-privacy-check" class="privacy-check-label">
+                      <span class="error-wrapper"><input type="checkbox" class="privacy-check" id="inline-privacy-check" name="privacy" ></span> I agree to the <a href="/en-US/privacy-policy">Privacy Policy</a>
+
+                    </label>
+                  </div>
+
+                  <input name="submit" type="submit" value="Sign me up!" class="subscribe"
+                         onclick="dcsMultiTrack('DCS.dcssip', 'www.mozilla.org',
+                                  'DCS.dcsuri', '/mainstream_newsletter/signup',
+                                  'WT.ti', 'Link: Mozilla Newsletter',
+                                  'WT.dl', 99,
+                                  'WT.z_convert', 'newsletter',
+                                  'WT.z_page_location', 'footer'
+                                  'WT.nv', 'Content',
+                                  'WT.ac', 'Newsletter');">
+
+                  <p class="footnote">We will only send you Mozilla-related information.</p>
+                </div>
+
+              </li>
+              <li class="success-pane">
+
+                <h3>Thanks for Subscribing!</h3>
+                <p>We look forward to soon begin sharing tips &amp; tricks on getting the most out of Firefox, as well as exciting news about Mozilla and how we’re working to create a better Web.</p>
+              </li>
+            </ul>
+          </form>
+        </div>
+      </div>
+
+    </div>
+
+    <div class="clear"></div>
  </div>
 </div>
-
 <div id="footer">
  <div id="footer-contents" role="contentinfo">
+
    <div id="footer-right">
-      {% block lang_switcher %}
-        {% include 'includes/lang_switcher.html' %}
-      {% endblock %}
+
+      <form id="lang_form" dir="ltr" method="get"><div>
+	  <label for="flang">Other Languages</label>
+	  
+          <select id="flang" name="flang" dir="ltr" onchange="this.form.submit()">    <option value="af">Afrikaans</option>
+            <option value="ak">Akan</option>
+            <option value="ar">&#1593;&#1585;&#1576;&#1610;</option>
+            <option value="as">&#2437;&#2488;&#2478;&#2496;&#2479;&#2492;&#2494;</option>
+
+            <option value="ast">Asturianu</option>
+            <option value="be">Беларуская</option>
+            <option value="bg">&#1041;&#1098;&#1083;&#1075;&#1072;&#1088;&#1089;&#1082;&#1080;</option>
+            <option value="bn-BD">বাংলা (বাংলাদেশ)</option>
+            <option value="bn-IN">&#2476;&#2494;&#2434;&#2482;&#2494;</option>
+            <option value="br">Brezhoneg</option>
+            <option value="bs">Bosanski</option>
+
+            <option value="ca">Catal&#224;</option>
+            <option value="cs">&#268;e&#353;tina</option>
+            <option value="csb">Kaszëbsczi</option>
+            <option value="cy">Cymraeg</option>
+            <option value="da">Dansk</option>
+            <option value="de">Deutsch</option>
+
+            <option value="el">&#917;&#955;&#955;&#951;&#957;&#953;&#954;&#940;</option>
+            <option value="en-ZA">English (South African)</option>
+            <option value="eo">Esperanto</option>
+            <option value="es-AR">Español (Argentina)</option>
+            <option value="es-CL">Español (Chile)</option>
+            <option value="es-ES">Español (España)</option>
+
+            <option value="es-MX">Español (México)</option>
+            <option value="et">Eesti keel</option>
+            <option value="eu">Euskara</option>
+            <option value="en-GB">English (British)</option>
+            <option value="en-US" selected="selected">English (US)</option>
+            <option value="fa">&#1601;&#1575;&#1585;&#1587;&#1740;</option>
+
+            <option value="fi">Suomi</option>
+            <option value="fr">Fran&#231;ais</option>
+            <option value="fy-NL">Frysk</option>
+            <option value="ga-IE">Gaeilge</option>
+            <option value="gd">Gàidhlig</option>
+            <option value="gl">Galego</option>
+
+            <option value="gu-IN">&#2711;&#2753;&#2716;&#2736;&#2750;&#2724;&#2752;</option>
+            <option value="he">&#1506;&#1489;&#1512;&#1497;&#1514;</option>
+            <option value="hi-IN">&#2361;&#2367;&#2344;&#2381;&#2342;&#2368; (&#2349;&#2366;&#2352;&#2340;)</option>
+            <option value="hy-AM">&#1344;&#1377;&#1397;&#1381;&#1408;&#1381;&#1398;</option>
+            <option value="hr">Hrvatski</option>
+            <option value="hu">Magyar</option>
+
+            <option value="id">Bahasa Indonesia</option>
+            <option value="is">&#205;slenska</option>
+            <option value="it">Italiano</option>
+            <option value="ja">&#26085;&#26412;&#35486;</option>
+            <option value="ka">&#4325;&#4304;&#4320;&#4311;&#4323;&#4314;&#4312;&#32;&#4308;&#4316;&#4304;</option>
+            <option value="kk">Қазақ</option>
+            <option value="kn">&#57522;&#38368;&#45736;&#57523;&#36320;&#45736;&#57522;</option>
+
+            <option value="ko">&#54620;&#44397;&#50612;</option>
+            <option value="ku">Kurd&#238;</option>
+            <option value="lg">Luganda</option>
+            <option value="lt">Lietuvi&#371;</option>
+            <option value="lv">Latvie&#353;u</option>
+            <option value="mk">&#1052;&#1072;&#1082;&#1077;&#1076;&#1086;&#1085;&#1089;&#1082;&#1080;</option>
+
+            <option value="ml">&#3374;&#3378;&#3375;&#3390;&#3379;&#3330;</option>
+            <option value="mn">&#1052;&#1086;&#1085;&#1075;&#1086;&#1083;</option>
+            <option value="mr">&#2350;&#2352;&#2366;&#2336;&#2368;</option>
+            <option value="nl">Nederlands</option>
+            <option value="no">Norsk bokm&#229;l</option>
+            <option value="nso">Sepedi</option>
+            <option value="oc">occitan (lengadocian)</option>
+
+            <option value="pa-IN">&#2602;&#2672;&#2588;&#2622;&#2604;&#2624;</option>
+            <option value="pl">Polski</option>
+            <option value="pt-BR">Portugu&#234;s (do Brasil)</option>
+            <option value="pt-PT">Portugu&#234;s (Europeu)</option>
+            <option value="rm">Rumantsch</option>
+            <option value="ro">Rom&#226;n&#259;</option>
+
+            <option value="ru">&#1056;&#1091;&#1089;&#1089;&#1082;&#1080;&#1081;</option>
+            <option value="sk">Sloven&#269;ina</option>
+            <option value="si">&#3523;&#3538;&#3458;&#3524;&#3517;</option>
+            <option value="sl">slovensko</option>
+            <option value="son">Soŋay</option>
+            <option value="sq">Shqip</option>
+
+            <option value="sr">&#1057;&#1088;&#1087;&#1089;&#1082;&#1080;</option>
+            <option value="sv-SE">Svenska</option>
+            <option value="ta">&#2980;&#2990;&#3007;&#2996;&#3021;</option>
+            <option value="ta-LK">Tamil (Sri Lanka)</option>
+            <option value="te">&#57520;&#42208;&#45446;&#57520;&#45792;&#45441;&#57520;&#38880;&#45441;</option>
+            <option value="th">&#3616;&#3634;&#3625;&#3634;&#3652;&#3607;&#3618;</option>
+            <option value="tr">T&#252;rk&#231;e</option>
+
+            <option value="uk">&#1059;&#1082;&#1088;&#1072;&#1111;&#1085;&#1089;&#1100;&#1082;&#1072;</option>
+            <option value="vi">Tiếng Việt</option>
+            <option value="zh-CN">&#20013;&#25991; (&#31616;&#20307;)</option>
+            <option value="zh-TW">&#27491;&#39636;&#20013;&#25991; (&#32321;&#39636;)</option>
+            <option value="zu">isiZulu</option>
+
+          </select>
+	  <noscript>
+	    <div><input type="submit" id="lang_submit" value="Go" /></div>
+	  </noscript>
+      </div></form>
+
    </div>

-    <h3 id="footer-logo"><a href="/en-US/firefox/" title="{{ _('Back to home page') }}">{{ _('Firefox') }}</a></h3>
+    <h3 id="footer-logo"><a href="/en-US/firefox/" title="Back to home page">Firefox</a></h3>

-    {# START footer menu #}
+    
+    <!-- start menu #footer-menu -->
    <div id="footer-menu" role="navigation">
      <ul>
-        <li>
-          <a href="/en-US/firefox/features/">Desktop</a>
-          <ul>
-            <li><a href="/en-US/firefox/features/">Features</a></li>
-            <li><a href="/en-US/firefox/security/">Security</a></li>
-            <li><a href="/en-US/firefox/performance/">Performance</a></li>
-            <li><a href="/en-US/firefox/customize/">Customization</a></li>
-            <li><a href="/en-US/firefox/technology/">Technology</a></li>
-            <li><a href="/en-US/firefox/video/">Videos</a></li>
-            <li><a href="/en-US/firefox/central/">Tour</a></li>
-          </ul>
-        </li>
+        <li><a href="/en-US/firefox/features/">Desktop</a><ul><li><a href="/en-US/firefox/features/">Features</a></li><li><a href="/en-US/firefox/security/">Security</a></li><li><a href="/en-US/firefox/performance/">Performance</a></li><li><a href="/en-US/firefox/customize/">Customization</a></li><li><a href="/en-US/firefox/technology/">Technology</a></li><li><a href="/en-US/firefox/video/">Videos</a></li><li><a href="/en-US/firefox/central/">Tour</a></li><li><a href="/en-US/firefox/channel/">Future Releases</a></li></ul></li>
+        <li><a href="/en-US/mobile/">Mobile</a><ul><li><a href="/en-US/mobile/">Download</a></li><li><a href="/en-US/mobile/features/">Features</a></li><li><a href="/en-US/mobile/customize/">Customization</a></li><li><a href="/en-US/mobile/sync/">Sync</a></li><li><a href="https://developer.mozilla.org/en-US/mobile">Develop</a></li><li><a href="/en-US/mobile/getinvolved/">Get Involved</a></li><li><a href="/en-US/mobile/faq/">FAQ</a></li><li><a href="https://blog.mozilla.com/mobile/">Blog</a></li><li><a href="/en-US/firefox/video?video=fx4-mobile-greatday">Videos</a></li><li><a href="/en-US/firefox/channel/">Future Releases</a></li></ul></li>

-        <li>
-          <a href="/en-US/mobile/">Mobile</a>
-          <ul>
-            <li><a href="/en-US/mobile/">Mobile Overview</a></li>
-            <li><a href="/en-US/mobile/download/">Download</a></li>
-            <li><a href="/en-US/mobile/features/">Features</a></li>
-            <li><a href="https://addons.mozilla.org/en-US/mobile/?browse=featured">Customize</a></li>
-            <li><a href="/en-US/mobile/sync/">Sync</a></li>
-            <li><a href="https://developer.mozilla.org/en-US/mobile">Develop</a></li>
-            <li><a href="/en-US/mobile/getinvolved/">Get Involved</a></li>
-            <li><a href="/en-US/mobile/faq/">FAQ</a></li>
-            <li><a href="https://blog.mozilla.com/mobile/">Blog</a></li>
-          </ul>
-        </li>
-
-        <li>
-          <a href="https://addons.mozilla.org/">Add-ons</a>
-          <ul>
-            <li><a href="https://addons.mozilla.org/firefox/">Firefox Add-ons</a></li>
-            <li><a href="https://addons.mozilla.org/firefox/featured/">Featured Add-ons</a></li>
-            <li><a href="https://addons.mozilla.org/firefox/extensions/">Extensions</a></li>
-            <li><a href="https://addons.mozilla.org/firefox/themes/">Themes</a></li>
-            <li><a href="http://www.getpersonas.com/">Personas</a></li>
-            <li><a href="https://addons.mozilla.org/firefox/search-tools/">Search Tools</a></li>
-            <li><a href="https://addons.mozilla.org/firefox/language-tools/">Language Support</a></li>
-            <li><a href="https://addons.mozilla.org/firefox/collections/">Collections</a></li>
-            <li><a href="https://addons.mozilla.org/mobile/">Mobile Add-ons</a></li>
-            <li><a href="https://addons.mozilla.org/firefox/developers/">Developer Hub</a></li>
-          </ul>
-        </li>
-
-        <li>
-          <a href="http://support.mozilla.com/">Support</a>
-          <ul>
-            <li><a href="http://support.mozilla.com/en-US/kb/">Firefox Support</a></li>
-            <li><a href="http://support.mozilla.com/mobile">Mobile Support</a></li>
-            <li><a href="http://support.mozillamessaging.com/en-US/kb/">Thunderbird Support</a></li>
-          </ul>
-        </li>
-
-        <li>
-          <a href="/en-US/about/">About</a>
-          <ul>
-            <li><a href="/en-US/about/">About Firefox</a></li>
-            <li><a href="http://www.mozilla.org/join">Join Mozilla</a></li>
-            <li><a href="/en-US/about/participate/">Participate</a></li>
-            <li><a href="/en-US/press/">Press Center</a></li>
-            <li><a href="/en-US/about/careers.html">Careers</a></li>
-            <li><a href="/en-US/about/partnerships.html">Partnerships</a></li>
-            <li><a href="/en-US/about/legal.html">Legal</a></li>
-            <li><a href="/en-US/about/contact.html">Contact Us</a></li>
-            <li><a href="http://blog.mozilla.com/">Blog</a></li>
-          </ul>
-        </li>
+        <li><a href="https://addons.mozilla.org/">Add-ons</a><ul><li><a href="https://addons.mozilla.org/firefox/">Firefox Add-ons</a></li><li><a href="https://addons.mozilla.org/firefox/featured/">Featured Add-ons</a></li><li><a href="https://addons.mozilla.org/firefox/extensions/">Extensions</a></li><li><a href="https://addons.mozilla.org/firefox/themes/">Themes</a></li><li><a href="http://www.getpersonas.com/">Personas</a></li><li><a href="https://addons.mozilla.org/firefox/search-tools/">Search Tools</a></li><li><a href="https://addons.mozilla.org/firefox/language-tools/">Language Support</a></li><li><a href="https://addons.mozilla.org/firefox/collections/">Collections</a></li><li><a href="https://addons.mozilla.org/mobile/">Mobile Add-ons</a></li><li><a href="https://addons.mozilla.org/firefox/developers/">Developer Hub</a></li></ul></li>
+        <li><a href="http://support.mozilla.com/">Support</a><ul><li><a href="http://support.mozilla.com/en-US/kb/">Firefox Support</a></li><li><a href="http://support.mozilla.com/mobile">Mobile Support</a></li><li><a href="http://support.mozillamessaging.com/en-US/kb/">Thunderbird Support</a></li></ul></li>

+        <li><a href="/en-US/firefox/about/">About</a><ul><li><a href="/en-US/firefox/about/">About Firefox</a></li><li><a href="http://www.mozilla.org/join">Join Mozilla</a></li><li><a href="/en-US/about/participate/">Participate</a></li><li><a href="/en-US/press/">Press Center</a></li><li><a href="/en-US/firefox/brand/">Brand Toolkit</a></li><li><a href="/en-US/about/careers.html">Careers</a></li><li><a href="/en-US/about/partnerships.html">Partnerships</a></li><li><a href="/en-US/about/legal.html">Legal</a></li><li><a href="/en-US/about/contact.html">Contact Us</a></li><li><a href="http://blog.mozilla.com/">Blog</a></li></ul></li>
      </ul>
    </div>
-    {# END footer menu #}
+    <!-- end menu #footer-menu -->

    <div id="copyright">
-      <p id="footer-links">
-        <a href="http://www.mozilla.com/en-US/privacy-policy.html">{{ _('Privacy Policy') }}</a> &nbsp;|&nbsp;
-        <a href="http://www.mozilla.com/en-US/about/legal.html">{{ _('Legal Notices') }}</a> &nbsp;|&nbsp;
-        <a href="http://www.mozilla.com/en-US/legal/fraud-report/index.html">{{ _('Report Trademark Abuse') }}</a><br/>
-      </p>
-      <p>
-        {% trans legal_url='http://www.mozilla.com/en-US/about/legal.html#site',
-                 license_url='http://creativecommons.org/licenses/by-sa/3.0/' %}
-          Except where otherwise <a href="{{ legal_url }}">noted</a>,
-          content on this site is licensed under the <br/>
-          <a href="{{ license_url }}">Creative Commons Attribution Share-Alike License v3.0</a>
-          or any later version.
-        {% endtrans %}
-      </p>
+      <p id="footer-links"><a href="/en-US/privacy-policy.html">Privacy Policy</a> &nbsp;|&nbsp; 
+	<a href="/en-US/about/legal.html">Legal Notices</a> &nbsp;|&nbsp;
+        <a href="/en-US/legal/fraud-report/index.html">Report Trademark Abuse</a></p>
+      <p>Except where otherwise <a href="/en-US/about/legal.html#site">noted</a>, content on this site is licensed under the <br /><a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution Share-Alike License v3.0</a> or any later version.</p>
+
    </div>

-  </div>{# /footer-contents #}
+  </div>
 </div>
+<!-- end #footer -->