Untitled

<!doctype html>

<html lang="en">

<head>
    <meta charset="utf-8">

    <title></title>
   <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="description" content="">
    <meta name="author" content="">

    <script src='https://cdn.tiny.cloud/1/7di3ye24aksnlota45htu5mk7hlx5bpmvn80ffsmg8x3anho/tinymce/5/tinymce.min.js' referrerpolicy="origin">
    </script>
    <script>
        tinymce.init({
            selector: '#mytextarea'
        });
    </script>
</head>

<body>

	<div id="task-list-modal">


		  <div class="wrap-add-task" id="task-list">

        <div onClick="hideMenu(event);" id="close-bttn" data-dismiss="modal" class="close-bttn-right-corner">✕</div>

        <div class="page-title">Add Task</div>

        <h4 class="headlines">Task Title</h4>

        <input class="round" type="text" required placeholder="">

        <h4 class="headlines">Assign to</h4>

        <input class="round" type="text" required placeholder="">

        <h4 class="headlines">Task Description</h4>

        <textarea id="mytextarea" name="mytextarea"></textarea>

        <div class="grid-two-col">

            <div class="wrap-priority-level">
                <h4 class="headlines">Priority Level</h4>

                <input class="round" type="text" required placeholder="">
            </div>

            <div class="wrap-set-date-time">
                <a class="reg-link" href="/">Set Due Date / Time</a></div>

        </div>

        <h4 class="headlines">Client</h4>

        <input class="round" type="text" required placeholder="">

    </div>

    <h4 class="headlines centered bold">Push Settings</h4>

    <div class="wrap-push-settings">

        <div class="push-switches">

            <h5 class="push-settings">Slack</h5>
            <div class="toggleWrapper">
                <input type="checkbox" name="toggle2" class="mobileToggle" id="toggle2">
                <label for="toggle2"></label>
            </div>

        </div>

        <div class="push-switches">

            <h5 class="push-settings">Google Calendar</h5>
            <div class="toggleWrapper">
                <input type="checkbox" name="toggle3" class="mobileToggle" id="toggle3">
                <label for="toggle3"></label>
            </div>

        </div>

        <div class="push-switches">

            <h5 class="push-settings">SMS Notification</h5>
            <div class="toggleWrapper">
                <input type="checkbox" name="toggle4" class="mobileToggle" id="toggle4">
                <label for="toggle4"></label>
            </div>

        </div>

        <div class="push-switches">

            <h5 class="push-settings">Email</h5>
            <div class="toggleWrapper">
                <input type="checkbox" name="toggle5" class="mobileToggle" id="toggle5">
                <label for="toggle5"></label>
            </div>

        </div>

    </div>

    <div class="wrap-bttnz">
        <button class="round-button">Add Photos</button>
        <button class="round-button">Save</button>
    </div>


	</div>

    <div class="return-link">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
            <path d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z" />
        </svg>
    </div>

    <div class="title-section">
        <h2 class="titles">Task List</h2>
    </div>

    <div class="footer-section">
        <div class="flex-footer">
            <div class="home-icon">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                    <path d="M570.24 247.41L512 199.52V104a8 8 0 0 0-8-8h-32a8 8 0 0 0-7.95 7.88v56.22L323.87 45a56.06 56.06 0 0 0-71.74 0L5.76 247.41a16 16 0 0 0-2 22.54L14 282.25a16 16 0 0 0 22.53 2L64 261.69V448a32.09 32.09 0 0 0 32 32h128a32.09 32.09 0 0 0 32-32V344h64v104a32.09 32.09 0 0 0 32 32h128a32.07 32.07 0 0 0 32-31.76V261.67l27.53 22.62a16 16 0 0 0 22.53-2L572.29 270a16 16 0 0 0-2.05-22.59zM463.85 432H368V328a32.09 32.09 0 0 0-32-32h-96a32.09 32.09 0 0 0-32 32v104h-96V222.27L288 77.65l176 144.56z" />
                </svg>
            </div>

            <div id="roundButton" class="plus-icon">
                <div class="center-icon-plus-button">

                    <div class="plus-sign">

                        <svg class="add-something" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
                            <path d="M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z" />
                        </svg>

                    </div>

                </div>
            </div>

            <div class="cal-icon">
                <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-3.5 0 32 32" enable-background="new -3.5 0 32 32" xml:space="preserve">
                    <path d="M3.668,30.368v-24.8h2.944c0-0.619,0.005-1.035,0.016-1.248s0.053-0.549,0.128-1.008s0.197-0.779,0.368-0.96
	c0.171-0.181,0.432-0.357,0.784-0.528C8.26,1.653,8.692,1.568,9.204,1.568c0.512,0,0.944,0.085,1.296,0.256
	c0.352,0.17,0.608,0.341,0.768,0.512c0.16,0.171,0.283,0.496,0.368,0.976s0.128,0.816,0.128,1.008v1.248h1.76V4.32
	c0,0,0.042-0.336,0.128-1.008s0.208-0.998,0.368-0.976c0.159,0.021,0.415-0.149,0.768-0.512c0.353-0.363,0.784-0.448,1.296-0.256
	c0.385,0,0.715,0.043,0.992,0.128c0.277,0.085,0.507,0.176,0.688,0.272c0.182,0.096,0.336,0.277,0.465,0.544
	c0.128,0.267,0.219,0.464,0.271,0.592c0.054,0.128,0.096,0.389,0.129,0.784c0.031,0.395,0.047,0.656,0.047,0.784v0.896h1.729V4.672
	c0,0,0.016-0.261,0.048-0.784c0.032-0.523,0.075-0.784,0.128-0.784c0.054,0,0.145-0.197,0.271-0.592
	c0.129-0.395,0.283-0.576,0.465-0.544c0.182,0.032,0.41-0.059,0.688-0.272s0.608-0.256,0.992-0.128c0.512,0,0.944,0.085,1.297,0.256
	c0.352,0.17,0.607,0.341,0.768,0.512c0.16,0.171,0.282,0.496,0.367,0.976c0.086,0.48,0.129,0.816,0.129,1.008v1.248H28.5v24.8H3.668
	z M5.748,24.704v3.584h4.448v-3.584H5.748z M5.748,24h4.448v-3.809H5.748V24z M5.748,19.488h4.448v-4.16H5.748V19.488z
	 M5.748,14.656h4.448v-3.584H5.748V14.656z M8.021,8.16c0,0.704,0.395,1.056,1.184,1.056c0.79,0,1.184-0.352,1.184-1.056V4
	c0-0.704-0.395-1.056-1.184-1.056C8.415,2.944,8.021,3.296,8.021,4V8.16z M10.868,24.704v3.584h4.864v-3.584H10.868z M10.868,24
	h4.864v-3.809h-4.864V24z M10.868,19.488h4.864v-4.16h-4.864V19.488z M10.868,14.656h4.864v-3.584h-4.864V14.656z M14.9,8.16
	c0,0.704,0.395,1.056,1.184,1.056c0.811,0,1.217-0.352,1.217-1.056V4c0-0.704-0.406-1.056-1.217-1.056
	C15.295,2.944,14.9,3.296,14.9,4V8.16z M16.404,24.704v3.584h4.863v-3.584H16.404z M16.404,24h4.863v-3.809h-4.863V24z
	 M16.404,19.488h4.863v-4.16h-4.863V19.488z M16.404,14.656h4.863v-3.584h-4.863V14.656z M21.78,8.16
	c0,0.704,0.405,1.056,1.216,1.056c0.789,0,1.184-0.352,1.184-1.056V4c0-0.704-0.395-1.056-1.184-1.056
	c-0.811,0-1.216,0.352-1.216,1.056V8.16z M21.94,24.704v3.584h4.479v-3.584H21.94z M21.94,24h4.479v-3.809H21.94V24z M21.94,19.488
	h4.479v-4.16H21.94V19.488z M21.94,14.656h4.479v-3.584H21.94V14.656z" />
                </svg>
            </div>
        </div>
    </div>

</body>

</html>