-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: add some frontend project, each project, each task, task, edit …
…task and project and others
- Loading branch information
Showing
9 changed files
with
543 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,60 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" | ||
| integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" /> | ||
| <script src="https://code.jquery.com/jquery-3.6.1.slim.js" | ||
| integrity="sha256-tXm+sa1uzsbFnbXt8GJqsgi2Tw+m4BLGDof6eUPjbtk=" crossorigin="anonymous"></script> | ||
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" | ||
| integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" /> | ||
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200&family=Sora:wght@200;400;600&display=swap" | ||
| rel="stylesheet"> | ||
|
|
||
| <link rel="stylesheet" href="index.css" /> | ||
| <link rel="stylesheet" href="login.css"> | ||
| <title>Create Project - Time Master</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="row container-fluid"> | ||
| <div class="col-md-6 first"> | ||
| <img src="logo.jpg" alt=""> | ||
|
|
||
| <div class="form"> | ||
| <h1 class="form-h">Create Your Project</h1> | ||
| <p class="form-p">Unleash Your Creativity and Bring Your Ideas to Life</p> | ||
| <form action=""> | ||
| <label for="name" class="inp">Project Name</label><br> | ||
| <input type="text" name="name" class="inpu" placeholder="Enter your project name"><br> | ||
| <label for="desciption" class="inp">Description</label><br> | ||
| <textarea name="description" id="" class="inpu" cols="30" rows="4" placeholder="Enter the description"></textarea><br> | ||
| <label for="expiry">Expiry date</label><br> | ||
| <input type="date" name="expiry" id="" class="inpu"> | ||
| <select name="status" class="inpu" id=""> | ||
| <option value="todo">Todo</option> | ||
| <option value="ongoing">Ongoing</option> | ||
| <option value="done">Done</option> | ||
|
|
||
| </select> | ||
| <button class="form-c">Unleash Creativity</button> | ||
| </form> | ||
| <p class="fot">©minder 2023</p> | ||
|
|
||
| </div> | ||
| </div> | ||
|
|
||
| <div class="col-md-6"> | ||
| <div class="second"></div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </body> | ||
|
|
||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,59 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" | ||
| integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" /> | ||
| <script src="https://code.jquery.com/jquery-3.6.1.slim.js" | ||
| integrity="sha256-tXm+sa1uzsbFnbXt8GJqsgi2Tw+m4BLGDof6eUPjbtk=" crossorigin="anonymous"></script> | ||
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" | ||
| integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" /> | ||
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200&family=Sora:wght@200;400;600&display=swap" | ||
| rel="stylesheet"> | ||
|
|
||
| <link rel="stylesheet" href="index.css" /> | ||
| <link rel="stylesheet" href="login.css"> | ||
| <title>Create Task - Time Master</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="row container-fluid"> | ||
| <div class="col-md-6 first"> | ||
| <img src="logo.jpg" alt=""> | ||
|
|
||
| <div class="form"> | ||
| <h1 class="form-h">Manage Your Tasks</h1> | ||
| <p class="form-p">Stay Organized and Stay on Top of Your Project's Progress</p> | ||
| <form action=""> | ||
| <label for="name" class="inp">Task Name</label><br> | ||
| <input type="text" name="name" class="inpu" placeholder="Enter your project name"><br> | ||
| <label for="desciption" class="inp">Description</label><br> | ||
| <textarea name="description" id="" class="inpu" cols="30" rows="4" placeholder="Enter the description"></textarea><br> | ||
| <label for="expiry">Expiry date</label><br> | ||
| <input type="date" name="expiry" id="" class="inpu"> | ||
| <select name="status" class="inpu" id=""> | ||
| <option value="todo">Todo</option> | ||
| <option value="ongoing">Ongoing</option> | ||
| <option value="done">Done</option> | ||
| </select> | ||
| <button class="form-c">Add Task</button> | ||
| </form> | ||
| <p class="fot">©minder 2023</p> | ||
|
|
||
| </div> | ||
| </div> | ||
|
|
||
| <div class="col-md-6"> | ||
| <div class="second"></div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </body> | ||
|
|
||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,47 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" | ||
| integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" /> | ||
| <script src="https://code.jquery.com/jquery-3.6.1.slim.js" | ||
| integrity="sha256-tXm+sa1uzsbFnbXt8GJqsgi2Tw+m4BLGDof6eUPjbtk=" crossorigin="anonymous"></script> | ||
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" | ||
| integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" /> | ||
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200&family=Sora:wght@200;400;600&display=swap" | ||
| rel="stylesheet"> | ||
|
|
||
| <link rel="stylesheet" href="index.css" /> | ||
| <link rel="stylesheet" href="login.css"> | ||
| <title>A Project - Time Master</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="row container-fluid"> | ||
| <div class="col-md-6 first"><img src="logo.jpg" alt=""> | ||
| <div class="form"> | ||
| <h3>The Odion Project</h3> | ||
|
|
||
| <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Labore, maiores deleniti corporis facere asperiores sapiente doloribus accusantium necessitatibus ad doloremque, impedit eius sunt eveniet itaque, quae ipsa quaerat ea libero.</p> | ||
| <p>Status: <b>Ongoing</b></p> | ||
| <p>Created date: <b>2023-01-04</b></p> | ||
| <p>Expiry date: <b>2023-01-04</b></p> | ||
| <button class="btn btn-primary">Edit</button> | ||
| <a href="" class="btn btn-primary">Tasks</a> | ||
| <a href="" class="btn btn-primary">Delete</a> | ||
| </div></div> | ||
|
|
||
| <div class="col-md-6"> | ||
| <div class="second"></div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </body> | ||
|
|
||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,46 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" | ||
| integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" /> | ||
| <script src="https://code.jquery.com/jquery-3.6.1.slim.js" | ||
| integrity="sha256-tXm+sa1uzsbFnbXt8GJqsgi2Tw+m4BLGDof6eUPjbtk=" crossorigin="anonymous"></script> | ||
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" | ||
| integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" /> | ||
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200&family=Sora:wght@200;400;600&display=swap" | ||
| rel="stylesheet"> | ||
|
|
||
| <link rel="stylesheet" href="index.css" /> | ||
| <link rel="stylesheet" href="login.css"> | ||
| <title>A Task - Time Master</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="row container-fluid"> | ||
| <div class="col-md-6 first"><img src="logo.jpg" alt=""> | ||
| <div class="form"> | ||
| <h3>The Task of Odion Project</h3> | ||
|
|
||
| <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Labore, maiores deleniti corporis facere asperiores sapiente doloribus accusantium necessitatibus ad doloremque, impedit eius sunt eveniet itaque, quae ipsa quaerat ea libero.</p> | ||
| <p>Status: <b>Ongoing</b></p> | ||
| <p>Created date: <b>2023-01-04</b></p> | ||
| <p>Expiry date: <b>2023-01-04</b></p> | ||
| <a class="btn btn-primary">Edit</a> | ||
| <a href="" class="btn btn-primary">Delete</a> | ||
| </div></div> | ||
|
|
||
| <div class="col-md-6"> | ||
| <div class="second"></div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </body> | ||
|
|
||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,60 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" | ||
| integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" /> | ||
| <script src="https://code.jquery.com/jquery-3.6.1.slim.js" | ||
| integrity="sha256-tXm+sa1uzsbFnbXt8GJqsgi2Tw+m4BLGDof6eUPjbtk=" crossorigin="anonymous"></script> | ||
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" | ||
| integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" /> | ||
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200&family=Sora:wght@200;400;600&display=swap" | ||
| rel="stylesheet"> | ||
|
|
||
| <link rel="stylesheet" href="index.css" /> | ||
| <link rel="stylesheet" href="login.css"> | ||
| <title>Edit Project - Time Master</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="row container-fluid"> | ||
| <div class="col-md-6 first"> | ||
| <img src="logo.jpg" alt=""> | ||
|
|
||
| <div class="form"> | ||
| <h1 class="form-h">Edit Project Details</h1> | ||
| <p class="form-p">Refine Your Project's Information and Make Updates</p> | ||
| <form action=""> | ||
| <label for="name" class="inp">Project Name</label><br> | ||
| <input type="text" name="name" class="inpu" placeholder="Enter your project name"><br> | ||
| <label for="desciption" class="inp">Description</label><br> | ||
| <textarea name="description" id="" class="inpu" cols="30" rows="4" placeholder="Enter the description"></textarea><br> | ||
| <label for="expiry">Expiry date</label><br> | ||
| <input type="date" name="expiry" id="" class="inpu"> | ||
| <select name="status" class="inpu" id=""> | ||
| <option value="todo">Todo</option> | ||
| <option value="ongoing">Ongoing</option> | ||
| <option value="done">Done</option> | ||
|
|
||
| </select> | ||
| <button class="form-c">Save Changes</button> | ||
| </form> | ||
| <p class="fot">©minder 2023</p> | ||
|
|
||
| </div> | ||
| </div> | ||
|
|
||
| <div class="col-md-6"> | ||
| <div class="second"></div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </body> | ||
|
|
||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,59 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" | ||
| integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" /> | ||
| <script src="https://code.jquery.com/jquery-3.6.1.slim.js" | ||
| integrity="sha256-tXm+sa1uzsbFnbXt8GJqsgi2Tw+m4BLGDof6eUPjbtk=" crossorigin="anonymous"></script> | ||
| <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" | ||
| integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" /> | ||
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200&family=Sora:wght@200;400;600&display=swap" | ||
| rel="stylesheet"> | ||
|
|
||
| <link rel="stylesheet" href="index.css" /> | ||
| <link rel="stylesheet" href="login.css"> | ||
| <title>Edit Task - Time Master</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="row container-fluid"> | ||
| <div class="col-md-6 first"> | ||
| <img src="logo.jpg" alt=""> | ||
|
|
||
| <div class="form"> | ||
| <h1 class="form-h">Edit Task Details</h1> | ||
| <p class="form-p">Fine-tune Task Parameters and Modify Task Details</p> | ||
| <form action=""> | ||
| <label for="name" class="inp">Task Name</label><br> | ||
| <input type="text" name="name" class="inpu" placeholder="Enter your project name"><br> | ||
| <label for="desciption" class="inp">Description</label><br> | ||
| <textarea name="description" id="" class="inpu" cols="30" rows="4" placeholder="Enter the description"></textarea><br> | ||
| <label for="expiry">Expiry date</label><br> | ||
| <input type="date" name="expiry" id="" class="inpu"> | ||
| <select name="status" class="inpu" id=""> | ||
| <option value="todo">Todo</option> | ||
| <option value="ongoing">Ongoing</option> | ||
| <option value="done">Done</option> | ||
| </select> | ||
| <button class="form-c">Update Task</button> | ||
| </form> | ||
| <p class="fot">©minder 2023</p> | ||
|
|
||
| </div> | ||
| </div> | ||
|
|
||
| <div class="col-md-6"> | ||
| <div class="second"></div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </body> | ||
|
|
||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,38 @@ | ||
| * { | ||
| border: 0; | ||
| padding: 0; | ||
| box-sizing: border-box; | ||
| } | ||
| body { | ||
| background-color: #779FA1; | ||
| color: white; | ||
| font-family: 'Sora', sans-serif; | ||
| } | ||
| .p-head { | ||
| font-weight: bold; | ||
| } | ||
| .table { | ||
| width: 70%; | ||
| margin: auto; | ||
| } | ||
| th { | ||
| width: 20%; | ||
| } | ||
| th, td { | ||
| padding: 13px; | ||
| } | ||
| td a { | ||
| color: #6B3FA0; | ||
| } | ||
| .b-left { | ||
| position: relative; | ||
| top: 100%; | ||
| left: 80%; | ||
| } | ||
| div.b-left a { | ||
| background-color: #8c60c1; | ||
| } | ||
| .futa { | ||
| position: absolute; | ||
| bottom: 0; | ||
| } |
Oops, something went wrong.