Hyper-Coders/view-project.html at main · Tushar-sugandhi/Hyper-Coders · 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
36
37
38
39
40
41
42
43
44
45
46
47
48
<!-- Page Format
* Head
* Body
 1.Nav Bar (HTML)
 2.Two graphs and chat section (redirected through iframe)
 3.Discription(HTML)
 4.Tasks and Timeline
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Project Management Dashboard</title>
    <link rel="icon"  type="png" href="bar-chart.png">
    <link rel="stylesheet" href="view-project.css">
</head>
<body>
    <!-- previous button -->
    <div style="margin: 20px; margin-bottom: 0%;">
        <a href="index.html" class="previous">&laquo; Previous</a>
    </div>
    <!-- 2 graphs and chat section -->
    <div class="iframe-container">
        <iframe src="iframe html programmes/pie-chart.html" class="iframe shadow-effect" title="pie chart."></iframe>
        <iframe src="iframe html programmes/line.html" class="iframe shadow-effect" title="line graph"></iframe>
        <iframe src="iframe html programmes/emp.html " class="iframe shadow-effect" title="internal comms."></iframe>
    </div>

    <div style="padding: 20px; overflow: hidden;" class="container">
        <!-- discription -->
        <div class="card-c" style="border: 2px solid #ccc; padding: 2%; width: 48%; display: inline-block; box-shadow: 0 4px 8px rgba(0,0,0,0.1); vertical-align: top; margin-right: 4%;">
            <b>
                <h3 style="margin-top: 0; color: #2c3e50; font-size: 1.5em;">Data Vision - About our Tool:</h3>
                <p style="margin: 0 0 10px 0; color: #5d4a0f; font-size: 1em;">&emsp; Introducing the Data Vision Tool Kit, an all-in-one solution designed to streamline your project management and data analysis needs. This powerful tool integrates advanced data analytics with intuitive visualization capabilities, allowing you to turn raw data into actionable insights effortlessly. With Data Vision, you can import and process large datasets with ease, using sophisticated algorithms to uncover trends, patterns, and anomalies.</p>
                <p style="margin: 0 0 10px 0; color: #9a0b0b; font-size: 1em;">&emsp; The toolkit features a dynamic dashboard that offers customizable charts, and graphs; enabling you to visualize data in a way that makes sense for your project. It's project management functions include task tracking, resource allocation, and milestone setting, all seamlessly integrated into the same interface. This means you can manage your projects and analyze their performance without toggling between multiple tools.</p>
                <p style="margin: 0 0 10px 0; color: #2c3e50; font-size: 1em;">&emsp; Real-time collaboration is a key feature, allowing team members to access, comment on, and update data and project status from anywhere. Automated reporting tools generate comprehensive reports and visual summaries, saving you time and providing clear insights to stakeholders. Whether you're managing complex projects or analyzing vast amounts of data, Data Vision equips you with the tools to make informed decisions and drive success.</p>
               </b>
        </div>
        <!-- tasks and timeline -->
        <div class="card-c" style="border: 2px solid #ccc; padding: 2%; width: 48%; display: inline-block; vertical-align: top;">
            <h5 style="margin-top: 0; color: #2c3e50;">Tasks and Timeline</h5>
            <iframe src="iframe html programmes/to-do-timeline.html" class="timeline-iframe" title="Tasks and Timeline" style="width: 100%; height: 500px; border: none;"></iframe>
        </div>
    </div>

</body>
</html>