Upload files to "/"

This commit is contained in:
freakoverse 2024-07-25 15:50:54 +00:00
commit 53b6f49780
5 changed files with 1646 additions and 0 deletions

6
bootstrap.min.css vendored Normal file

File diff suppressed because one or more lines are too long

612
dashboard-draft.html Normal file
View File

@ -0,0 +1,612 @@
<!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="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="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><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><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><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>
</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="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 new file<input type="file" class="btnMainInputFile"></button></div>
</div>
<div class="filesPageSec filesPageSecMid">
<div class="tabsMain filesPageSecMidTab">
<ul class="nav nav-tabs tabsMainTop filesPageSecMidTabTop" role="tablist">
<li class="nav-item tabsMainTopTab" role="presentation"><a class="nav-link active tabsMainTopTabLink" 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="M502.6 182.6l-45.25-45.25C451.4 131.4 443.3 128 434.8 128H384V80C384 53.5 362.5 32 336 32h-160C149.5 32 128 53.5 128 80V128H77.25c-8.5 0-16.62 3.375-22.62 9.375L9.375 182.6C3.375 188.6 0 196.8 0 205.3V304h128v-32C128 263.1 135.1 256 144 256h32C184.9 256 192 263.1 192 272v32h128v-32C320 263.1 327.1 256 336 256h32C376.9 256 384 263.1 384 272v32h128V205.3C512 196.8 508.6 188.6 502.6 182.6zM336 128h-160V80h160V128zM384 368c0 8.875-7.125 16-16 16h-32c-8.875 0-16-7.125-16-16v-32H192v32C192 376.9 184.9 384 176 384h-32C135.1 384 128 376.9 128 368v-32H0V448c0 17.62 14.38 32 32 32h448c17.62 0 32-14.38 32-32v-112h-128V368z"></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>
</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="filesPageSecMidPreviewInsideWrap">
<div class="filesPageSecMidPreviewInsideWrapFile">
<p>This is a zip file</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane tabsMainBottomPane filesPageSecMidTabBottomPane" role="tabpanel" id="tab-2">
<div class="filesPageSecMidWrap">
<div class="filesPageSecSidesSecAlt_Users">
<div class="filesPageSecSidesSecAlt_UsersTop">
<div class="dropdown dropdownMain filesPageSecSidesSecAlt_UsersTopDropdown"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain dropdownMainBtn" type="button">Signer name<svg xmlns="http://www.w3.org/2000/svg" viewBox="-96 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="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"></path>
</svg></button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem filesPageSecSidesSecAlt_UsersTopDropdownItem" href="#">
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUser">
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUserPic" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUserInfo">
<p class="filesPageSecSidesSecAlt_UsersTopDropdownUserInfoText">Paragraph</p>
</div>
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUserVisual" style="background: #4c82a3;"></div><button class="btnMain filesPageSecSidesSecAlt_UsersTopDropdownUserBtn" 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>
</a><a class="dropdown-item dropdownMainMenuItem filesPageSecSidesSecAlt_UsersTopDropdownItem" href="#">
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUser">
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUserPic" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUserInfo">
<p class="filesPageSecSidesSecAlt_UsersTopDropdownUserInfoText">Paragraph</p>
</div>
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUserVisual"></div><button class="btnMain filesPageSecSidesSecAlt_UsersTopDropdownUserBtn" 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>
</a><a class="dropdown-item dropdownMainMenuItem filesPageSecSidesSecAlt_UsersTopDropdownItem" href="#">
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUser">
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUserPic" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUserInfo">
<p class="filesPageSecSidesSecAlt_UsersTopDropdownUserInfoText">Paragraph</p>
</div>
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUserVisual filesPageSecSidesSecAlt_UsersTopDropdownUserVisualAlt"><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><button class="btnMain filesPageSecSidesSecAlt_UsersTopDropdownUserBtn" 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>
</a></div>
</div><button class="btnMain" 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="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z"></path>
</svg></button>
</div>
<div class="filesPageSecSidesSecAlt_UsersBottom"><input type="text" class="inputMain" placeholder="User" value="User 1">
<div class="checkboxWrapper"><input type="checkbox" class="checkboxMain"><label class="form-label labelMain labelMainCheckbox">This person is a viewer</label></div>
</div>
</div>
<div class="filesPageSecSidesSec">
<div class="filesPageSecSidesSecTools">
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M384 64.01c0 17.67-14.33 32-32 32h-128v352c0 17.67-14.33 31.99-32 31.99s-32-14.32-32-31.99v-352H32c-17.67 0-32-14.33-32-32s14.33-32 32-32h320C369.7 32.01 384 46.34 384 64.01z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Text</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 640 640" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M192 160C192 177.7 177.7 192 160 192C142.3 192 128 177.7 128 160V128C128 74.98 170.1 32 224 32C277 32 320 74.98 320 128V135.8C320 156.6 318.8 177.4 316.4 198.1L438.8 161.3C450.2 157.9 462.6 161.1 470.1 169.7C479.3 178.3 482.1 190.8 478.4 202.1L460.4 255.1H544C561.7 255.1 576 270.3 576 287.1C576 305.7 561.7 319.1 544 319.1H416C405.7 319.1 396.1 315.1 390 306.7C384 298.4 382.4 287.6 385.6 277.9L398.1 240.4L303.7 268.7C291.9 321.5 272.2 372.2 245.3 419.2L231.4 443.5C218.5 466.1 194.5 480 168.5 480C128.5 480 95.1 447.5 95.1 407.5V335.6C95.1 293.2 123.8 255.8 164.4 243.7L248.8 218.3C253.6 191.1 255.1 163.5 255.1 135.8V128C255.1 110.3 241.7 96 223.1 96C206.3 96 191.1 110.3 191.1 128L192 160zM160 335.6V407.5C160 412.2 163.8 416 168.5 416C171.5 416 174.4 414.4 175.9 411.7L189.8 387.4C207.3 356.6 221.4 324.1 231.8 290.3L182.8 304.1C169.3 309 160 321.5 160 335.6V335.6zM24 368H64V407.5C64 410.4 64.11 413.2 64.34 416H24C10.75 416 0 405.3 0 392C0 378.7 10.75 368 24 368zM616 416H283.5C291.7 400.3 299.2 384.3 305.9 368H616C629.3 368 640 378.7 640 392C640 405.3 629.3 416 616 416z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Signature</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M448 448c0 17.69-14.33 32-32 32h-96c-17.67 0-32-14.31-32-32s14.33-32 32-32h16v-144h-224v144H128c17.67 0 32 14.31 32 32s-14.33 32-32 32H32c-17.67 0-32-14.31-32-32s14.33-32 32-32h16v-320H32c-17.67 0-32-14.31-32-32s14.33-32 32-32h96c17.67 0 32 14.31 32 32s-14.33 32-32 32H112v112h224v-112H320c-17.67 0-32-14.31-32-32s14.33-32 32-32h96c17.67 0 32 14.31 32 32s-14.33 32-32 32h-16v320H416C433.7 416 448 430.3 448 448z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Initials</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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>
<p class="filesPageSecSidesSecToolsItemText">Date</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-128 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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 448c0 17.67-14.33 32-32 32H32c-17.67 0-32-14.33-32-32s14.33-32 32-32h64V123.8L49.75 154.6C35.02 164.5 15.19 160.4 5.375 145.8C-4.422 131.1-.4531 111.2 14.25 101.4l96-64c9.828-6.547 22.45-7.187 32.84-1.594C153.5 41.37 160 52.22 160 64.01v352h64C241.7 416 256 430.3 256 448z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Number</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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 120c-26.51 0-48 21.49-48 48s21.49 48 48 48s48-21.49 48-48S178.5 120 152 120zM447.1 32h-384C28.65 32-.0091 60.65-.0091 96v320c0 35.35 28.65 64 63.1 64h384c35.35 0 64-28.65 64-64V96C511.1 60.65 483.3 32 447.1 32zM463.1 409.3l-136.8-185.9C323.8 218.8 318.1 216 312 216c-6.113 0-11.82 2.768-15.21 7.379l-106.6 144.1l-37.09-46.1c-3.441-4.279-8.934-6.809-14.77-6.809c-5.842 0-11.33 2.529-14.78 6.809l-75.52 93.81c0-.0293 0 .0293 0 0L47.99 96c0-8.822 7.178-16 16-16h384c8.822 0 16 7.178 16 16V409.3z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Images</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M211.8 339.8C200.9 350.7 183.1 350.7 172.2 339.8L108.2 275.8C97.27 264.9 97.27 247.1 108.2 236.2C119.1 225.3 136.9 225.3 147.8 236.2L192 280.4L300.2 172.2C311.1 161.3 328.9 161.3 339.8 172.2C350.7 183.1 350.7 200.9 339.8 211.8L211.8 339.8zM0 96C0 60.65 28.65 32 64 32H384C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96zM48 96V416C48 424.8 55.16 432 64 432H384C392.8 432 400 424.8 400 416V96C400 87.16 392.8 80 384 80H64C55.16 80 48 87.16 48 96z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Checkbox</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M182.6 246.6C170.1 259.1 149.9 259.1 137.4 246.6L57.37 166.6C44.88 154.1 44.88 133.9 57.37 121.4C69.87 108.9 90.13 108.9 102.6 121.4L159.1 178.7L297.4 41.37C309.9 28.88 330.1 28.88 342.6 41.37C355.1 53.87 355.1 74.13 342.6 86.63L182.6 246.6zM182.6 470.6C170.1 483.1 149.9 483.1 137.4 470.6L9.372 342.6C-3.124 330.1-3.124 309.9 9.372 297.4C21.87 284.9 42.13 284.9 54.63 297.4L159.1 402.7L393.4 169.4C405.9 156.9 426.1 156.9 438.6 169.4C451.1 181.9 451.1 202.1 438.6 214.6L182.6 470.6z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Multiple</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M364.2 83.8C339.8 59.39 300.2 59.39 275.8 83.8L91.8 267.8C49.71 309.9 49.71 378.1 91.8 420.2C133.9 462.3 202.1 462.3 244.2 420.2L396.2 268.2C407.1 257.3 424.9 257.3 435.8 268.2C446.7 279.1 446.7 296.9 435.8 307.8L283.8 459.8C219.8 523.8 116.2 523.8 52.2 459.8C-11.75 395.8-11.75 292.2 52.2 228.2L236.2 44.2C282.5-2.08 357.5-2.08 403.8 44.2C450.1 90.48 450.1 165.5 403.8 211.8L227.8 387.8C199.2 416.4 152.8 416.4 124.2 387.8C95.59 359.2 95.59 312.8 124.2 284.2L268.2 140.2C279.1 129.3 296.9 129.3 307.8 140.2C318.7 151.1 318.7 168.9 307.8 179.8L163.8 323.8C157.1 330.5 157.1 341.5 163.8 348.2C170.5 354.9 181.5 354.9 188.2 348.2L364.2 172.2C388.6 147.8 388.6 108.2 364.2 83.8V83.8z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">File</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon" style="font-size: 17px;">
<!--! 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 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 352C309 352 352 309 352 256C352 202.1 309 160 256 160C202.1 160 160 202.1 160 256C160 309 202.1 352 256 352z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Radio</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M320 192H128C118.5 192 109.8 197.7 105.1 206.4C102.2 215.1 103.9 225.3 110.4 232.3l96 104C210.9 341.2 217.3 344 224 344s13.09-2.812 17.62-7.719l96-104c6.469-7 8.188-17.19 4.375-25.91C338.2 197.7 329.5 192 320 192zM384 32H64C28.65 32 0 60.66 0 96v320c0 35.34 28.65 64 64 64h320c35.35 0 64-28.66 64-64V96C448 60.66 419.3 32 384 32zM400 416c0 8.82-7.178 16-16 16H64c-8.822 0-16-7.18-16-16V96c0-8.82 7.178-16 16-16h320c8.822 0 16 7.18 16 16V416z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Select</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M448 32C483.3 32 512 60.65 512 96V416C512 451.3 483.3 480 448 480H64C28.65 480 0 451.3 0 416V96C0 60.65 28.65 32 64 32H448zM448 96H288V224H448V96zM448 288H288V416H448V288zM224 224V96H64V224H224zM64 416H224V288H64V416z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Cells</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M366.2 256H400C461.9 256 512 306.1 512 368C512 388.9 498.6 406.7 480 413.3V464C480 490.5 458.5 512 432 512H80C53.49 512 32 490.5 32 464V413.3C13.36 406.7 0 388.9 0 368C0 306.1 50.14 256 112 256H145.8C175.7 256 200 231.7 200 201.8C200 184.3 190.8 168.5 180.1 154.8C167.5 138.5 160 118.1 160 96C160 42.98 202.1 0 256 0C309 0 352 42.98 352 96C352 118.1 344.5 138.5 331.9 154.8C321.2 168.5 312 184.3 312 201.8C312 231.7 336.3 256 366.2 256zM416 416H96V448H416V416z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Stamp</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -32 576 576" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M168 336C181.3 336 192 346.7 192 360C192 373.3 181.3 384 168 384H120C106.7 384 96 373.3 96 360C96 346.7 106.7 336 120 336H168zM360 336C373.3 336 384 346.7 384 360C384 373.3 373.3 384 360 384H248C234.7 384 224 373.3 224 360C224 346.7 234.7 336 248 336H360zM512 32C547.3 32 576 60.65 576 96V416C576 451.3 547.3 480 512 480H64C28.65 480 0 451.3 0 416V96C0 60.65 28.65 32 64 32H512zM512 80H64C55.16 80 48 87.16 48 96V128H528V96C528 87.16 520.8 80 512 80zM528 224H48V416C48 424.8 55.16 432 64 432H512C520.8 432 528 424.8 528 416V224z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Payment</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Phone</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
</div>
</div>
<div class="filesPageSecSidesSec filesPageSecSidesSecAlt">
<p class="filesPageSecSidesSecAltText">Drag click any of the above elements to add them to your file.</p>
</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>
</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="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 new file<input type="file" class="btnMainInputFile"></button>
</div>
</div>
</div>
</div>
</div>
<div class="filesPageSec filesPageSecSides">
<div class="filesPageSecSidesSec filesPageSecSidesSecAlt">
<div class="filesPageSecSidesSecAlt_Users">
<div class="filesPageSecSidesSecAlt_UsersTop">
<div class="dropdown dropdownMain filesPageSecSidesSecAlt_UsersTopDropdown"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain dropdownMainBtn" type="button">Signer name<svg xmlns="http://www.w3.org/2000/svg" viewBox="-96 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="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"></path>
</svg></button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem filesPageSecSidesSecAlt_UsersTopDropdownItem" href="#">
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUser">
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUserPic" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUserInfo">
<p class="filesPageSecSidesSecAlt_UsersTopDropdownUserInfoText">Paragraph</p>
</div>
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUserVisual" style="background: #4c82a3;"></div><button class="btnMain filesPageSecSidesSecAlt_UsersTopDropdownUserBtn" 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>
</a><a class="dropdown-item dropdownMainMenuItem filesPageSecSidesSecAlt_UsersTopDropdownItem" href="#">
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUser">
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUserPic" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUserInfo">
<p class="filesPageSecSidesSecAlt_UsersTopDropdownUserInfoText">Paragraph</p>
</div>
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUserVisual"></div><button class="btnMain filesPageSecSidesSecAlt_UsersTopDropdownUserBtn" 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>
</a><a class="dropdown-item dropdownMainMenuItem filesPageSecSidesSecAlt_UsersTopDropdownItem" href="#">
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUser">
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUserPic" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUserInfo">
<p class="filesPageSecSidesSecAlt_UsersTopDropdownUserInfoText">Paragraph</p>
</div>
<div class="filesPageSecSidesSecAlt_UsersTopDropdownUserVisual filesPageSecSidesSecAlt_UsersTopDropdownUserVisualAlt"><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><button class="btnMain filesPageSecSidesSecAlt_UsersTopDropdownUserBtn" 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>
</a></div>
</div><button class="btnMain" 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="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z"></path>
</svg></button>
</div>
<div class="filesPageSecSidesSecAlt_UsersBottom"><input type="text" class="inputMain" placeholder="User" value="User 1">
<div class="checkboxWrapper"><input type="checkbox" class="checkboxMain"><label class="form-label labelMain labelMainCheckbox">This person is a viewer</label></div>
</div>
</div>
</div>
<div class="filesPageSecSidesSec">
<div class="filesPageSecSidesSecTools">
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-64 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M384 64.01c0 17.67-14.33 32-32 32h-128v352c0 17.67-14.33 31.99-32 31.99s-32-14.32-32-31.99v-352H32c-17.67 0-32-14.33-32-32s14.33-32 32-32h320C369.7 32.01 384 46.34 384 64.01z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Text</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 640 640" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M192 160C192 177.7 177.7 192 160 192C142.3 192 128 177.7 128 160V128C128 74.98 170.1 32 224 32C277 32 320 74.98 320 128V135.8C320 156.6 318.8 177.4 316.4 198.1L438.8 161.3C450.2 157.9 462.6 161.1 470.1 169.7C479.3 178.3 482.1 190.8 478.4 202.1L460.4 255.1H544C561.7 255.1 576 270.3 576 287.1C576 305.7 561.7 319.1 544 319.1H416C405.7 319.1 396.1 315.1 390 306.7C384 298.4 382.4 287.6 385.6 277.9L398.1 240.4L303.7 268.7C291.9 321.5 272.2 372.2 245.3 419.2L231.4 443.5C218.5 466.1 194.5 480 168.5 480C128.5 480 95.1 447.5 95.1 407.5V335.6C95.1 293.2 123.8 255.8 164.4 243.7L248.8 218.3C253.6 191.1 255.1 163.5 255.1 135.8V128C255.1 110.3 241.7 96 223.1 96C206.3 96 191.1 110.3 191.1 128L192 160zM160 335.6V407.5C160 412.2 163.8 416 168.5 416C171.5 416 174.4 414.4 175.9 411.7L189.8 387.4C207.3 356.6 221.4 324.1 231.8 290.3L182.8 304.1C169.3 309 160 321.5 160 335.6V335.6zM24 368H64V407.5C64 410.4 64.11 413.2 64.34 416H24C10.75 416 0 405.3 0 392C0 378.7 10.75 368 24 368zM616 416H283.5C291.7 400.3 299.2 384.3 305.9 368H616C629.3 368 640 378.7 640 392C640 405.3 629.3 416 616 416z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Signature</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M448 448c0 17.69-14.33 32-32 32h-96c-17.67 0-32-14.31-32-32s14.33-32 32-32h16v-144h-224v144H128c17.67 0 32 14.31 32 32s-14.33 32-32 32H32c-17.67 0-32-14.31-32-32s14.33-32 32-32h16v-320H32c-17.67 0-32-14.31-32-32s14.33-32 32-32h96c17.67 0 32 14.31 32 32s-14.33 32-32 32H112v112h224v-112H320c-17.67 0-32-14.31-32-32s14.33-32 32-32h96c17.67 0 32 14.31 32 32s-14.33 32-32 32h-16v320H416C433.7 416 448 430.3 448 448z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Initials</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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>
<p class="filesPageSecSidesSecToolsItemText">Date</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-128 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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 448c0 17.67-14.33 32-32 32H32c-17.67 0-32-14.33-32-32s14.33-32 32-32h64V123.8L49.75 154.6C35.02 164.5 15.19 160.4 5.375 145.8C-4.422 131.1-.4531 111.2 14.25 101.4l96-64c9.828-6.547 22.45-7.187 32.84-1.594C153.5 41.37 160 52.22 160 64.01v352h64C241.7 416 256 430.3 256 448z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Number</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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 120c-26.51 0-48 21.49-48 48s21.49 48 48 48s48-21.49 48-48S178.5 120 152 120zM447.1 32h-384C28.65 32-.0091 60.65-.0091 96v320c0 35.35 28.65 64 63.1 64h384c35.35 0 64-28.65 64-64V96C511.1 60.65 483.3 32 447.1 32zM463.1 409.3l-136.8-185.9C323.8 218.8 318.1 216 312 216c-6.113 0-11.82 2.768-15.21 7.379l-106.6 144.1l-37.09-46.1c-3.441-4.279-8.934-6.809-14.77-6.809c-5.842 0-11.33 2.529-14.78 6.809l-75.52 93.81c0-.0293 0 .0293 0 0L47.99 96c0-8.822 7.178-16 16-16h384c8.822 0 16 7.178 16 16V409.3z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Images</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M211.8 339.8C200.9 350.7 183.1 350.7 172.2 339.8L108.2 275.8C97.27 264.9 97.27 247.1 108.2 236.2C119.1 225.3 136.9 225.3 147.8 236.2L192 280.4L300.2 172.2C311.1 161.3 328.9 161.3 339.8 172.2C350.7 183.1 350.7 200.9 339.8 211.8L211.8 339.8zM0 96C0 60.65 28.65 32 64 32H384C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96zM48 96V416C48 424.8 55.16 432 64 432H384C392.8 432 400 424.8 400 416V96C400 87.16 392.8 80 384 80H64C55.16 80 48 87.16 48 96z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Checkbox</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M182.6 246.6C170.1 259.1 149.9 259.1 137.4 246.6L57.37 166.6C44.88 154.1 44.88 133.9 57.37 121.4C69.87 108.9 90.13 108.9 102.6 121.4L159.1 178.7L297.4 41.37C309.9 28.88 330.1 28.88 342.6 41.37C355.1 53.87 355.1 74.13 342.6 86.63L182.6 246.6zM182.6 470.6C170.1 483.1 149.9 483.1 137.4 470.6L9.372 342.6C-3.124 330.1-3.124 309.9 9.372 297.4C21.87 284.9 42.13 284.9 54.63 297.4L159.1 402.7L393.4 169.4C405.9 156.9 426.1 156.9 438.6 169.4C451.1 181.9 451.1 202.1 438.6 214.6L182.6 470.6z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Multiple</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M364.2 83.8C339.8 59.39 300.2 59.39 275.8 83.8L91.8 267.8C49.71 309.9 49.71 378.1 91.8 420.2C133.9 462.3 202.1 462.3 244.2 420.2L396.2 268.2C407.1 257.3 424.9 257.3 435.8 268.2C446.7 279.1 446.7 296.9 435.8 307.8L283.8 459.8C219.8 523.8 116.2 523.8 52.2 459.8C-11.75 395.8-11.75 292.2 52.2 228.2L236.2 44.2C282.5-2.08 357.5-2.08 403.8 44.2C450.1 90.48 450.1 165.5 403.8 211.8L227.8 387.8C199.2 416.4 152.8 416.4 124.2 387.8C95.59 359.2 95.59 312.8 124.2 284.2L268.2 140.2C279.1 129.3 296.9 129.3 307.8 140.2C318.7 151.1 318.7 168.9 307.8 179.8L163.8 323.8C157.1 330.5 157.1 341.5 163.8 348.2C170.5 354.9 181.5 354.9 188.2 348.2L364.2 172.2C388.6 147.8 388.6 108.2 364.2 83.8V83.8z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">File</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon" style="font-size: 17px;">
<!--! 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 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 352C309 352 352 309 352 256C352 202.1 309 160 256 160C202.1 160 160 202.1 160 256C160 309 202.1 352 256 352z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Radio</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M320 192H128C118.5 192 109.8 197.7 105.1 206.4C102.2 215.1 103.9 225.3 110.4 232.3l96 104C210.9 341.2 217.3 344 224 344s13.09-2.812 17.62-7.719l96-104c6.469-7 8.188-17.19 4.375-25.91C338.2 197.7 329.5 192 320 192zM384 32H64C28.65 32 0 60.66 0 96v320c0 35.34 28.65 64 64 64h320c35.35 0 64-28.66 64-64V96C448 60.66 419.3 32 384 32zM400 416c0 8.82-7.178 16-16 16H64c-8.822 0-16-7.18-16-16V96c0-8.82 7.178-16 16-16h320c8.822 0 16 7.18 16 16V416z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Select</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M448 32C483.3 32 512 60.65 512 96V416C512 451.3 483.3 480 448 480H64C28.65 480 0 451.3 0 416V96C0 60.65 28.65 32 64 32H448zM448 96H288V224H448V96zM448 288H288V416H448V288zM224 224V96H64V224H224zM64 416H224V288H64V416z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Cells</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M366.2 256H400C461.9 256 512 306.1 512 368C512 388.9 498.6 406.7 480 413.3V464C480 490.5 458.5 512 432 512H80C53.49 512 32 490.5 32 464V413.3C13.36 406.7 0 388.9 0 368C0 306.1 50.14 256 112 256H145.8C175.7 256 200 231.7 200 201.8C200 184.3 190.8 168.5 180.1 154.8C167.5 138.5 160 118.1 160 96C160 42.98 202.1 0 256 0C309 0 352 42.98 352 96C352 118.1 344.5 138.5 331.9 154.8C321.2 168.5 312 184.3 312 201.8C312 231.7 336.3 256 366.2 256zM416 416H96V448H416V416z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Stamp</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -32 576 576" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M168 336C181.3 336 192 346.7 192 360C192 373.3 181.3 384 168 384H120C106.7 384 96 373.3 96 360C96 346.7 106.7 336 120 336H168zM360 336C373.3 336 384 346.7 384 360C384 373.3 373.3 384 360 384H248C234.7 384 224 373.3 224 360C224 346.7 234.7 336 248 336H360zM512 32C547.3 32 576 60.65 576 96V416C576 451.3 547.3 480 512 480H64C28.65 480 0 451.3 0 416V96C0 60.65 28.65 32 64 32H512zM512 80H64C55.16 80 48 87.16 48 96V128H528V96C528 87.16 520.8 80 512 80zM528 224H48V416C48 424.8 55.16 432 64 432H512C520.8 432 528 424.8 528 416V224z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Payment</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
<div class="filesPageSecSidesSecToolsItem"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M511.2 387l-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45l100.8-23.25C139.7-2.602 154.7 5.018 160.8 18.92l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z"></path>
</svg>
<p class="filesPageSecSidesSecToolsItemText">Phone</p><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecToolsItemIcon">
<!--! 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="M120 256C120 286.9 94.93 312 64 312C33.07 312 8 286.9 8 256C8 225.1 33.07 200 64 200C94.93 200 120 225.1 120 256zM280 256C280 286.9 254.9 312 224 312C193.1 312 168 286.9 168 256C168 225.1 193.1 200 224 200C254.9 200 280 225.1 280 256zM328 256C328 225.1 353.1 200 384 200C414.9 200 440 225.1 440 256C440 286.9 414.9 312 384 312C353.1 312 328 286.9 328 256z"></path>
</svg>
</div>
</div>
</div>
<div class="filesPageSecSidesSec filesPageSecSidesSecAlt">
<p class="filesPageSecSidesSecAltText">Drag click any of the above elements to add them to your file.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="secMain secMainFooter">
<div class="containerMain">
<div class="secMainFooterInside">
<div class="secMainFooterInsideTop">
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecLeft">
<div class="secMainFooterInsideTopSecLeftTop"><img class="secMainFooterInsideTopSecLeftTopImg" src="assets/img/SIGit%20Logo%20Text%20H.svg"></div>
<div class="secMainFooterInsideTopSecLeftBottom">
<p class="secMainFooterInsideTopSecLeftBottomText"></p>
</div>
</div>
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecMid">
<div class="secMainFooterInsideTopSecMidInside"><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Home</button><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Dashboard</button><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Git</button></div>
</div>
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecRight">
<div class="secMainFooterInsideTopSecRightInside">
<p class="secMainFooterInsideTopSecRightInsideText">SIGit is a secure &amp; private document signing service where you can create, sign, and verify any document from any device with a browser.</p>
<div class="secMainFooterInsideTopSecRightInsideLinks"><a role="button" class="btnMain secMainFooterInsideTopSecRightInsideLinksLink"><img class="footerMainInsideSecRightLinksLinkImg" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif" width="25" alt="nostr logo" height="25"></a></div>
</div>
</div>
</div>
<div class="secMainFooterInsideBottom">
<div class="secMainFooterInsideBottomSec">
<p class="secMainFooterInsideBottomSecText">Built by&nbsp;<a class="linkMain" href="#">Nostr Dev</a>&nbsp;2024.</p>
</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>

