-
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.
- Loading branch information
1 parent
a20a8d4
commit b1bcb28
Showing
6 changed files
with
3,066 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,283 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>NLP for Healthcare at DFKI-SLT</title> | ||
| <link rel="stylesheet" href="styles.css"> | ||
| <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet"> | ||
|
|
||
| </head> | ||
| <body> | ||
| <!-- Navbar --> | ||
| <header class="navbar"> | ||
| <div class="container"> | ||
| <div class="logo">NLP for Healthcare at DFKI-SLT (Logo)</div> | ||
| <nav> | ||
| <ul> | ||
| <li><a href="index.html">Home</a></li> | ||
| <li><a href="project.html">Projects</a></li> | ||
| <li><a href="resources.html">Resources</a></li> | ||
| <li><a href="teaching.html">Teaching</a></li> | ||
| </ul> | ||
| </nav> | ||
| </div> | ||
| </header> | ||
|
|
||
| <!-- Hero Section --> | ||
| <section id="home" class="hero showstopper"> | ||
| <div class="hero-background"> | ||
| <video autoplay muted loop class="hero-video"> | ||
| <source src="hero-background.mp4" type="video/mp4"> | ||
| Your browser does not support HTML5 video. | ||
| </video> | ||
| <div class="overlay-gradient"></div> | ||
| </div> | ||
| <div class="container"> | ||
| <div class="hero-content"> | ||
| <h1>Transforming Healthcare with <span>AI</span> and NLP</h1> | ||
| <p>Redefining innovation at DFKI-SLT, where cutting-edge research meets real-world impact.</p> | ||
|
|
||
| <!-- Greeting Feature --> | ||
| <div class="greeting-feature"> | ||
| <h2 id="greeting-message"></h2> | ||
| <div id="name-prompt" class="name-prompt"> | ||
| <label for="username">What's your name?</label> | ||
| <input type="text" id="username" placeholder="Enter your name" /> | ||
| <button id="greet-btn">Submit</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="scroll-indicator"> | ||
| <span>Scroll Down</span> | ||
| <div class="mouse-icon"></div> | ||
| </div> | ||
| </section> | ||
|
|
||
|
|
||
| <!-- Our Team Section --> | ||
| <section id="team" class="team"> | ||
| <div class="container"> | ||
| <h2 class="team-title">Our <span class="title-highlight">Amazing Team</span></h2> | ||
| <p class="team-description">Discover the talented individuals who bring brilliance and innovation to our projects.</p> | ||
|
|
||
| <div class="team-grid"> | ||
| <!-- Team Member 1 --> | ||
| <div class="team-card"> | ||
| <img src="1.jpeg" alt="Roland Roller" class="team-image"> | ||
| <div class="team-info"> | ||
| <h3>Roland Roller</h3> | ||
| <p>Senior Researcher</p> | ||
| <div class="social-links"> | ||
| <a href="#"><i class="fab fa-github"></i></a> | ||
| <a href="#"><i class="fab fa-linkedin"></i></a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- Team Member 2 --> | ||
| <div class="team-card"> | ||
| <img src="2.jpeg" alt="Philippe Thomas" class="team-image"> | ||
| <div class="team-info"> | ||
| <h3>Philippe Thomas</h3> | ||
| <p>Senior Researcher</p> | ||
| <div class="social-links"> | ||
| <a href="#"><i class="fab fa-github"></i></a> | ||
| <a href="#"><i class="fab fa-linkedin"></i></a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- Team Member 3 --> | ||
| <div class="team-card"> | ||
| <img src="img/Aljosch.jpg" alt="Aljoscha Burchardt" class="team-image"> | ||
| <div class="team-info"> | ||
| <h3>Aljoscha Burchardt</h3> | ||
| <p>Senior Researcher</p> | ||
| <div class="social-links"> | ||
| <a href="#"><i class="fab fa-github"></i></a> | ||
| <a href="#"><i class="fab fa-linkedin"></i></a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- Team Member 4 --> | ||
| <div class="team-card"> | ||
| <img src="img/lisa_1.jpeg" alt="Lisa Raithel" class="team-image"> | ||
| <div class="team-info"> | ||
| <h3>Lisa Raithel</h3> | ||
| <p>Post-doctoral Researcher</p> | ||
| <div class="social-links"> | ||
| <a href="#"><i class="fab fa-github"></i></a> | ||
| <a href="#"><i class="fab fa-linkedin"></i></a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- Team Member 5 --> | ||
| <div class="team-card"> | ||
| <img src="2.jpeg" alt="Yuxuan Chen" class="team-image"> | ||
| <div class="team-info"> | ||
| <h3>Yuxuan Chen</h3> | ||
| <p>PhD Candidate</p> | ||
| <div class="social-links"> | ||
| <a href="#"><i class="fab fa-github"></i></a> | ||
| <a href="#"><i class="fab fa-linkedin"></i></a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- Team Member 6 --> | ||
| <div class="team-card"> | ||
| <img src="2.jpeg" alt="Ajay Madhavan Ravichandran" class="team-image"> | ||
| <div class="team-info"> | ||
| <h3>Ajay Madhavan</h3> | ||
| <p>PhD Candidate</p> | ||
| <div class="social-links"> | ||
| <a href="#"><i class="fab fa-github"></i></a> | ||
| <a href="#"><i class="fab fa-linkedin"></i></a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <!-- Team Member 7 --> | ||
| <div class="team-card"> | ||
| <img src="2.jpeg" alt="Ibrahim Baroud" class="team-image"> | ||
| <div class="team-info"> | ||
| <h3>Ibrahim Baroud</h3> | ||
| <p>PhD Candidate</p> | ||
| <div class="social-links"> | ||
| <a href="#"><i class="fab fa-github"></i></a> | ||
| <a href="#"><i class="fab fa-linkedin"></i></a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
|
|
||
| <!-- SLT Team Members Section --> | ||
| <section id="slt-team" class="slt-team"> | ||
| <div class="container"> | ||
| <h2>SLT Team Members</h2> | ||
| <div class="slt-carousel"> | ||
|
|
||
| <!-- SLT Member 1 --> | ||
| <div class="slt-card"> | ||
| <img src="slt1.jpeg" alt="SLT Member Name" class="slt-image"> | ||
| <h3>Syeda Jannatul Ferdous</h3> | ||
| <p>Area of Work</p> | ||
| </div> | ||
| <!-- SLT Member 2 --> | ||
| <div class="slt-card"> | ||
| <img src="slt2.jpeg" alt="SLT Member Name" class="slt-image"> | ||
| <h3>Christoph Otto </h3> | ||
| <p>Area of Work</p> | ||
| </div> | ||
|
|
||
|
|
||
| <!-- SLT Member 3 --> | ||
| <div class="slt-card"> | ||
| <img src="slt2.jpeg" alt="SLT Member Name" class="slt-image"> | ||
| <h3>Ammer Ayach</h3> | ||
| <p>Area of Work</p> | ||
| </div> | ||
|
|
||
| <!-- SLT Member 4 --> | ||
| <div class="slt-card"> | ||
| <img src="slt2.jpeg" alt="SLT Member Name" class="slt-image"> | ||
| <h3>Iyadh Ben Cheikh Larbi</h3> | ||
| <p>Area of Work</p> | ||
| </div> | ||
|
|
||
| <!-- SLT Member 5 --> | ||
| <div class="slt-card"> | ||
| <img src="slt2.jpeg" alt="SLT Member Name" class="slt-image"> | ||
| <h3>Zain Alabden Hazzouri</h3> | ||
| <p>Area of Work</p> | ||
| </div> | ||
|
|
||
| <!-- SLT Member 6 --> | ||
| <div class="slt-card"> | ||
| <img src="slt2.jpeg" alt="SLT Member Name" class="slt-image"> | ||
| <h3>Imge Yüzüncüoglu</h3> | ||
| <p>Area of Work</p> | ||
| </div> | ||
|
|
||
| <!-- SLT Member 7 --> | ||
| <div class="slt-card"> | ||
| <img src="slt2.jpeg" alt="SLT Member Name" class="slt-image"> | ||
| <h3>Vera Czehmann </h3> | ||
| <p>Area of Work</p> | ||
| </div> | ||
|
|
||
| <!-- SLT Member 8 --> | ||
| <div class="slt-card"> | ||
| <img src="slt2.jpeg" alt="SLT Member Name" class="slt-image"> | ||
| <h3>Jerycho Pasniczek </h3> | ||
| <p>Area of Work</p> | ||
| </div> | ||
|
|
||
| <!-- SLT Member 9 --> | ||
| <div class="slt-card"> | ||
| <img src="slt2.jpeg" alt="SLT Member Name" class="slt-image"> | ||
| <h3>Faraz Maschhur</h3> | ||
| <p>Area of Work</p> | ||
| </div> | ||
|
|
||
| <!-- SLT Member 10 --> | ||
| <div class="slt-card"> | ||
| <img src="slt2.jpeg" alt="SLT Member Name" class="slt-image"> | ||
| <h3>Ahmet Altar Lüser </h3> | ||
| <p>Area of Work</p> | ||
| </div> | ||
|
|
||
| <!-- SLT Member 11 --> | ||
| <div class="slt-card"> | ||
| <img src="slt2.jpeg" alt="SLT Member Name" class="slt-image"> | ||
| <h3>Alon Drobickij </h3> | ||
| <p>Area of Work</p> | ||
| </div> | ||
|
|
||
| <!-- SLT Member 12 --> | ||
| <div class="slt-card"> | ||
| <img src="slt2.jpeg" alt="SLT Member Name" class="slt-image"> | ||
| <h3>Selin Yeginer</h3> | ||
| <p>Area of Work</p> | ||
| </div> | ||
|
|
||
| <!-- SLT Member 13 --> | ||
| <div class="slt-card"> | ||
| <img src="slt2.jpeg" alt="SLT Member Name" class="slt-image"> | ||
| <h3>Emiliano Valdes Menchaca</h3> | ||
| <p>Area of Work</p> | ||
| </div> | ||
|
|
||
| <!-- SLT Member 14 --> | ||
| <div class="slt-card"> | ||
| <img src="slt2.jpeg" alt="SLT Member Name" class="slt-image"> | ||
| <h3>Julianna Grune </h3> | ||
| <p>Area of Work</p> | ||
| </div> | ||
|
|
||
| <!-- Add more SLT members --> | ||
| </div> | ||
| </div> | ||
| <div class="carousel-buttons"> | ||
| <button id="prev"><i class="fas fa-chevron-left"></i></button> | ||
| <button id="next"><i class="fas fa-chevron-right"></i></button> | ||
| </div> | ||
|
|
||
| </section> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| <!-- Footer --> | ||
| <footer class="footer"> | ||
| <div class="container"> | ||
| <p>© 2024 DFKI-SLT Research Group. All rights reserved.</p> | ||
| </div> | ||
| </footer> | ||
|
|
||
| <script src="tabs.js"></script> | ||
| </body> | ||
| </html> |
Oops, something went wrong.