mtab-website/index.html at main · medtech-berkeley/mtab-website · 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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="img/medtechfinal-logo.png"/>
    <title>Medical Technology at Berkeley</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <header>
        <nav>
            <div class="logo">
                <img src="img/medtechfinal-logo.png" alt="Organization Logo">
                <a href="index.html">Medical Technology at Berkeley</a>
            </div>
            <div class="nav-links">
                <a href="about.html">About Us</a>
                <a href="pathways.html">Pathways</a>
                <a href="projects.html">Projects</a>
                <a href="https://docs.google.com/forms/d/e/1FAIpQLSfLwzg0Dwgn6Lk_0SJ-8ij-eGP5OYyVN0IPEKmEtwkJQ6fWKQ/viewform" class="nav-apply-button">Apply Now</a>
            </div>
        </nav>
    </header>
    <section class="landing-section">
        <div class="background-image">
        </div>
        <div class="landing-content">
            <h1>Medical Technology at Berkeley</h1>
            <h2>Fostering an interdisciplinary intellectual community to improve the delivery of medicine.</h2>
            <p> We cultivate the next generation of leaders in software development, informatics, engineering, clinical medicine, and science writing to change the landscape of medical technology as an industry.</p>
            <div class="buttons">
                <a href="apply.html" class="apply-button">Apply Now</a>
                <a href="contact.html" class="contact-button">Contact Us</a>
            </div>
        </div>
        <div class="banner">
        <h1>Develop clinically impactful solutions to save lives internationally</h1>
        </div>
    </section>
    <section class="main-section">
        <!-- Additional content goes here -->
        <!-- Add more sections as needed -->
    <section class="sectors">
        <ul class="sectors">
            <li>
                <h2>Software Engineering</h2>
                <p>From crafting innovative medical apps to developing software solutions that enhance patient care, our software engineering initiative merges technology and healthcare to drive a revolution. Join us in coding the future of medicine, where innovation translates into impactful change.</p>
            </li>
            <li>
                <h2>Medical Informatics</h2>
                <p>We’re committed to transforming raw healthcare data into actionable insights, shaping improved patient outcomes and streamlined healthcare systems. Explore the convergence of medicine and technology as we pioneer solutions that redefine the landscape of healthcare informatics.</p>
            </li>
            <li>
                <h2>Leverage Devices</h2>
                <p>Creativity meets purpose at MedTech at Berkeley, where we leverage and contribute to impactful medical devices. We’re not content with envisioning a better healthcare future – we engineer it. Collaborate with us to develop devices that elevate patient well-being and redefine medical practices.</p>
            </li>
            <li>
                <h2>Scientific Writing</h2>
                <p>Unlock the art of scientific communication with us. Our adept writers and communicators delve into intricate medical subjects, translating complexity into accessible narratives. Through our editorial finesse, we share knowledge, ignite curiosity, and cultivate a deeper understanding of the medical and technological breakthroughs shaping our world.</p>
            </li>

            <li>
                <h2>Club-Wide Education</h2>
                <p>Education stands as the cornerstone of MedTech at Berkeley. Our comprehensive educational programs empower members to broaden their horizons and cultivate a well-rounded skill set. From coding workshops to enlightening seminars and interactive sessions, we provide a platform for growth and exploration. Join us to learn, teach, and lead in the ever-evolving landscape of medical technology.</p>
            </li>

            <li>
                <h2>Community Outreach</h2>
                <p>We recognize the potential of community engagement in effecting meaningful change. Through collaborative projects, workshops, and awareness campaigns, we bridge healthcare and technology with the broader community. Join us in fostering connections, promoting health education, and making an enduring impact that reaches far beyond our organization.</p>
            </li>
        </ul>
    </section>
    <!-- <div class="table-container">

        <div class="table-section">
            <h2>Software Engineering</h2>
            <p>From crafting innovative medical apps to developing software solutions that enhance patient care, our software engineering initiative merges technology and healthcare to drive a revolution. Join us in coding the future of medicine, where innovation translates into impactful change.</p>
        </div>

        <div class="table-section">
            <h2>Medical Informatics</h2>
            <p>We’re committed to transforming raw healthcare data into actionable insights, shaping improved patient outcomes and streamlined healthcare systems. Explore the convergence of medicine and technology as we pioneer solutions that redefine the landscape of healthcare informatics.</p>
        </div>

        <div class="table-section">
            <h2>Leverage Devices</h2>
            <p>Creativity meets purpose at MedTech at Berkeley, where we leverage and contribute to impactful medical devices. We’re not content with envisioning a better healthcare future – we engineer it. Collaborate with us to develop devices that elevate patient well-being and redefine medical practices.</p>
        </div>

        <div class="table-section">
            <h2>Scientific Writing</h2>
            <p>Unlock the art of scientific communication with us. Our adept writers and communicators delve into intricate medical subjects, translating complexity into accessible narratives. Through our editorial finesse, we share knowledge, ignite curiosity, and cultivate a deeper understanding of the medical and technological breakthroughs shaping our world.</p>
        </div>

        <div class="table-section">
            <h2>Club-Wide Education</h2>
            <p>Education stands as the cornerstone of MedTech at Berkeley. Our comprehensive educational programs empower members to broaden their horizons and cultivate a well-rounded skill set. From coding workshops to enlightening seminars and interactive sessions, we provide a platform for growth and exploration. Join us to learn, teach, and lead in the ever-evolving landscape of medical technology.</p>
        </div>

        <div class="table-section">
            <h2>Community Outreach</h2>
            <p>We recognize the potential of community engagement in effecting meaningful change. Through collaborative projects, workshops, and awareness campaigns, we bridge healthcare and technology with the broader community. Join us in fostering connections, promoting health education, and making an enduring impact that reaches far beyond our organization.</p>
        </div>
    </div> -->
        <section class="AI-quote">
            <blockquote>
                <p>“We think that AI is poised to transform medicine, delivering new, assistive technologies that will empower doctors to better serve their patients. Machine learning has dozens of possible application areas, but healthcare stands out as a remarkable opportunity to benefit people.”</p>
                <p style="font-size: large;">-Google Health</p>
            </blockquote>
        </section>

        <section class="collaborators">
            <h2>Trusted by Great Companies and Institutions</h2>
            <div class="collaborators-content">
                <div class="collaborators-text">
                    <p>Since MedTech@Berkeley’s inception, our diverse teams have collaborated on numerous projects, partnering with a spectrum of medical institutions, healthtech startups, and nonprofit organizations globally. Our strong network of industry affiliations provides students with unique prospects to engage with medical professionals, engineers, and researchers, facilitating pathways to internships, jobs, and valuable insights within the dynamic field of medical technology.</p>
                </div>

                <div class="collaborators-logo">
                <img src="">
                <img src="img/Collaboraters/Berkeley-Health-Tech-CoLab.png">
                <img src="img/Collaboraters/ClearGenetics_logo.png">
                <img src="img/Collaboraters/Darmiyan.png">
                <img src="img/Collaboraters/First-Derm.webp">
                <img src="img/Collaboraters/LBNL.png">
                <img src="img/Collaboraters/stanford_medicine_logo.png">
                <img src="img/Collaboraters/UCSF-Medical-Center.png">
        </div>
    </section>

    <section class="recent-highlights">
        <h2>Recent Highlights</h2>
        <ul>
            <li class="highlight-item">Partnered with OxNeurotech: Oxford University’s Neurotechnology Society</li>
            <li class="highlight-item">Achieving global impact with MedTech@Berkeley projects such as Emerge Learning deployed across North America and South Asia</li>
            <li class="highlight-item">Developing software and informatics solutions for directly impactful academic and industry organizations</li>
        </ul>
    </section>


    <footer>
        <p>&copy; 2024 Medical Technology at Berkeley. Proud partners of Berkeley Health Tech Colab and Oxford University's Neurotechnology Society.</p>
    </footer>
</body>
</html>