427
dashboard-progress.html Normal file
View File

@ -0,0 +1,427 @@
<!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="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="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>

396
dashboard.html Normal file
View File

@ -0,0 +1,396 @@
<!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="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">
<div class="containerMain">
<div class="secMainBodySecInside">
<div class="secMainBodySecInside_Dashboard">
<div class="secMainBodySecInside_DashboardSec secMainBodySecInside_DashboardSecTop">
<div class="secMainBodySecInside_DashboardSecTopSec secMainBodySecInside_DashboardSecTopSecLeft"></div>
<div class="secMainBodySecInside_DashboardSecTopSec secMainBodySecInside_DashboardSecTopSecRight">
<div class="secMainBodySecInside_DashboardSecTopSecRightSec secMainBodySecInside_DashboardSecTopSecRightSecSearch">
<div class="searchMain"><input type="text" class="inputMain searchMainInput" placeholder="Search"><button class="btnMain searchMainBtn" 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="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z"></path>
</svg></button></div>
</div>
<div class="secMainBodySecInside_DashboardSecTopSecDivider"></div>
<div class="secMainBodySecInside_DashboardSecTopSecRightSec secMainBodySecInside_DashboardSecTopSecRightSecBtns"><button id="filtersTrigger" class="btnMain secMainBodySecInside_DashboardSecTopSecRightSecBtnsBtn" 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="M3.853 54.87C10.47 40.9 24.54 32 40 32H472C487.5 32 501.5 40.9 508.1 54.87C514.8 68.84 512.7 85.37 502.1 97.33L320 320.9V448C320 460.1 313.2 471.2 302.3 476.6C291.5 482 278.5 480.9 268.8 473.6L204.8 425.6C196.7 419.6 192 410.1 192 400V320.9L9.042 97.33C-.745 85.37-2.765 68.84 3.854 54.87L3.853 54.87z"></path>
</svg></button><button id="uploadTrigger" class="btnMain" 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="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z"></path>
</svg></button></div>
</div>
</div>
<div id="filtersTriggered" class="secMainBodySecInside_DashboardSec secMainBodySecInside_DashboardSecFilters" style="display: none;">
<div class="dropdown dropdownMain"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain dropdownMainBtn" type="button">Show all<svg xmlns="http://www.w3.org/2000/svg" viewBox="-96 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="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"></path>
</svg></button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="#">Show all</a><a class="dropdown-item dropdownMainMenuItem" href="#">Drafts</a><a class="dropdown-item dropdownMainMenuItem" href="#">In-progress</a><a class="dropdown-item dropdownMainMenuItem" href="#">Completed</a><a class="dropdown-item dropdownMainMenuItem" href="#">Archived</a></div>
</div>
<div class="dropdown dropdownMain"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain dropdownMainBtn" type="button">Newest<svg xmlns="http://www.w3.org/2000/svg" viewBox="-96 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="M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z"></path>
</svg></button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="#">Newest</a><a class="dropdown-item dropdownMainMenuItem" href="#">Oldest</a></div>
</div>
</div>
<div id="uploadTriggered" class="secMainBodySecInside_DashboardSec secMainBodySecInside_DashboardSecUpload" style="display: none;">
<div class="uploadBox">
<div class="uploadBoxInside secMainBodySecInside_DashboardSecUploadBox">
<p>Click or drag files here to upload</p><input type="file" class="uploadBoxInsideUpload">
</div>
</div>
</div>
<div class="secMainBodySecInside_DashboardSec secMainBodySecInside_DashboardSecMid">
<div class="secMainBodySecInside_DashboardSecMidCards">
<div class="secMainBodySecInside_DashboardSecMidCardsWrap"><a class="secMainBodySecInside_DashboardSecMidCardsWrapLink" href="#">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkTop">
<p class="secMainBodySecInside_DashboardSecMidCardsWrapLinkTopText">This is the file's name, and it's such an amazing file name that I can't handle it, like holy mother of nostr, wow.</p>
</div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMid">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidPrimary">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
</div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidDivider"></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidSecondary">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOtherFirst" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
</div>
</div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottom">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRow">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowVisual"><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="M96 32C96 14.33 110.3 0 128 0C145.7 0 160 14.33 160 32V64H288V32C288 14.33 302.3 0 320 0C337.7 0 352 14.33 352 32V64H400C426.5 64 448 85.49 448 112V160H0V112C0 85.49 21.49 64 48 64H96V32zM448 464C448 490.5 426.5 512 400 512H48C21.49 512 0 490.5 0 464V192H448V464z"></path>
</svg></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowText">
<p>16 July 2024 - 10:00 PM</p>
</div>
</div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomSplit">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRow">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowVisual"><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="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowText">
<p>Draft</p>
</div>
</div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRow">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowVisual"><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="M320 0v128h128L320 0zM288 128L288 0H112C85.49 0 64 21.49 64 48V224H16C7.164 224 0 231.2 0 240v32C0 280.8 7.164 288 16 288h128c6.062 0 11.59 3.438 14.31 8.844L176 332.2l49.69-99.38c5.438-10.81 23.19-10.81 28.62 0L281.9 288H352c8.844 0 16 7.156 16 16S360.8 320 352 320h-80c-6.062 0-11.59-3.438-14.31-8.844L240 275.8l-49.69 99.38C187.6 380.6 182.1 384 176 384s-11.59-3.438-14.31-8.844L134.1 320H64v144C64 490.5 85.49 512 112 512h288c26.51 0 48-21.49 48-48V160h-127.1C302.3 160 288 145.7 288 128z"></path>
</svg></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowText">
<p>PDF</p>
</div>
</div>
</div>
</div>
</a>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapBtns"><button data-bs-toggle="tooltip" data-bss-tooltip="" class="btnMain secMainBodySecInside_DashboardSecMidCardsWrapBtnsBtn" type="button" title="Edit"><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></button><button data-bs-toggle="tooltip" data-bss-tooltip="" class="btnMain secMainBodySecInside_DashboardSecMidCardsWrapBtnsBtn" type="button" title="Duplicate"><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="M384 96L384 0h-112c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48H464c26.51 0 48-21.49 48-48V128h-95.1C398.4 128 384 113.6 384 96zM416 0v96h96L416 0zM192 352V128h-144c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h192c26.51 0 48-21.49 48-48L288 416h-32C220.7 416 192 387.3 192 352z"></path>
</svg></button><button data-bs-toggle="tooltip" data-bss-tooltip="" class="btnMain secMainBodySecInside_DashboardSecMidCardsWrapBtnsBtn" type="button" title="Archive"><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>
<div class="secMainBodySecInside_DashboardSecMidCardsWrap"><a class="secMainBodySecInside_DashboardSecMidCardsWrapLink" href="#">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkTop">
<p class="secMainBodySecInside_DashboardSecMidCardsWrapLinkTopText">This is the file's name, and it's such an amazing file name that I can't handle it, like holy mother of nostr, wow.</p>
</div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMid">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidPrimary">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatus"><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 class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidDivider"></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidSecondary">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOtherFirst" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatus"><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="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatus"><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="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatus"><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="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;"></div>
</div>
</div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottom">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRow">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowVisual"><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="M96 32C96 14.33 110.3 0 128 0C145.7 0 160 14.33 160 32V64H288V32C288 14.33 302.3 0 320 0C337.7 0 352 14.33 352 32V64H400C426.5 64 448 85.49 448 112V160H0V112C0 85.49 21.49 64 48 64H96V32zM448 464C448 490.5 426.5 512 400 512H48C21.49 512 0 490.5 0 464V192H448V464z"></path>
</svg></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowText">
<p>16 July 2024 - 10:00 PM</p>
</div>
</div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomSplit">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRow">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowVisual"><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="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowText">
<p>In-progress</p>
</div>
</div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRow">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowVisual"><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="M320 0v128h128L320 0zM288 128L288 0H112C85.49 0 64 21.49 64 48V224H16C7.164 224 0 231.2 0 240v32C0 280.8 7.164 288 16 288h128c6.062 0 11.59 3.438 14.31 8.844L176 332.2l49.69-99.38c5.438-10.81 23.19-10.81 28.62 0L281.9 288H352c8.844 0 16 7.156 16 16S360.8 320 352 320h-80c-6.062 0-11.59-3.438-14.31-8.844L240 275.8l-49.69 99.38C187.6 380.6 182.1 384 176 384s-11.59-3.438-14.31-8.844L134.1 320H64v144C64 490.5 85.49 512 112 512h288c26.51 0 48-21.49 48-48V160h-127.1C302.3 160 288 145.7 288 128z"></path>
</svg></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowText">
<p>PDF</p>
</div>
</div>
</div>
</div>
</a>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapBtns"><button data-bs-toggle="tooltip" data-bss-tooltip="" class="btnMain secMainBodySecInside_DashboardSecMidCardsWrapBtnsBtn" type="button" title="Edit"><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></button><button data-bs-toggle="tooltip" data-bss-tooltip="" class="btnMain secMainBodySecInside_DashboardSecMidCardsWrapBtnsBtn" type="button" title="Duplicate"><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="M384 96L384 0h-112c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48H464c26.51 0 48-21.49 48-48V128h-95.1C398.4 128 384 113.6 384 96zM416 0v96h96L416 0zM192 352V128h-144c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h192c26.51 0 48-21.49 48-48L288 416h-32C220.7 416 192 387.3 192 352z"></path>
</svg></button><button data-bs-toggle="tooltip" data-bss-tooltip="" class="btnMain secMainBodySecInside_DashboardSecMidCardsWrapBtnsBtn" type="button" title="Archive"><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>
<div class="secMainBodySecInside_DashboardSecMidCardsWrap"><a class="secMainBodySecInside_DashboardSecMidCardsWrapLink" href="#">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkTop">
<p class="secMainBodySecInside_DashboardSecMidCardsWrapLinkTopText">This is the file's name, and it's such an amazing file name that I can't handle it, like holy mother of nostr, wow.</p>
</div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMid">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidPrimary">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatus"><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 class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidDivider"></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidSecondary">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOtherFirst" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatus"><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="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatus"><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="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatus"><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="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatus"><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="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatus"><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="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatus"><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="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatus"><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="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUser secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserOther" style="background: url(&quot;assets/img/User%20Profile%20Picture%20Default.png&quot;) center / cover no-repeat;">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkMidUserStatus"><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="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottom">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRow">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowVisual"><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="M96 32C96 14.33 110.3 0 128 0C145.7 0 160 14.33 160 32V64H288V32C288 14.33 302.3 0 320 0C337.7 0 352 14.33 352 32V64H400C426.5 64 448 85.49 448 112V160H0V112C0 85.49 21.49 64 48 64H96V32zM448 464C448 490.5 426.5 512 400 512H48C21.49 512 0 490.5 0 464V192H448V464z"></path>
</svg></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowText">
<p>16 July 2024 - 10:00 PM</p>
</div>
</div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomSplit">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRow">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowVisual"><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="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowText">
<p>Completed</p>
</div>
</div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRow">
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowVisual"><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="M320 0v128h128L320 0zM288 128L288 0H112C85.49 0 64 21.49 64 48V224H16C7.164 224 0 231.2 0 240v32C0 280.8 7.164 288 16 288h128c6.062 0 11.59 3.438 14.31 8.844L176 332.2l49.69-99.38c5.438-10.81 23.19-10.81 28.62 0L281.9 288H352c8.844 0 16 7.156 16 16S360.8 320 352 320h-80c-6.062 0-11.59-3.438-14.31-8.844L240 275.8l-49.69 99.38C187.6 380.6 182.1 384 176 384s-11.59-3.438-14.31-8.844L134.1 320H64v144C64 490.5 85.49 512 112 512h288c26.51 0 48-21.49 48-48V160h-127.1C302.3 160 288 145.7 288 128z"></path>
</svg></div>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapLinkBottomRowText">
<p>PDF</p>
</div>
</div>
</div>
</div>
</a>
<div class="secMainBodySecInside_DashboardSecMidCardsWrapBtns"><button data-bs-toggle="tooltip" data-bss-tooltip="" class="btnMain secMainBodySecInside_DashboardSecMidCardsWrapBtnsBtn" type="button" title="Edit"><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></button><button data-bs-toggle="tooltip" data-bss-tooltip="" class="btnMain secMainBodySecInside_DashboardSecMidCardsWrapBtnsBtn" type="button" title="Duplicate"><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="M384 96L384 0h-112c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48H464c26.51 0 48-21.49 48-48V128h-95.1C398.4 128 384 113.6 384 96zM416 0v96h96L416 0zM192 352V128h-144c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h192c26.51 0 48-21.49 48-48L288 416h-32C220.7 416 192 387.3 192 352z"></path>
</svg></button><button data-bs-toggle="tooltip" data-bss-tooltip="" class="btnMain secMainBodySecInside_DashboardSecMidCardsWrapBtnsBtn" type="button" title="Archive"><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>
</div>
<div class="paginationMain">
<div class="paginationMainInside"><button class="btnMain paginationMainInsideBtn" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-128 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="M192 448c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L77.25 256l137.4 137.4c12.5 12.5 12.5 32.75 0 45.25C208.4 444.9 200.2 448 192 448z"></path>
</svg></button>
<div class="paginationMainInsideSplitter"></div>
<div class="paginationMainInsideNumbers"><button class="btnMain paginationMainInsideNumbersBtn paginationMainInsideNumbersBtnActive" type="button">1</button><button class="btnMain paginationMainInsideNumbersBtn" type="button">2</button><button class="btnMain paginationMainInsideNumbersBtn" type="button">3</button><button class="btnMain paginationMainInsideNumbersBtn" type="button">4</button><button class="btnMain paginationMainInsideNumbersBtn" type="button">6</button><button class="btnMain paginationMainInsideNumbersBtn" type="button">7</button><button class="btnMain paginationMainInsideNumbersBtn" type="button">8</button><button class="btnMain paginationMainInsideNumbersBtn" type="button">9</button><button class="btnMain paginationMainInsideNumbersBtn" type="button">10</button></div>
<div class="paginationMainInsideSplitter"></div><button class="btnMain paginationMainInsideBtn" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-128 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="M64 448c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L178.8 256L41.38 118.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25l-160 160C80.38 444.9 72.19 448 64 448z"></path>
</svg></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="secMain secMainFooter">
<div class="containerMain">
<div class="secMainFooterInside">
<div class="secMainFooterInsideTop">
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecLeft">
<div class="secMainFooterInsideTopSecLeftTop"><img class="secMainFooterInsideTopSecLeftTopImg" src="assets/img/SIGit%20Logo%20Text%20H.svg"></div>
<div class="secMainFooterInsideTopSecLeftBottom">
<p class="secMainFooterInsideTopSecLeftBottomText"></p>
</div>
</div>
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecMid">
<div class="secMainFooterInsideTopSecMidInside"><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Home</button><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Dashboard</button><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Git</button></div>
</div>
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecRight">
<div class="secMainFooterInsideTopSecRightInside">
<p class="secMainFooterInsideTopSecRightInsideText">SIGit is a secure &amp; private document signing service where you can create, sign, and verify any document from any device with a browser.</p>
<div class="secMainFooterInsideTopSecRightInsideLinks"><a role="button" class="btnMain secMainFooterInsideTopSecRightInsideLinksLink"><img class="footerMainInsideSecRightLinksLinkImg" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif" width="25" alt="nostr logo" height="25"></a></div>
</div>
</div>
</div>
<div class="secMainFooterInsideBottom">
<div class="secMainFooterInsideBottomSec">
<p class="secMainFooterInsideBottomSecText">Built by&nbsp;<a class="linkMain" href="#">Nostr Dev</a>&nbsp;2024.</p>
</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>

