diff options
| author | akiyamn | 2022-06-09 11:59:24 +1000 |
|---|---|---|
| committer | akiyamn | 2022-06-09 11:59:24 +1000 |
| commit | 7b9475a8c88888ce17b045ab262e332c251ddfc2 (patch) | |
| tree | 58fd2fbe8df441a34a5ccf1bfdcc26533a17f0e0 /src/37.html | |
| parent | f3d54e91357346bcf44925b603a7bc2249627d43 (diff) | |
| download | css-7b9475a8c88888ce17b045ab262e332c251ddfc2.tar.gz css-7b9475a8c88888ce17b045ab262e332c251ddfc2.zip | |
Tweaks and reworked 37.html again
Diffstat (limited to 'src/37.html')
| -rw-r--r-- | src/37.html | 139 |
1 files changed, 79 insertions, 60 deletions
diff --git a/src/37.html b/src/37.html index 01224e4..50c36a9 100644 --- a/src/37.html +++ b/src/37.html @@ -13,76 +13,95 @@ <link rel="stylesheet" href="css/infobox.css" /> <link rel="stylesheet" href="css/supportingdocs.css" /> </head> - <body class="authenticatedpage page legacy-page base-page basicpage page-mygov-auth-account bg-blue-grey"> + <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="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>Add files</h1> - <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, - sed do eiusmod tempor. - </p> - <div class="supporting-docs-container"> - <div class="upload-box"> - <div class="upload-box__link-box"> - <div class="upload-box__link-title"><a href="#">Permanent residency application</a></div> - <img class="upload-box__link-icon" src="img/arrow.png" /> - </div> - <div class="upload-box__text"> - Lorem ipsum dolor sit amet, consectetur adipiscing elit, - sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </div> + <!-- ADD YOUR PAGE IN HERE --> + <div class="subtitle">Document upload service</div> + <h1>Add files</h1> + + + <h1>Select supporting document</h1> + <p>You may need to add more than one supporting document. Choose and add one document at a time.</p> + + <div class="supporting-docs-container"> + <button + role="button" (click)="selectSupportingDoc.emit(supportingDoc.name)" + class="upload-box" + > + <div class="upload-box__content"> + <div class="upload-box__title-container"> + <div class="upload-box__title">Permanent residency application </div> + <i class="upload-box__arrow-icon"></i> </div> - <div class="upload-box"> - <div class="upload-box__link-box"> - <div class="upload-box__link-title">Permanent residency refused or something something</div> - <a href="#"><img class="upload-box__link-icon" src="img/arrow.png" /></a> - </div> - <div class="upload-box__text"> - Lorem ipsum dolor sit amet, consectetur adipiscing elit, - sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </div> + <span class="upload-box__text">Evidence showing you had applied for permanent residency</span> + </div> + </button> + <button + role="button" (click)="selectSupportingDoc.emit(supportingDoc.name)" + class="upload-box" + > + <div class="upload-box__content"> + <div class="upload-box__title-container"> + <div class="upload-box__title">Permanent residency refused or withdrawn </div> + <i class="upload-box__arrow-icon"></i> </div> - <div class="upload-box"> - <div class="upload-box__link-box"> - <a href="#"> - <div class="upload-box__link-title">Permanent residency decision appeal</div> - <img class="upload-box__link-icon" src="img/arrow.png" /> - </a> - </div> - <div class="upload-box__text"> - Lorem ipsum dolor sit amet, consectetur adipiscing elit, - sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </div> + <span class="upload-box__text">Evidence showing your application for permanent residency had been refused or withdrawn</span> + </div> + </button> + <button + role="button" (click)="selectSupportingDoc.emit(supportingDoc.name)" + class="upload-box" + > + <div class="upload-box__content"> + <div class="upload-box__title-container"> + <div class="upload-box__title">Permanent residency decision appeal </div> + <i class="upload-box__arrow-icon"></i> </div> - <div class="upload-box"> - <div class="upload-box__link-box"> - <div class="upload-box__link-title">Appeal for Ministerial Intervention</div> - <img class="upload-box__link-icon" src="img/arrow.png" /> - </div> - <div class="upload-box__text"> - Lorem ipsum dolor sit amet, consectetur adipiscing elit, - sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </div> + <span class="upload-box__text">Evidence from the Administrative Appeal Tribunal, Federal Court or High Court showing you had appealed the decision to refuse your application for permanent residency</span> + </div> + </button> + <button + role="button" (click)="selectSupportingDoc.emit(supportingDoc.name)" + class="upload-box" + > + <div class="upload-box__content"> + <div class="upload-box__title-container"> + <div class="upload-box__title">Appeal for Ministerial Intervention </div> + <i class="upload-box__arrow-icon"></i> </div> - <div class="upload-box"> - <div class="upload-box__link-box"> - <div class="upload-box__link-title">Proof of Health Insurance</div> - <img class="upload-box__link-icon" src="img/arrow.png" /> - </div> - <div class="upload-box__text"> - Lorem ipsum dolor sit amet, consectetur adipiscing elit, - sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - </div> + <span class="upload-box__text">Evidence that your Appeal for Ministerial Intervention against the decision the decision to refuse your permanent residency application is being considered</span> + </div> + </button> + <button + role="button" (click)="selectSupportingDoc.emit(supportingDoc.name)" + class="upload-box" + > + <div class="upload-box__content"> + <div class="upload-box__title-container"> + <div class="upload-box__title">Proof of Health Insurance</div> + <i class="upload-box__arrow-icon"></i> </div> + <span class="upload-box__text">European Health Insurance Card or other proof of insurance</span> </div> + </button> + </div> + </div> </main> </div> @@ -93,4 +112,4 @@ </div> </div> </body> -</html>
\ No newline at end of file +</html> |