12 files changed, 141 insertions, 0 deletions
diff --git a/templates/web/tfl/around/intro.html b/templates/web/tfl/around/intro.html
new file mode 100644
index 000000000..51557dd1e
--- /dev/null
+++ b/templates/web/tfl/around/intro.html
@@ -0,0 +1,2 @@
+<h1>[% loc('Report a problem on a street') %]</h1>
+<h2>[% loc('Report a problem on a street in London or look at and discuss problems that have already been reported.') %]</h2>
diff --git a/templates/web/tfl/contact/_heading.html b/templates/web/tfl/contact/_heading.html
new file mode 100644
index 000000000..a33ed8f0b
--- /dev/null
+++ b/templates/web/tfl/contact/_heading.html
@@ -0,0 +1 @@
+<h1>Contact street care</h1>
diff --git a/templates/web/tfl/email_sent.html b/templates/web/tfl/email_sent.html
new file mode 100644
index 000000000..581ff2b61
--- /dev/null
+++ b/templates/web/tfl/email_sent.html
@@ -0,0 +1,25 @@
+[% INCLUDE 'header.html', bodyclass = 'fullwidthpage', title = loc('Create a report') %]
+
+<div class="confirmation-header confirmation-header--inbox">
+
+    <h1>[% loc("Nearly done! Now check your email&hellip;") %]</h1>
+
+    <p>
+    [% IF email_type == 'problem' %]
+        We’ve sent you a confirmation email. Click the link to publish your problem.
+    [% ELSIF email_type == 'update' %]
+        We’ve sent you a confirmation email. Click the link to publish your update.
+    [% ELSIF email_type == 'alert' %]
+        We’ve sent you a confirmation email. Click the link to activate your alert.
+    [% END %]
+    </p>
+
+    [% TRY %][% INCLUDE '_email_sent_extra.html' %][% CATCH file %][% END %]
+
+    <p>
+        [% loc("Can&rsquo;t find our email? Check your spam folder&nbsp;&ndash; that&rsquo;s the solution 99% of the time.") %]
+    </p>
+
+</div>
+
+[% INCLUDE 'footer.html' %]
diff --git a/templates/web/tfl/footer.html b/templates/web/tfl/footer.html
new file mode 100644
index 000000000..c96c21d00
--- /dev/null
+++ b/templates/web/tfl/footer.html
@@ -0,0 +1,15 @@
+                </div><!-- .content role=main -->
+            </div><!-- .container -->
+        </div><!-- .table-cell -->
+
+        <div class="nav-wrapper">
+            <div class="container">
+                [% INCLUDE "main_nav.html" hide_privacy_link=1 %]
+            </div>
+        </div>
+    </div> <!-- .wrapper -->
+
+    [% INCLUDE 'common_footer_tags.html' %]
+
+</body>
+</html>
diff --git a/templates/web/tfl/footer_extra.html b/templates/web/tfl/footer_extra.html
new file mode 100644
index 000000000..b3f23f3a2
--- /dev/null
+++ b/templates/web/tfl/footer_extra.html
@@ -0,0 +1,11 @@
+<div id="footer" role="contentinfo">
+  <div class="container">
+    <div class="terms-and-conditions-menu" role="navigation" aria-labelledby="site-structure-heading">
+      <h2 id="site-structure-heading" class="visuallyhidden">Site structure and legal information</h2>
+      <ul>
+        <li><a href="https://tfl.gov.uk/corporate/terms-and-conditions/website">Terms &amp; conditions </a></li><li><a href="https://tfl.gov.uk/corporate/privacy-and-cookies/reporting-street-problems">Privacy &amp; cookies</a></li><li><a href="https://tfl.gov.uk/corporate/website-accessibility/">Website accessibility</a></li>
+      </ul>
+    </div>
+  </div>
+</div>
+
diff --git a/templates/web/tfl/header_site.html b/templates/web/tfl/header_site.html
new file mode 100644
index 000000000..48759eff4
--- /dev/null
+++ b/templates/web/tfl/header_site.html
@@ -0,0 +1,13 @@
+<header id="site-header" role="banner">
+  <div class="container clearfix">
+    <div class="logo">
+      <a href="https://tfl.gov.uk/">
+        <span id="site-logo">Transport for London</span>
+      </a>
+    </div>
+    <div class="top-row-extras">
+      <a href="#main-nav"><span>Menu</span><span class="arrow">&nbsp;</span></a>
+      <a href="/" title="Report a problem"><span>Report</span></a>
+    </div>
+  </div>
+</header>
diff --git a/templates/web/tfl/index-steps.html b/templates/web/tfl/index-steps.html
new file mode 100644
index 000000000..a66ac8654
--- /dev/null
+++ b/templates/web/tfl/index-steps.html
@@ -0,0 +1,14 @@
+<h2>[% loc('How to report a problem') %]</h2>
+
+<ol class="big-numbers">
+    <li>[% question %]</li>
+    <li>Tell us where it is on the map</li>
+    <li>[% loc('Enter details of the problem') %]</li>
+    <li>Confirm the report and we will investigate</li>
+</ol>
+
+<section class="full-width">
+[% INCLUDE "front/stats.html" %]
+[% TRY %][% INCLUDE "front/tips.html" %][% CATCH file %][% END %]
+</section>
+
diff --git a/templates/web/tfl/report/form/private_details.html b/templates/web/tfl/report/form/private_details.html
new file mode 100644
index 000000000..6e939cb09
--- /dev/null
+++ b/templates/web/tfl/report/form/private_details.html
@@ -0,0 +1,19 @@
+<!-- private_details.html -->
+<h2 class="form-section-heading form-section-heading--private">[% loc('Tell us about you') %]</h2>
+
+[% UNLESS c.user_exists %]
+<p class="hidden-nojs js-new-report-sign-in-hidden">
+    <a class="js-new-report-show-sign-in" href="#">[% loc('Or sign in with password to prefill this information.') %]</a>
+</p>
+[% END %]
+
+<p class="form-section-description js-new-report-sign-in-hidden" id="js-councils_text_private">
+  [% IF js %]
+    These details will be sent to Transport for London, but will never be shown online without your permission.
+    (<a href="[% c.cobrand.privacy_policy_url %]">[% loc('See our privacy policy') %]</a>.)
+  [% ELSE %]
+    [% PROCESS 'report/new/councils_text_private.html' %]
+  [% END %]
+</p>
+
+<!-- /private_details.html -->
diff --git a/templates/web/tfl/report/new/after_photo.html b/templates/web/tfl/report/new/after_photo.html
new file mode 100644
index 000000000..ed05e4191
--- /dev/null
+++ b/templates/web/tfl/report/new/after_photo.html
@@ -0,0 +1,10 @@
+[% IF c.cobrand.allow_photo_upload %]
+<div class="description_tips" aria-label="[% loc('Tips for perfect photos') %]">
+    <ul class="do">
+        <li>[% loc('Use close-ups and wide shots to show the issue to us') %]</li>
+    </ul>
+    <ul class="dont">
+        <li>[% loc('Avoid personal information and vehicle number plates') %]</li>
+    </ul>
+</div>
+[% END %]
+\ No newline at end of file
diff --git a/templates/web/tfl/report/new/councils_text_all.html b/templates/web/tfl/report/new/councils_text_all.html
new file mode 100644
index 000000000..22e130347
--- /dev/null
+++ b/templates/web/tfl/report/new/councils_text_all.html
@@ -0,0 +1,16 @@
+<p>
+[% UNLESS non_public_categories.$category;
+
+    tprintf(
+        'Information you enter here will be sent to us and published for others to see, in accordance with our <a href="%s">privacy policy</a>.',
+        c.cobrand.privacy_policy_url
+    );
+
+ELSE;
+
+    tprintf(
+        'Information you enter here will be sent to us but not published online.',
+    );
+
+END %]
+</p>
diff --git a/templates/web/tfl/report/new/councils_text_private.html b/templates/web/tfl/report/new/councils_text_private.html
new file mode 100644
index 000000000..b007a9524
--- /dev/null
+++ b/templates/web/tfl/report/new/councils_text_private.html
@@ -0,0 +1,4 @@
+[% FILTER collapse %]
+These details will be sent to Transport for London, but will never be shown online without your permission.
+(<a href="[% c.cobrand.privacy_policy_url %]">[% loc('See our privacy policy') %]</a>.)
+[% END -%]
diff --git a/templates/web/tfl/report/new/inline-tips.html b/templates/web/tfl/report/new/inline-tips.html
new file mode 100644
index 000000000..2cd3f2961
--- /dev/null
+++ b/templates/web/tfl/report/new/inline-tips.html
@@ -0,0 +1,11 @@
+<div class="description_tips" aria-label="Tips for successful reports">
+    <ul class="do">
+        <li>Be polite</li>
+        <li>Tell us exactly where this is</li>
+        <li>Say how long the issue has been here</li>
+    </ul>
+    <ul class="dont">
+        <li>Don’t identify or blame people</li>
+        <li>Don’t give out anyone’s contact details</li>
+    </ul>
+</div>