205
index.html Normal file
View File

@ -0,0 +1,205 @@
<!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="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 secMainBodySecFront">
<div class="containerMain">
<div class="secMainBodySecInside">
<div class="secMainBodySecInside_Front">
<div class="secMainBodySecInside_FrontSec secMainBodySecInside_FrontSecLogo"><img class="secMainBodySecInside_FrontSecLogoImg" src="assets/img/SIGit%20Logo%20Text%20H.svg"></div>
<div class="secMainBodySecInside_FrontSec secMainBodySecInside_FrontSecInfo">
<h1 class="secMainBodySecInside_FrontSecInfoHeading">Secure &amp; Private Document Signing</h1>
<p class="secMainBodySecInside_FrontSecInfoText">Totally private, encrypted locally, and you can self-host this open-source project to get that extra benefit</p>
</div>
<div class="secMainBodySecInside_FrontSec secMainBodySecInside_FrontSecCards">
<div class="secMainBodySecInside_FrontSecCardsCard">
<div class="secMainBodySecInside_FrontSecCardsCardInside">
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecTop">
<div class="secMainBodySecInside_FrontSecCardsCardInsideSecTopVisual"><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 160H384V299.6L289.3 394.3C281.1 402.5 275.3 412.8 272.5 424.1L257.4 484.2C255.1 493.6 255.7 503.2 258.8 512H64C28.65 512 0 483.3 0 448V64zM256 128V0L384 128H256zM564.1 250.1C579.8 265.7 579.8 291 564.1 306.7L534.7 336.1L463.8 265.1L493.2 235.7C508.8 220.1 534.1 220.1 549.8 235.7L564.1 250.1zM311.9 416.1L441.1 287.8L512.1 358.7L382.9 487.9C378.8 492 373.6 494.9 368 496.3L307.9 511.4C302.4 512.7 296.7 511.1 292.7 507.2C288.7 503.2 287.1 497.4 288.5 491.1L303.5 431.8C304.9 426.2 307.8 421.1 311.9 416.1V416.1z"></path>
</svg></div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSecTopText">
<p>Quick &amp; Easy</p>
</div>
</div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecMid">
<p>Simply sign-in (or create an account) and start signing whatever file you desire.</p>
</div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecBottom"><a role="button" class="btnMain secMainBodySecInside_FrontSecCardsCardInsideSecBottomBtn" 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></div>
</div>
</div>
<div class="secMainBodySecInside_FrontSecCardsCard">
<div class="secMainBodySecInside_FrontSecCardsCardInside">
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecTop">
<div class="secMainBodySecInside_FrontSecCardsCardInsideSecTopVisual"><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.3-.0068C261.9-.0507 267.3 1.386 272.1 4.066L476.5 90.53C487.7 95.27 495.2 105.1 495.9 118.1C501.6 213.6 466.7 421.9 272.5 507.7C267.6 510.5 261.1 512.1 256.3 512C250.5 512.1 244.9 510.5 239.1 507.7C45.8 421.9 10.95 213.6 16.57 118.1C17.28 105.1 24.83 95.27 36.04 90.53L240.4 4.066C245.2 1.386 250.7-.0507 256.3-.0068H256.3zM266.1 363.4L364.2 263.6C392.2 234.7 390.5 186.6 358.1 159.5C331.8 135.8 291.5 140.2 266.1 166.5L256.4 176.1L245.9 166.5C221.4 140.2 180.2 135.8 153 159.5C121.5 186.6 119.8 234.7 147.8 263.6L244.2 363.4C251.2 369.5 260.8 369.5 266.1 363.4V363.4z"></path>
</svg></div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSecTopText">
<p>Secure &amp; Private</p>
</div>
</div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecMid">
<p>Because of the underlying tech, know that your files are private and safe from tampering.</p>
</div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecBottom"><button class="btnMain secMainBodySecInside_FrontSecCardsCardInsideSecBottomBtnAlt" type="button">Learn more</button></div>
</div>
</div>
<div class="secMainBodySecInside_FrontSecCardsCard">
<div class="secMainBodySecInside_FrontSecCardsCardInside">
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecTop">
<div class="secMainBodySecInside_FrontSecCardsCardInsideSecTopVisual"><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="M480 288H32c-17.62 0-32 14.38-32 32v128c0 17.62 14.38 32 32 32h448c17.62 0 32-14.38 32-32v-128C512 302.4 497.6 288 480 288zM352 408c-13.25 0-24-10.75-24-24s10.75-24 24-24s24 10.75 24 24S365.3 408 352 408zM416 408c-13.25 0-24-10.75-24-24s10.75-24 24-24s24 10.75 24 24S429.3 408 416 408zM480 32H32C14.38 32 0 46.38 0 64v128c0 17.62 14.38 32 32 32h448c17.62 0 32-14.38 32-32V64C512 46.38 497.6 32 480 32zM352 152c-13.25 0-24-10.75-24-24S338.8 104 352 104S376 114.8 376 128S365.3 152 352 152zM416 152c-13.25 0-24-10.75-24-24S402.8 104 416 104S440 114.8 440 128S429.3 152 416 152z"></path>
</svg></div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSecTopText">
<p>Self Hostable</p>
</div>
</div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecMid">
<p>Sigit is completely open source and can be completely self hosted by anyone.</p>
</div>
<div class="secMainBodySecInside_FrontSecCardsCardInsideSec secMainBodySecInside_FrontSecCardsCardInsideSecBottom"><button class="btnMain secMainBodySecInside_FrontSecCardsCardInsideSecBottomBtnAlt" type="button">Learn more</button></div>
</div>
</div>
</div>
<div class="secMainBodySecInside_FrontSec secMainBodySecInside_FrontSecExtra">
<p>It's totally free if you self-host, otherwise it's a freemium service with premium packages</p>
</div>
</div>
</div>
</div>
<div class="secMainBodySecFrontBGElement secMainBodySecFrontBGElementRight" style="background: url(&quot;assets/img/BG%20ER.svg&quot;) center / cover no-repeat;"><img src="assets/img/BG%20ER.svg"></div>
<div class="secMainBodySecFrontBGElement secMainBodySecFrontBGElementLeft"><img src="assets/img/BG%20EL.svg"></div>
</div>
</div>
<div class="secMain secMainFooter">
<div class="containerMain">
<div class="secMainFooterInside">
<div class="secMainFooterInsideTop">
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecLeft">
<div class="secMainFooterInsideTopSecLeftTop"><img class="secMainFooterInsideTopSecLeftTopImg" src="assets/img/SIGit%20Logo%20Text%20H.svg"></div>
<div class="secMainFooterInsideTopSecLeftBottom">
<p class="secMainFooterInsideTopSecLeftBottomText"></p>
</div>
</div>
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecMid">
<div class="secMainFooterInsideTopSecMidInside"><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Home</button><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Dashboard</button><button class="btnMain secMainFooterInsideTopSecMidBtn" type="button">Git</button></div>
</div>
<div class="secMainFooterInsideTopSec secMainFooterInsideTopSecRight">
<div class="secMainFooterInsideTopSecRightInside">
<p class="secMainFooterInsideTopSecRightInsideText">SIGit is a secure &amp; private document signing service where you can create, sign, and verify any document from any device with a browser.</p>
<div class="secMainFooterInsideTopSecRightInsideLinks"><a role="button" class="btnMain secMainFooterInsideTopSecRightInsideLinksLink"><img class="footerMainInsideSecRightLinksLinkImg" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif" width="25" alt="nostr logo" height="25"></a></div>
</div>
</div>
</div>
<div class="secMainFooterInsideBottom">
<div class="secMainFooterInsideBottomSec">
<p class="secMainFooterInsideBottomSecText">Built by&nbsp;<a class="linkMain" href="#">Nostr Dev</a>&nbsp;2024.</p>
</div>
</div>
</div>
</div>
</div>
<div id="popupLogin" class="popupMain" style="display: none;">
<div class="containerMain">
<div class="popupMainInside">
<div class="popupMainInsideWrapper">
<div class="popupMainInsideWrapperBox">
<div class="popupMainInsideWrapperBoxTop">
<p class="popupMainInsideWrapperBoxTopText">Login</p><button class="btnMain popupMainInsideWrapperBoxTopBtn" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-96 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="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"></path>
</svg></button>
</div>
<div class="popupMainInsideWrapperBoxMid">
<div class="tabsMain">
<ul class="nav nav-tabs tabsMainTop" role="tablist">
<li class="nav-item tabsMainTopTab" role="presentation"><a class="nav-link active tabsMainTopTabLink tabsMainTopTabLinkAlt" role="tab" data-bs-toggle="tab" href="#tab-1">Login</a></li>
<li class="nav-item tabsMainTopTab" role="presentation"><a class="nav-link tabsMainTopTabLink tabsMainTopTabLinkAlt" role="tab" data-bs-toggle="tab" href="#tab-2">Register</a></li>
<li class="nav-item tabsMainTopTab tabsMainTopTabNostr" role="presentation"><a class="nav-link tabsMainTopTabLink tabsMainTopTabLinkAlt tabsMainTopTabLinkNostr" role="tab" data-bs-toggle="tab" href="#tab-3"><img class="footerMainInsideSecRightLinksLinkImg" src="https://image.nostr.build/fb557f1b6d58c7bbcdf4d1edb1b48090c76ff1d1384b9d1aae13d652e7a3cfe4.gif" width="25" alt="nostr logo" height="25"></a></li>
</ul>
<div class="tab-content tabsMainBottom">
<div class="tab-pane active tabsMainBottomPane" role="tabpanel" id="tab-1">
<div class="tabsMainBottomPaneLogin">
<div class="fieldWrapper"><label class="form-label labelMain labelMainWhite">Email</label><input type="email" class="inputMain" placeholder="Your email address" required=""></div>
<div class="fieldWrapper"><label class="form-label labelMain labelMainWhite">Password</label><input type="password" class="inputMain" placeholder="Your password" required=""></div><button class="btnMain tabsMainBottomPaneLoginBtn" type="button">Sign-in</button>
</div>
</div>
<div class="tab-pane tabsMainBottomPane" role="tabpanel" id="tab-2">
<div class="tabsMainBottomPaneLogin">
<div class="fieldWrapper"><label class="form-label labelMain labelMainWhite">Email</label><input type="email" class="inputMain inputMainAlt" placeholder="Your email address" required=""></div>
<div class="fieldWrapper"><label class="form-label labelMain labelMainWhite">Password</label><input type="password" class="inputMain inputMainAlt" placeholder="Your password" required=""></div>
<div class="fieldWrapper"><label class="form-label labelMain labelMainWhite">Re-type your password</label><input type="password" class="inputMain inputMainAlt" placeholder="Your password" required=""></div><button class="btnMain tabsMainBottomPaneLoginBtn" type="button">Register</button>
</div>
</div>
<div class="tab-pane tabsMainBottomPane" role="tabpanel" id="tab-3">
<div class="tabsMainBottomPaneLogin">
<div class="fieldWrapper"><label class="form-label labelMain labelMainWhite">Login by using a browser extension</label><button class="btnMain tabsMainBottomPaneLoginBtn tabsMainBottomPaneLoginBtnAlt" type="button">Extension Sign-in</button></div>
<div class="tabsMainBottomPaneLoginSplitter">
<div class="tabsMainBottomPaneLoginSplitterLine"></div>
<p>or</p>
<div class="tabsMainBottomPaneLoginSplitterLine"></div>
</div>
<div class="fieldWrapper"><label class="form-label labelMain labelMainWhite">Private key (Not recommended)</label><input type="email" class="inputMain inputMainAlt" placeholder="nsec address" required=""></div><button class="btnMain tabsMainBottomPaneLoginBtn" type="button">Sign-in</button>
</div>
</div>
</div>
</div>
</div>
<div class="popupMainInsideWrapperBoxBottom">
<p>Welcome to SIGit!</p>
</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>