sigit_design/dashboard-progress.html

433 lines
66 KiB
HTML

<!DOCTYPE html>
<html class="htmlMain" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>SIGit</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&amp;display=swap">
<link rel="stylesheet" href="assets/css/dashboard.css">
<link rel="stylesheet" href="assets/css/files.css">
<link rel="stylesheet" href="assets/css/footer.css">
<link rel="stylesheet" href="assets/css/frontpage.css">
<link rel="stylesheet" href="assets/css/nav.css">
<link rel="stylesheet" href="assets/css/pagination.css">
<link rel="stylesheet" href="assets/css/popups.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/uploadBox.css">
</head>
<body class="bodyMain">
<div class="secMain secMainNav">
<div class="containerMain">
<div class="secMainNavInside">
<div class="secMainNavInsideSec secMainNavInsideSecLeft"><a class="linkMain secMainNavInsideLeftLink" href="index.html">
<div class="secMainNavInsideLeftLinkImg" style="background: url(&quot;assets/img/SIGit%20Logo%20Text%20H.svg&quot;) center left / contain no-repeat;"></div>
</a></div>
<div class="secMainNavInsideSec secMainNavInsideSecMid">
<div class="secMainNavInsideSecMidInside"></div>
</div>
<div class="secMainNavInsideSec secMainNavInsideSecRight">
<div class="secMainNavInsideSecRightInside"><a role="button" class="btnMain" href="dashboard.html"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M512 144v288c0 26.5-21.5 48-48 48h-416C21.5 480 0 458.5 0 432v-352C0 53.5 21.5 32 48 32h160l64 64h192C490.5 96 512 117.5 512 144z"></path>
</svg>Dashboard</a><button id="loginBtn" class="btnMain secMainNavInsideSecRightInsideBtn" type="button"><img class="btnMainImg" src="assets/img/User%20Profile%20Picture%20Default.png" width="20" height="20">Login</button></div>
</div>
</div>
</div>
</div>
<div class="secMain secMainBody">
<div class="secMainBodySec secMainBodySecFiles">
<div class="containerMain containerMainFullHeight">
<div class="secMainBodySecInside secMainBodySecInsideFiles">
<div class="filesPage">
<div class="filesPageSec filesPageSecSides">
<div class="filesPageSecSidesWrap">
<div class="filesPageSecSidesSec">
<div class="filesPageSecSidesSecFiles">
<div class="filesPageSecSidesSecFilesFile filesPageSecSidesSecFilesFileActive">
<div class="filesPageSecSidesSecFilesFileNumber">
<p>1</p>
</div>
<div class="filesPageSecSidesSecFilesFileInfo">
<p class="filesPageSecSidesSecFilesFileText">File name</p>
</div>
<div class="filesPageSecSidesSecFilesFileVisual"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"></path>
</svg></div>
</div>
<div class="filesPageSecSidesSecFilesFile">
<div class="filesPageSecSidesSecFilesFileNumber">
<p>2</p>
</div>
<div class="filesPageSecSidesSecFilesFileInfo">
<p class="filesPageSecSidesSecFilesFileText">File name</p>
</div>
<div class="filesPageSecSidesSecFilesFileVisual"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"></path>
</svg></div>
</div>
<div class="filesPageSecSidesSecFilesFile">
<div class="filesPageSecSidesSecFilesFileNumber">
<p>3</p>
</div>
<div class="filesPageSecSidesSecFilesFileInfo">
<p class="filesPageSecSidesSecFilesFileText">File name</p>
</div>
<div class="filesPageSecSidesSecFilesFileVisual"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"></path>
</svg></div>
</div>
</div>
</div>
<div class="filesPageSecSidesSec filesPageSecSidesSecAlt"><button class="btnMain" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon" style="font-size: 13px;">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M480 352h-133.5l-45.25 45.25C289.2 409.3 273.1 416 256 416s-33.16-6.656-45.25-18.75L165.5 352H32c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h448c17.67 0 32-14.33 32-32v-96C512 366.3 497.7 352 480 352zM432 456c-13.2 0-24-10.8-24-24c0-13.2 10.8-24 24-24s24 10.8 24 24C456 445.2 445.2 456 432 456zM233.4 374.6C239.6 380.9 247.8 384 256 384s16.38-3.125 22.62-9.375l128-128c12.49-12.5 12.49-32.75 0-45.25c-12.5-12.5-32.76-12.5-45.25 0L288 274.8V32c0-17.67-14.33-32-32-32C238.3 0 224 14.33 224 32v242.8L150.6 201.4c-12.49-12.5-32.75-12.5-45.25 0c-12.49 12.5-12.49 32.75 0 45.25L233.4 374.6z"></path>
</svg>Download Files</button></div>
</div>
</div>
<div class="filesPageSec filesPageSecMid">
<div class="tabsMain filesPageSecMidTab">
<ul class="nav nav-tabs tabsMainTop filesPageSecMidTabTop" role="tablist" style="/*display: flex;*/">
<li class="nav-item tabsMainTopTab filesPageSecMidTabTopTabTab" role="presentation"><a class="nav-link active tabsMainTopTabLink filesPageSecMidTabTabLink" role="tab" data-bs-toggle="tab" href="#tab-1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 64C0 28.65 28.65 0 64 0H224V128C224 145.7 238.3 160 256 160H384V448C384 483.3 355.3 512 320 512H64C28.65 512 0 483.3 0 448V64zM256 128V0L384 128H256z"></path>
</svg></a></li>
<li class="nav-item tabsMainTopTab" role="presentation"><a class="nav-link tabsMainTopTabLink" role="tab" data-bs-toggle="tab" href="#tab-2"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z"></path>
</svg></a></li>
<li class="nav-item tabsMainTopTab" role="presentation"><a class="nav-link tabsMainTopTabLink" role="tab" data-bs-toggle="tab" href="#tab-3"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -32 576 576" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M0 64C0 28.65 28.65 0 64 0H224V128C224 145.7 238.3 160 256 160H384V198.6C310.1 219.5 256 287.4 256 368C256 427.1 285.1 479.3 329.7 511.3C326.6 511.7 323.3 512 320 512H64C28.65 512 0 483.3 0 448V64zM256 128V0L384 128H256zM288 368C288 288.5 352.5 224 432 224C511.5 224 576 288.5 576 368C576 447.5 511.5 512 432 512C352.5 512 288 447.5 288 368zM448 303.1C448 295.2 440.8 287.1 432 287.1C423.2 287.1 416 295.2 416 303.1V351.1H368C359.2 351.1 352 359.2 352 367.1C352 376.8 359.2 383.1 368 383.1H416V431.1C416 440.8 423.2 447.1 432 447.1C440.8 447.1 448 440.8 448 431.1V383.1H496C504.8 383.1 512 376.8 512 367.1C512 359.2 504.8 351.1 496 351.1H448V303.1z"></path>
</svg></a></li>
<li class="nav-item tabsMainTopTab" role="presentation"><a class="nav-link tabsMainTopTabLink" role="tab" data-bs-toggle="tab" href="#tab-4"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M421.7 220.3L188.5 453.4L154.6 419.5L158.1 416H112C103.2 416 96 408.8 96 400V353.9L92.51 357.4C87.78 362.2 84.31 368 82.42 374.4L59.44 452.6L137.6 429.6C143.1 427.7 149.8 424.2 154.6 419.5L188.5 453.4C178.1 463.8 165.2 471.5 151.1 475.6L30.77 511C22.35 513.5 13.24 511.2 7.03 504.1C.8198 498.8-1.502 489.7 .976 481.2L36.37 360.9C40.53 346.8 48.16 333.9 58.57 323.5L291.7 90.34L421.7 220.3zM492.7 58.75C517.7 83.74 517.7 124.3 492.7 149.3L444.3 197.7L314.3 67.72L362.7 19.32C387.7-5.678 428.3-5.678 453.3 19.32L492.7 58.75z"></path>
</svg></a></li>
</ul>
<div class="tab-content tabsMainBottom">
<div class="tab-pane active tabsMainBottomPane" role="tabpanel" id="tab-1">
<div class="filesPageSecMidWrap">
<div class="filesPageSecMidPreview">
<div class="filesPageSecMidPreviewInside">
<div class="filesPageSecMidPreviewInsideWrap"><img class="filesPageSecMidPreviewInsideWrapImg" src="assets/img/img%20ex.png"><img class="filesPageSecMidPreviewInsideWrapImg" src="assets/img/img%20ex.png"></div>
<div class="filesPageSecMidPreviewInsideDivider">
<div class="filesPageSecMidPreviewInsideDividerLine"></div>
<p>File Seperator</p>
<div class="filesPageSecMidPreviewInsideDividerLine"></div>
</div>
<div class="filesPageSecMidPreviewInsideWrap">
<div class="filesPageSecMidPreviewInsideWrapFile">
<p>This is a zip file</p>
</div>
</div>
</div>
</div>
<div class="filesPageSecMidActionsWrapped">
<div class="filesPageSecMidActions">
<div class="filesPageSecMidActionsTrigger"><button id="pageActionTrigger" class="btnMain filesPageSecMidActionsTriggerBtn" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M352 352c-8.188 0-16.38-3.125-22.62-9.375L192 205.3l-137.4 137.4c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25C368.4 348.9 360.2 352 352 352z"></path>
</svg></button></div>
<div class="filesPageSecMidActionsWrapper" style="display: none;">
<div class="filesPageSecMidActionsTop">
<div class="filesPageSecMidActionsTopInfo">
<p class="filesPageSecMidActionsTopInfoText">Add your signature</p>
</div>
<div class="filesPageSecMidActionsTopActions"><button class="btnMain" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M421.7 220.3L188.5 453.4L154.6 419.5L158.1 416H112C103.2 416 96 408.8 96 400V353.9L92.51 357.4C87.78 362.2 84.31 368 82.42 374.4L59.44 452.6L137.6 429.6C143.1 427.7 149.8 424.2 154.6 419.5L188.5 453.4C178.1 463.8 165.2 471.5 151.1 475.6L30.77 511C22.35 513.5 13.24 511.2 7.03 504.1C.8198 498.8-1.502 489.7 .976 481.2L36.37 360.9C40.53 346.8 48.16 333.9 58.57 323.5L291.7 90.34L421.7 220.3zM492.7 58.75C517.7 83.74 517.7 124.3 492.7 149.3L444.3 197.7L314.3 67.72L362.7 19.32C387.7-5.678 428.3-5.678 453.3 19.32L492.7 58.75z"></path>
</svg>Draw</button><button class="btnMain" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M105.4 182.6c12.5 12.49 32.76 12.5 45.25 .001L224 109.3V352c0 17.67 14.33 32 32 32c17.67 0 32-14.33 32-32V109.3l73.38 73.38c12.49 12.49 32.75 12.49 45.25-.001c12.49-12.49 12.49-32.75 0-45.25l-128-128C272.4 3.125 264.2 0 256 0S239.6 3.125 233.4 9.375L105.4 137.4C92.88 149.9 92.88 170.1 105.4 182.6zM480 352h-160c0 35.35-28.65 64-64 64s-64-28.65-64-64H32c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h448c17.67 0 32-14.33 32-32v-96C512 366.3 497.7 352 480 352zM432 456c-13.2 0-24-10.8-24-24c0-13.2 10.8-24 24-24s24 10.8 24 24C456 445.2 445.2 456 432 456z"></path>
</svg>Upload<input type="file" class="btnMainInputFile"></button></div>
</div>
<div class="filesPageSecMidActionsMid">
<div class="filesPageSecMidActionsMidDraw"></div><input type="text" class="inputMain" placeholder="Text-based signature">
</div>
<div class="filesPageSecMidActionsBottom"><button class="btnMain filesPageSecMidActionsBottomBtn" type="button">Sign/Next/Complete</button></div>
<div class="filesPageSecMidActionsFoot">
<div class="filesPageSecMidActionsFootInside">
<div class="filesPageSecMidActionsFootInsideWrap"><button class="btnMain filesPageSecMidActionsFootInsideWrapBtn filesPageSecMidActionsFootInsideWrapBtnDone" type="button">1</button></div>
<div class="filesPageSecMidActionsFootInsideWrap filesPageSecMidActionsFootInsideWrapBtnDone"><button class="btnMain filesPageSecMidActionsFootInsideWrapBtn filesPageSecMidActionsFootInsideWrapBtnDone" type="button">2</button></div>
<div class="filesPageSecMidActionsFootInsideWrap"><button class="btnMain filesPageSecMidActionsFootInsideWrapBtn" type="button">3</button>
<div class="filesPageSecMidActionsFootInsideWrapSlab"></div>
</div>
<div class="filesPageSecMidActionsFootInsideWrap"><button class="btnMain filesPageSecMidActionsFootInsideWrapBtn" type="button">4</button></div>
<div class="filesPageSecMidActionsFootInsideWrap"><button class="btnMain filesPageSecMidActionsFootInsideWrapBtn filesPageSecMidActionsFootInsideWrapBtnDone" type="button">5</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane tabsMainBottomPane filesPageSecMidTabBottomPane" role="tabpanel" id="tab-2">
<div class="filesPageSecMidWrap filesPageSecMidWrapAlt">
<div class="filesPageSecSidesSecInfo">
<div class="filesPageSecSidesSecInfoSec">
<p class="filesPageSecSidesSecInfoSecText">Signers</p>
<div class="filesPageSecSidesSecInfoSecUsers">
<div class="filesPageSecSidesSecInfoSecUsersPrimary"><a class="filesPageSecSidesSecInfoSecUsersUser" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="filesPageSecSidesSecInfoSecUsersUserStatus"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"></path>
</svg></div>
</a></div>
<div class="filesPageSecSidesSecInfoSecUsersSplitter"></div>
<div class="filesPageSecSidesSecInfoSecUsersSecondary"><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt filesPageSecSidesSecInfoSecUsersUserAltFirst" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="filesPageSecSidesSecInfoSecUsersUserStatus"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"></path>
</svg></div>
</a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="filesPageSecSidesSecInfoSecUsersUserStatus"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"></path>
</svg></div>
</a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a></div>
</div>
</div>
<div class="filesPageSecSidesSecInfoSec">
<p class="filesPageSecSidesSecInfoSecText">Details</p>
<div class="filesPageSecSidesSecInfoSecDetails">
<div class="filesPageSecSidesSecInfoSecDetailsRow">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="filesPageSecSidesSecInfoSecDetailsRowVisual" title="Publication Date"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M152 64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0C141.3 0 152 10.75 152 24V64zM48 448C48 456.8 55.16 464 64 464H384C392.8 464 400 456.8 400 448V192H48V448z"></path>
</svg></div>
<div class="filesPageSecSidesSecInfoSecDetailsRowInfo">
<p class="filesPageSecSidesSecInfoSecDetailsRowInfoText">16 July 2024 - 10:00 PM</p>
</div>
</div>
<div class="filesPageSecSidesSecInfoSecDetailsRow">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="filesPageSecSidesSecInfoSecDetailsRowVisual" title="Completion Date"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M152 64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0C141.3 0 152 10.75 152 24V64zM48 448C48 456.8 55.16 464 64 464H384C392.8 464 400 456.8 400 448V192H48V448z"></path>
</svg></div>
<div class="filesPageSecSidesSecInfoSecDetailsRowInfo">
<p class="filesPageSecSidesSecInfoSecDetailsRowInfoText">-</p>
</div>
</div>
<div class="filesPageSecSidesSecInfoSecDetailsRow">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="filesPageSecSidesSecInfoSecDetailsRowVisual" title="Your signature date"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M152 64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0C141.3 0 152 10.75 152 24V64zM48 448C48 456.8 55.16 464 64 464H384C392.8 464 400 456.8 400 448V192H48V448z"></path>
</svg></div>
<div class="filesPageSecSidesSecInfoSecDetailsRowInfo">
<p class="filesPageSecSidesSecInfoSecDetailsRowInfoText">17 July 2024 - 08:00 PM</p>
</div>
</div>
<div class="filesPageSecSidesSecInfoSecDetailsRow">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="filesPageSecSidesSecInfoSecDetailsRowVisual" title="Status"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -32 576 576" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M279.6 160.4C282.4 160.1 285.2 160 288 160C341 160 384 202.1 384 256C384 309 341 352 288 352C234.1 352 192 309 192 256C192 253.2 192.1 250.4 192.4 247.6C201.7 252.1 212.5 256 224 256C259.3 256 288 227.3 288 192C288 180.5 284.1 169.7 279.6 160.4zM480.6 112.6C527.4 156 558.7 207.1 573.5 243.7C576.8 251.6 576.8 260.4 573.5 268.3C558.7 304 527.4 355.1 480.6 399.4C433.5 443.2 368.8 480 288 480C207.2 480 142.5 443.2 95.42 399.4C48.62 355.1 17.34 304 2.461 268.3C-.8205 260.4-.8205 251.6 2.461 243.7C17.34 207.1 48.62 156 95.42 112.6C142.5 68.84 207.2 32 288 32C368.8 32 433.5 68.84 480.6 112.6V112.6zM288 112C208.5 112 144 176.5 144 256C144 335.5 208.5 400 288 400C367.5 400 432 335.5 432 256C432 176.5 367.5 112 288 112z"></path>
</svg></div>
<div class="filesPageSecSidesSecInfoSecDetailsRowInfo">
<p class="filesPageSecSidesSecInfoSecDetailsRowInfoText">In-progress</p>
</div>
</div>
<div class="filesPageSecSidesSecInfoSecDetailsRow">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="filesPageSecSidesSecInfoSecDetailsRowVisual" title="Your signature date"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 512 512" width="1em" height="1em" fill="currentColor" data-bs-toggle="tooltip" data-bss-tooltip="" title="Your signature date">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 0v128h128L256 0zM224 128L224 0H48C21.49 0 0 21.49 0 48v416C0 490.5 21.49 512 48 512h288c26.51 0 48-21.49 48-48V160h-127.1C238.3 160 224 145.7 224 128zM64 72C64 67.63 67.63 64 72 64h80C156.4 64 160 67.63 160 72v16C160 92.38 156.4 96 152 96h-80C67.63 96 64 92.38 64 88V72zM64 136C64 131.6 67.63 128 72 128h80C156.4 128 160 131.6 160 136v16C160 156.4 156.4 160 152 160h-80C67.63 160 64 156.4 64 152V136zM304 384c8.875 0 16 7.125 16 16S312.9 416 304 416h-47.25c-16.38 0-31.25-9.125-38.63-23.88c-2.875-5.875-8-6.5-10.12-6.5s-7.25 .625-10 6.125l-7.75 15.38C187.6 412.6 181.1 416 176 416H174.9c-6.5-.5-12-4.75-14-11L144 354.6L133.4 386.5C127.5 404.1 111 416 92.38 416H80C71.13 416 64 408.9 64 400S71.13 384 80 384h12.38c4.875 0 9.125-3.125 10.62-7.625l18.25-54.63C124.5 311.9 133.6 305.3 144 305.3s19.5 6.625 22.75 16.5l13.88 41.63c19.75-16.25 54.13-9.75 66 14.12c2 4 6 6.5 10.12 6.5H304z"></path>
</svg></div>
<div class="filesPageSecSidesSecInfoSecDetailsRowInfo">
<p class="filesPageSecSidesSecInfoSecDetailsRowInfoText">PDF</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane tabsMainBottomPane filesPageSecMidTabBottomPane" role="tabpanel" id="tab-3">
<div class="filesPageSecMidWrap">
<div class="filesPageSecSidesSecFiles">
<div class="filesPageSecSidesSecFilesFile filesPageSecSidesSecFilesFileActive">
<div class="filesPageSecSidesSecFilesFileNumber">
<p>1</p>
</div>
<div class="filesPageSecSidesSecFilesFileInfo">
<p class="filesPageSecSidesSecFilesFileText">File name</p>
</div>
<div class="filesPageSecSidesSecFilesFileVisual"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"></path>
</svg></div><button class="btnMain filesPageSecSidesSecFilesFileBtn" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M135.2 17.69C140.6 6.848 151.7 0 163.8 0H284.2C296.3 0 307.4 6.848 312.8 17.69L320 32H416C433.7 32 448 46.33 448 64C448 81.67 433.7 96 416 96H32C14.33 96 0 81.67 0 64C0 46.33 14.33 32 32 32H128L135.2 17.69zM394.8 466.1C393.2 492.3 372.3 512 346.9 512H101.1C75.75 512 54.77 492.3 53.19 466.1L31.1 128H416L394.8 466.1z"></path>
</svg></button>
</div>
<div class="filesPageSecSidesSecFilesFile">
<div class="filesPageSecSidesSecFilesFileNumber">
<p>2</p>
</div>
<div class="filesPageSecSidesSecFilesFileInfo">
<p class="filesPageSecSidesSecFilesFileText">File name</p>
</div>
<div class="filesPageSecSidesSecFilesFileVisual"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"></path>
</svg></div><button class="btnMain filesPageSecSidesSecFilesFileBtn" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M135.2 17.69C140.6 6.848 151.7 0 163.8 0H284.2C296.3 0 307.4 6.848 312.8 17.69L320 32H416C433.7 32 448 46.33 448 64C448 81.67 433.7 96 416 96H32C14.33 96 0 81.67 0 64C0 46.33 14.33 32 32 32H128L135.2 17.69zM394.8 466.1C393.2 492.3 372.3 512 346.9 512H101.1C75.75 512 54.77 492.3 53.19 466.1L31.1 128H416L394.8 466.1z"></path>
</svg></button>
</div>
<div class="filesPageSecSidesSecFilesFile">
<div class="filesPageSecSidesSecFilesFileNumber">
<p>3</p>
</div>
<div class="filesPageSecSidesSecFilesFileInfo">
<p class="filesPageSecSidesSecFilesFileText">File name</p>
</div>
<div class="filesPageSecSidesSecFilesFileVisual"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"></path>
</svg></div><button class="btnMain filesPageSecSidesSecFilesFileBtn" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M135.2 17.69C140.6 6.848 151.7 0 163.8 0H284.2C296.3 0 307.4 6.848 312.8 17.69L320 32H416C433.7 32 448 46.33 448 64C448 81.67 433.7 96 416 96H32C14.33 96 0 81.67 0 64C0 46.33 14.33 32 32 32H128L135.2 17.69zM394.8 466.1C393.2 492.3 372.3 512 346.9 512H101.1C75.75 512 54.77 492.3 53.19 466.1L31.1 128H416L394.8 466.1z"></path>
</svg></button>
</div><button class="btnMain" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon" style="font-size: 13px;">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M480 352h-133.5l-45.25 45.25C289.2 409.3 273.1 416 256 416s-33.16-6.656-45.25-18.75L165.5 352H32c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h448c17.67 0 32-14.33 32-32v-96C512 366.3 497.7 352 480 352zM432 456c-13.2 0-24-10.8-24-24c0-13.2 10.8-24 24-24s24 10.8 24 24C456 445.2 445.2 456 432 456zM233.4 374.6C239.6 380.9 247.8 384 256 384s16.38-3.125 22.62-9.375l128-128c12.49-12.5 12.49-32.75 0-45.25c-12.5-12.5-32.76-12.5-45.25 0L288 274.8V32c0-17.67-14.33-32-32-32C238.3 0 224 14.33 224 32v242.8L150.6 201.4c-12.49-12.5-32.75-12.5-45.25 0c-12.49 12.5-12.49 32.75 0 45.25L233.4 374.6z"></path>
</svg>Download Files</button>
</div>
</div>
</div>
<div class="tab-pane tabsMainBottomPane filesPageSecMidTabBottomPane" role="tabpanel" id="tab-4">
<div class="filesPageSecMidWrap">
<div class="filesPageSecMidActionsWrapper">
<div class="filesPageSecMidActionsTop">
<div class="filesPageSecMidActionsTopInfo">
<p class="filesPageSecMidActionsTopInfoText">Add your signature</p>
</div>
<div class="filesPageSecMidActionsTopActions"><button class="btnMain" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M421.7 220.3L188.5 453.4L154.6 419.5L158.1 416H112C103.2 416 96 408.8 96 400V353.9L92.51 357.4C87.78 362.2 84.31 368 82.42 374.4L59.44 452.6L137.6 429.6C143.1 427.7 149.8 424.2 154.6 419.5L188.5 453.4C178.1 463.8 165.2 471.5 151.1 475.6L30.77 511C22.35 513.5 13.24 511.2 7.03 504.1C.8198 498.8-1.502 489.7 .976 481.2L36.37 360.9C40.53 346.8 48.16 333.9 58.57 323.5L291.7 90.34L421.7 220.3zM492.7 58.75C517.7 83.74 517.7 124.3 492.7 149.3L444.3 197.7L314.3 67.72L362.7 19.32C387.7-5.678 428.3-5.678 453.3 19.32L492.7 58.75z"></path>
</svg>Draw</button><button class="btnMain" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M105.4 182.6c12.5 12.49 32.76 12.5 45.25 .001L224 109.3V352c0 17.67 14.33 32 32 32c17.67 0 32-14.33 32-32V109.3l73.38 73.38c12.49 12.49 32.75 12.49 45.25-.001c12.49-12.49 12.49-32.75 0-45.25l-128-128C272.4 3.125 264.2 0 256 0S239.6 3.125 233.4 9.375L105.4 137.4C92.88 149.9 92.88 170.1 105.4 182.6zM480 352h-160c0 35.35-28.65 64-64 64s-64-28.65-64-64H32c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h448c17.67 0 32-14.33 32-32v-96C512 366.3 497.7 352 480 352zM432 456c-13.2 0-24-10.8-24-24c0-13.2 10.8-24 24-24s24 10.8 24 24C456 445.2 445.2 456 432 456z"></path>
</svg>Upload<input type="file" class="btnMainInputFile"></button></div>
</div>
<div class="filesPageSecMidActionsMid">
<div class="filesPageSecMidActionsMidDraw"></div><input type="text" class="inputMain" placeholder="Text-based signature">
</div>
<div class="filesPageSecMidActionsBottom"><button class="btnMain filesPageSecMidActionsBottomBtn" type="button">Sign/Next/Complete</button></div>
<div class="filesPageSecMidActionsFoot">
<div class="filesPageSecMidActionsFootInside">
<div class="filesPageSecMidActionsFootInsideWrap"><button class="btnMain filesPageSecMidActionsFootInsideWrapBtn filesPageSecMidActionsFootInsideWrapBtnDone" type="button">1</button></div>
<div class="filesPageSecMidActionsFootInsideWrap filesPageSecMidActionsFootInsideWrapBtnDone"><button class="btnMain filesPageSecMidActionsFootInsideWrapBtn filesPageSecMidActionsFootInsideWrapBtnDone" type="button">2</button></div>
<div class="filesPageSecMidActionsFootInsideWrap"><button class="btnMain filesPageSecMidActionsFootInsideWrapBtn" type="button">3</button>
<div class="filesPageSecMidActionsFootInsideWrapSlab"></div>
</div>
<div class="filesPageSecMidActionsFootInsideWrap"><button class="btnMain filesPageSecMidActionsFootInsideWrapBtn" type="button">4</button></div>
<div class="filesPageSecMidActionsFootInsideWrap"><button class="btnMain filesPageSecMidActionsFootInsideWrapBtn filesPageSecMidActionsFootInsideWrapBtnDone" type="button">5</button></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="filesPageSec filesPageSecSides">
<div class="filesPageSecSidesWrap">
<div class="filesPageSecSidesSec">
<div class="filesPageSecSidesSecInfo">
<div class="filesPageSecSidesSecInfoSec">
<p class="filesPageSecSidesSecInfoSecText">Signers</p>
<div class="filesPageSecSidesSecInfoSecUsers">
<div class="filesPageSecSidesSecInfoSecUsersPrimary"><a class="filesPageSecSidesSecInfoSecUsersUser" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="filesPageSecSidesSecInfoSecUsersUserStatus"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"></path>
</svg></div>
</a></div>
<div class="filesPageSecSidesSecInfoSecUsersSplitter"></div>
<div class="filesPageSecSidesSecInfoSecUsersSecondary"><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt filesPageSecSidesSecInfoSecUsersUserAltFirst" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="filesPageSecSidesSecInfoSecUsersUserStatus"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"></path>
</svg></div>
</a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="filesPageSecSidesSecInfoSecUsersUserStatus"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"></path>
</svg></div>
</a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a><a class="filesPageSecSidesSecInfoSecUsersUser filesPageSecSidesSecInfoSecUsersUserAlt" href="#" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></a></div>
</div>
</div>
<div class="filesPageSecSidesSecInfoSec">
<p class="filesPageSecSidesSecInfoSecText">Details</p>
<div class="filesPageSecSidesSecInfoSecDetails">
<div class="filesPageSecSidesSecInfoSecDetailsRow">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="filesPageSecSidesSecInfoSecDetailsRowVisual" title="Publication Date"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M152 64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0C141.3 0 152 10.75 152 24V64zM48 448C48 456.8 55.16 464 64 464H384C392.8 464 400 456.8 400 448V192H48V448z"></path>
</svg></div>
<div class="filesPageSecSidesSecInfoSecDetailsRowInfo">
<p class="filesPageSecSidesSecInfoSecDetailsRowInfoText">16 July 2024 - 10:00 PM</p>
</div>
</div>
<div class="filesPageSecSidesSecInfoSecDetailsRow">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="filesPageSecSidesSecInfoSecDetailsRowVisual" title="Completion Date"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M152 64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0C141.3 0 152 10.75 152 24V64zM48 448C48 456.8 55.16 464 64 464H384C392.8 464 400 456.8 400 448V192H48V448z"></path>
</svg></div>
<div class="filesPageSecSidesSecInfoSecDetailsRowInfo">
<p class="filesPageSecSidesSecInfoSecDetailsRowInfoText">-</p>
</div>
</div>
<div class="filesPageSecSidesSecInfoSecDetailsRow">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="filesPageSecSidesSecInfoSecDetailsRowVisual" title="Your signature date"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M152 64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0C141.3 0 152 10.75 152 24V64zM48 448C48 456.8 55.16 464 64 464H384C392.8 464 400 456.8 400 448V192H48V448z"></path>
</svg></div>
<div class="filesPageSecSidesSecInfoSecDetailsRowInfo">
<p class="filesPageSecSidesSecInfoSecDetailsRowInfoText">17 July 2024 - 08:00 PM</p>
</div>
</div>
<div class="filesPageSecSidesSecInfoSecDetailsRow">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="filesPageSecSidesSecInfoSecDetailsRowVisual" title="Status"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -32 576 576" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M279.6 160.4C282.4 160.1 285.2 160 288 160C341 160 384 202.1 384 256C384 309 341 352 288 352C234.1 352 192 309 192 256C192 253.2 192.1 250.4 192.4 247.6C201.7 252.1 212.5 256 224 256C259.3 256 288 227.3 288 192C288 180.5 284.1 169.7 279.6 160.4zM480.6 112.6C527.4 156 558.7 207.1 573.5 243.7C576.8 251.6 576.8 260.4 573.5 268.3C558.7 304 527.4 355.1 480.6 399.4C433.5 443.2 368.8 480 288 480C207.2 480 142.5 443.2 95.42 399.4C48.62 355.1 17.34 304 2.461 268.3C-.8205 260.4-.8205 251.6 2.461 243.7C17.34 207.1 48.62 156 95.42 112.6C142.5 68.84 207.2 32 288 32C368.8 32 433.5 68.84 480.6 112.6V112.6zM288 112C208.5 112 144 176.5 144 256C144 335.5 208.5 400 288 400C367.5 400 432 335.5 432 256C432 176.5 367.5 112 288 112z"></path>
</svg></div>
<div class="filesPageSecSidesSecInfoSecDetailsRowInfo">
<p class="filesPageSecSidesSecInfoSecDetailsRowInfoText">In-progress</p>
</div>
</div>
<div class="filesPageSecSidesSecInfoSecDetailsRow">
<div data-bs-toggle="tooltip" data-bss-tooltip="" class="filesPageSecSidesSecInfoSecDetailsRowVisual" title="Your signature date"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 512 512" width="1em" height="1em" fill="currentColor" data-bs-toggle="tooltip" data-bss-tooltip="" title="Your signature date">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M256 0v128h128L256 0zM224 128L224 0H48C21.49 0 0 21.49 0 48v416C0 490.5 21.49 512 48 512h288c26.51 0 48-21.49 48-48V160h-127.1C238.3 160 224 145.7 224 128zM64 72C64 67.63 67.63 64 72 64h80C156.4 64 160 67.63 160 72v16C160 92.38 156.4 96 152 96h-80C67.63 96 64 92.38 64 88V72zM64 136C64 131.6 67.63 128 72 128h80C156.4 128 160 131.6 160 136v16C160 156.4 156.4 160 152 160h-80C67.63 160 64 156.4 64 152V136zM304 384c8.875 0 16 7.125 16 16S312.9 416 304 416h-47.25c-16.38 0-31.25-9.125-38.63-23.88c-2.875-5.875-8-6.5-10.12-6.5s-7.25 .625-10 6.125l-7.75 15.38C187.6 412.6 181.1 416 176 416H174.9c-6.5-.5-12-4.75-14-11L144 354.6L133.4 386.5C127.5 404.1 111 416 92.38 416H80C71.13 416 64 408.9 64 400S71.13 384 80 384h12.38c4.875 0 9.125-3.125 10.62-7.625l18.25-54.63C124.5 311.9 133.6 305.3 144 305.3s19.5 6.625 22.75 16.5l13.88 41.63c19.75-16.25 54.13-9.75 66 14.12c2 4 6 6.5 10.12 6.5H304z"></path>
</svg></div>
<div class="filesPageSecSidesSecInfoSecDetailsRowInfo">
<p class="filesPageSecSidesSecInfoSecDetailsRowInfoText">PDF</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/dashboardTriggers.js"></script>
<script src="assets/js/pageActionView.js"></script>
<script src="assets/js/popups.js"></script>
</body>
</html>