PHX-46 implemented time is up screen

edx_proctoring/templates/proctoring/seq_proctored_exam_instructions.html

@@ -11,7 +11,7 @@
       with installation and setup instructions. You can also <a href="#">open the installation</a>
     {% endblocktrans %}
   </p>
-  <div class="exam-code">
+  <div class="proctored-exam-message">
     <h3>
     {% blocktrans %}
       Here is your unique exam code. You'll be asked for it during the setup.
@@ -32,7 +32,7 @@
       Please be prepared to start the exam and follow all the guidelines of an edX proctored exam.
     {% endblocktrans %}
   </p>
-  <p class="new">
+  <p class="proctored-exam-option">
     {% blocktrans %}
       Don't want to take this as a proctored exam? <a href="#">Take this as an open exam instead.</a>
     {% endblocktrans %}

edx_proctoring/templates/proctoring/seq_timed_exam_expired.html

 {% load i18n %}
-<div class="sequence timed-exam expired">
-    <div class="gated-sequence">
-        {% trans "You have run out of time!" %}
-    </div>
+<div class="critical-time sequence proctored-exam entrance" data-exam-id="{{exam_id}}">
+  <h3>
+    {% blocktrans %}
+      You did not complete the proctored exam in the allotted time
+    {% endblocktrans %}
+  </h3>
+  <p>
+    {% blocktrans %}
+      Since you did not submit your exam and proctored session before the time allotted expired. your work cannot be
+      considered as a proctored exam that's eligible for credit. Any work you've completed may still be counted for
+      partial credit towards your grade.
+    {% endblocktrans %}
+  </p>
+  <div class="proctored-exam-message">
+    <p>
+      {% blocktrans %}
+        Please see <a href="#">your progress in this course</a> for your general course credit worthiness.
+      {% endblocktrans %}
+    </p>
+  </div>
 </div>
-{% include 'proctoring/seq_timed_exam_footer.html' %}
\ No newline at end of file
+<div class="footer-sequence border-b-0 padding-b-0">
+  <span> {% trans "Is there anything i can do to make up/replace this session ?" %} </span>
+    <p>
+    {% blocktrans %}
+      text goes here.
+    {% endblocktrans %}
+  </p>
+</div>
+{% include 'proctoring/seq_timed_exam_footer.html' %}