Project_Hub/createProject.html at main · SaadKhanOz/Project_Hub · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html>
    <head>
        <title>Create Project</title>
        <link rel="stylesheet" href="assets/css/createProject.css">
    </head>
    <body>
        <div class="btn">
            <button onclick="history.back()" class="back-button">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M19 12H5M12 19l-7-7 7-7"/>
                </svg>
            </button>
        </div>
        <div class="text">
            <h2>Create Project</h2>
            <p>Choose a template to get started</p>
        </div>
        <div class="createProjectTemplates">
            <a href="projectDetail.html" style="text-decoration: none; color: inherit; display: flex; background: #f4f5f7; border-radius: 8px; padding: 20px; margin-bottom: 16px; box-shadow: 0 1px 4px rgba(9, 30, 66, 0.08); cursor: pointer;" onmouseover="this.style.boxShadow='-5px 0 10px rgba(0, 0, 0, 0.1), 5px 0 10px rgba(0, 0, 0, 0.1)'" onmouseout="this.style.boxShadow='0 1px 4px rgba(9, 30, 66, 0.08)'">
                <div class="kanbanImage" id="kanbanImage">
                    <img src="assets/images/kanban.png" alt="kanban">
                </div>
                <div class="row-content">
                    <div class="kanban-column-title">
                        <h3>Kanban</h3>
                    </div>
                    <div class="kSanban-column-description">
                        <p>Kanban is a visual system for managing work as it flows through a process. It helps teams visualize their workflow and identify bottlenecks.</p>
                    </div>
                </div>
            </a>
        </div>

    </body>
</html>