projects.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Projects</title>
        <link rel="stylesheet" href="css/style.css">
        <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
        <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    </head>
    <body>
        <header>
            <nav>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="projects.html">Projects</a></li>
                    <li><a href="resume.html">Resume</a></li>
                </ul>
            </nav>
        </header>
        <main>
            <section>
                <h1>FIT File Dashboard</h1>
                <p>The <a href="https://fcamineiro.pythonanywhere.com" target="_blank">FIT File Dashboard</a> is a Flask-based web application designed to visualize and interact with fitness data stored in .FIT files. This project provides an intuitive interface for users to upload and analyze fitness data, displaying key metrics and trends through charts and summary tables.</p>
                <a id="centered" href="https://fcamineiro.pythonanywhere.com" target="_blank"><img src="images/fitfile.png" alt="FitFile Web App" class="responsive-image" style="border: 1px solid black; margin: 20px;"></a>
            </section>
            <section>
                <h1>MIMIC-III Dashboard</h1>
                <p>The <a href="https://7zozxg-fabiano-araujo.shinyapps.io/shiny-felipe/" target="_blank">MIMIC-III Dashboard</a> is a dynamic web application built with Shiny for Python. It's designed to offer biostatistical analyses and visualization capabilities, focusing on data-driven insights. Through interactive charts and tables, users can deeply explore the MIMIC-III dataset.</p>
                <a href="https://7zozxg-fabiano-araujo.shinyapps.io/shiny-felipe/" target="_blank"><img src="images/mimic.png" alt="MIMIC-III Dashboard" class="responsive-image" style="border: 1px solid black; margin: 20px;"></a>
            </section>
        </main>
    </body>
</html>