30.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>DLS - DEVELOPMENT BUILD</title>
    <base href="/" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" type="image/x-icon" href="favicon.ico" />
    <link rel="stylesheet" href="bigstyle.css" />
    <link rel="stylesheet" href="style.css" />
    <link rel="stylesheet" href="buttons.css" />
    <link rel="stylesheet" href="pdfpreview.css" />
  </head>
  <body class="authenticatedpage page legacy-page base-page basicpage page-mygov-auth-account bg-blue-grey">
    <div class="root responsivegrid">
      <div class="aem-Grid aem-Grid--12 aem-Grid--tablet--12 aem-Grid--default--12 aem-Grid--phone--12 ">
        <div class="responsivegrid aem-GridColumn--tablet--12 aem-GridColumn--offset--tablet--0 aem-GridColumn--default--none aem-GridColumn--phone--none aem-GridColumn--phone--12 aem-GridColumn--tablet--none aem-GridColumn aem-GridColumn--default--10 aem-GridColumn--offset--phone--0 aem-GridColumn--offset--default--1">
          <div class="aem-Grid aem-Grid--10 aem-Grid--default--10 ">
            <div class="authaccountbody aem-GridColumn aem-GridColumn--default--10">
              <div class="authenticated-body-container">
                <div class="authenticated-body-container__page">
                  <main id="main" role="main" tabindex="-1">
                    <div class="documentlodgementservice generic">
                        <!-- ADD YOUR PAGE IN HERE -->
                        <div class="subtitle">Document upload service</div>
                        <h1>signaturepage.jpg</h1>

                        <div class="full-box">
                          <h2>Uploading</h2>
                          <button class="btn tertiary">Cancel</button>
                          <div class="pdf-preview-loading">
                            <div class="pdf-preview-loading__text">
                              <div style="background-color:green">loading animation</div> <!-- placeholder for loading animation gif-->
                              Generating preview...
                            </div>
                          </div>
                          <a class="btn primary">Continue</a>
                          <div class="spacer-l"></div>
                          <h3>What you need to know</h3>
                          <h4>Lorem ipsum dolor sit amet.</h4>
                          <p class="no-bottom-margin">Sed do eiusmod tempor incididunt ut labore et dolore:</p>
                          <ul>
                              <li>cursus euismod quis viverra</li>
                              <li>nibh cras pulvinar mattis nunc.</li>
                          </ul>
                          <p class="no-bottom-margin">Sed do eiusmod tempor incididunt ut labore et dolore:</p>
                          <ul>
                              <li>cursus euismod quis viverra</li>
                              <li>nibh cras pulvinar mattis nunc.</li>
                          </ul>
                          <h4>Pretium lectus quam id leo in vitae</h4>
                          <p>
                            Bibendum neque egestas congue quisque egestas diam in arcu cursus. 
                            Diam vulputate ut pharetra sit amet. Aliquet sagittis id consectetur purus ut faucibus. 
                          </p>
                        </div>
                    </div>
                  </main>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>