summaryrefslogtreecommitdiff
path: root/src/31.html
blob: 97c4d59acf484804c3d12ee9f9ad685d3ca776c4 (plain)
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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!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="css/bigstyle.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/buttons.css" />
    <link rel="stylesheet" href="css/pdfpreview.css" />
    <link rel="stylesheet" href="css/uploadbox.css" />
    <link rel="stylesheet" href="css/infobox.css" />
    <link rel="stylesheet" href="css/sidepanel.css" />
    <link rel="stylesheet" href="css/fullonmobile.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 -->
                        <tester></tester>
                        <div class="subtitle">Document upload service</div>
                        <h1>signaturepage.jpg</h1>

                        <div class="horiz-container full-width-on-mobile">
                          <div class="upload-box">

                            <h2>Uploading</h2>
                            <div class="file-size">File size: 378 KB</div>
                            <div class="info-box inline">
                              <img class="info-box__icon" src="img/info.png" />
                              <div class="info-box__text">
                                Lorem ipsum dolor sit amet, consec tetur adipiscing elit.
                              </div>
                            </div>
                            <p>Cursus euismod quis viverra nibh cras pulvinar mattis nunc. 
                              Bibendum neque egestas congue quisque egestas diam in arcu cursus.
                            </p>
                            <div class="btn-group">
                              <label class="btn btn--tertiary">Delete</label>
                              <label class="btn btn--tertiary">Replace</label>
                            </div>
                            <div class="pdf-preview">
                              <img src="img/docbig.png" />
                            </div>
                            <label class="btn btn--primary">Continue</label>
                          </div>
                          
                          <div class="side-panel">
                            <h3>What you need to know</h3>
                            <h4>Lorem ipsum dolor sit amet.</h4>
                            <ul>
                              Sed do eiusmod tempor incididunt ut labore et dolore:
                                <li>cursus euismod quis viverra</li>
                                <li>nibh cras pulvinar mattis nunc.</li>
                            </ul>
                            <ul>
                              Sed do eiusmod tempor incididunt ut labore et dolore:
                                <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>
                    </div>
                  </main>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>