Scribd
Upload
15 views3 pages

HTML Code

The document appears to be a design layout for a user interface focused on task management. It features an 'Inbox' section for managing tasks with options to add new tasks and review designs. The layout includes a sidebar for navigation labeled 'Tasks' and utilizes various styling elements for visual appeal.

Uploaded by

khaparderahil
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
15 views3 pages

HTML Code

The document appears to be a design layout for a user interface focused on task management. It features an 'Inbox' section for managing tasks with options to add new tasks and review designs. The layout includes a sidebar for navigation labeled 'Tasks' and utilizes various styling elements for visual appeal.

Uploaded by

khaparderahil
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

<div style="width: 1272px; background: white; overflow: hidden; flex-direction: column;

justify-content: flex-start; align-items: flex-start; display: inline-flex">

<div style="align-self: stretch; background: white; overflow: hidden; flex-direction: column;

justify-content: flex-start; align-items: flex-start; display: flex">

<div style="align-self: stretch; padding-top: 24px; padding-bottom: 250px; padding-left: 236px;

padding-right: 236px; background: #F4F6F8; flex-direction: column; justify-content: flex-start;

align-items: flex-start; display: flex">

<div style="align-self: stretch; background: white; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);

overflow: hidden; border-radius: 16px; flex-direction: column; justify-content: flex-start; align-items:

flex-start; display: flex">

<div style="width: 800px; height: 600px; position: relative">

<div style="padding-top: 24px; padding-bottom: 436px; padding-left: 24px; padding-right:

24px; left: 200px; top: 0px; position: absolute; flex-direction: column; justify-content: center;

align-items: flex-start; gap: 32px; display: inline-flex">

<div style="align-self: stretch; justify-content: flex-start; align-items: center; gap: 388px;

display: inline-flex">

<div style="color: black; font-size: 24px; font-family: Inter; font-weight: 700; text-transform:

capitalize; line-height: 36px; word-wrap: break-word">Inbox</div>

<div style="padding-left: 16px; padding-right: 16px; padding-top: 8px; padding-bottom: 8px;

background: #007AFF; border-radius: 6px; flex-direction: column; justify-content: flex-start;

align-items: flex-start; display: inline-flex">

<div style="text-align: center; color: white; font-size: 16px; font-family: Inter; font-weight:

400; line-height: 24px; word-wrap: break-word">Add Task</div>

</div>

</div>

<div style="align-self: stretch; padding-top: 22.55px; padding-bottom: 22.95px; padding-left:


16.80px; padding-right: 25px; background: white; border-radius: 8px; outline: 1px #E1E1E1 solid;

outline-offset: -1px; justify-content: flex-end; align-items: center; gap: 361.81px; display: inline-flex">

<div style="padding-bottom: 0.05px; padding-left: 0.20px; padding-right: 0.19px;

justify-content: flex-start; align-items: center; gap: 12px; display: flex">

<div style="width: 8px; height: 8px; background: #FF3B30; border-radius:

26843500px"></div>

<div style="color: black; font-size: 15px; font-family: Inter; font-weight: 400; line-height:

22.50px; word-wrap: break-word">Review designs</div>

</div>

<div style="width: 18px; height: 18px; position: relative; overflow: hidden">

<div style="width: 12px; height: 13.50px; left: 3px; top: 2.25px; position: absolute; outline:

2px black solid; outline-offset: -1px"></div>

</div>

</div>

</div>

<div style="width: 200px; padding-top: 19px; padding-bottom: 362.50px; padding-left: 20px;

padding-right: 20px; left: 0px; top: -1px; position: absolute; background: #1A1A1A; flex-direction:

column; justify-content: flex-start; align-items: flex-start; gap: 33px; display: inline-flex">

<div style="color: white; font-size: 20px; font-family: Inter; font-weight: 700; line-height: 30px;

word-wrap: break-word">Tasks</div>

<div style="align-self: stretch; flex-direction: column; justify-content: center; align-items:

flex-start; gap: 7.50px; display: flex">

</div>

</div>

</div>

</div>

</div>
</div>

</div>

You might also like