Skip to content

Commit ee79694

Browse files
syedajannatulferdous121syedajannatulferdous121
authored
Add files via upload
1 parent 0dcee21 commit ee79694

File tree

9 files changed

+3066
-0
lines changed

9 files changed

+3066
-0
lines changed

‎content/project/BIFOLD/NLP_for_Healthcare/1.jpeg

12.7 KB
Loading

‎content/project/BIFOLD/NLP_for_Healthcare/img/Aljosch.jpg

1.68 MB
Loading

‎content/project/BIFOLD/NLP_for_Healthcare/img/lisa_1.jpeg

97.6 KB
Loading

‎content/project/BIFOLD/NLP_for_Healthcare/index.html

+283
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,283 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>NLP for Healthcare at DFKI-SLT</title>
7+
<link rel="stylesheet" href="styles.css">
8+
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
9+
10+
</head>
11+
<body>
12+
<!-- Navbar -->
13+
<header class="navbar">
14+
<div class="container">
15+
<div class="logo">NLP for Healthcare at DFKI-SLT (Logo)</div>
16+
<nav>
17+
<ul>
18+
<li><a href="index.html">Home</a></li>
19+
<li><a href="project.html">Projects</a></li>
20+
<li><a href="resources.html">Resources</a></li>
21+
<li><a href="teaching.html">Teaching</a></li>
22+
</ul>
23+
</nav>
24+
</div>
25+
</header>
26+
27+
<!-- Hero Section -->
28+
<section id="home" class="hero showstopper">
29+
<div class="hero-background">
30+
<video autoplay muted loop class="hero-video">
31+
<source src="hero-background.mp4" type="video/mp4">
32+
Your browser does not support HTML5 video.
33+
</video>
34+
<div class="overlay-gradient"></div>
35+
</div>
36+
<div class="container">
37+
<div class="hero-content">
38+
<h1>Transforming Healthcare with <span>AI</span> and NLP</h1>
39+
<p>Redefining innovation at DFKI-SLT, where cutting-edge research meets real-world impact.</p>
40+
41+
<!-- Greeting Feature -->
42+
<div class="greeting-feature">
43+
<h2 id="greeting-message"></h2>
44+
<div id="name-prompt" class="name-prompt">
45+
<label for="username">What's your name?</label>
46+
<input type="text" id="username" placeholder="Enter your name" />
47+
<button id="greet-btn">Submit</button>
48+
</div>
49+
</div>
50+
</div>
51+
</div>
52+
<div class="scroll-indicator">
53+
<span>Scroll Down</span>
54+
<div class="mouse-icon"></div>
55+
</div>
56+
</section>
57+
58+
59+
<!-- Our Team Section -->
60+
<section id="team" class="team">
61+
<div class="container">
62+
<h2 class="team-title">Our <span class="title-highlight">Amazing Team</span></h2>
63+
<p class="team-description">Discover the talented individuals who bring brilliance and innovation to our projects.</p>
64+
65+
<div class="team-grid">
66+
<!-- Team Member 1 -->
67+
<div class="team-card">
68+
<img src="1.jpeg" alt="Roland Roller" class="team-image">
69+
<div class="team-info">
70+
<h3>Roland Roller</h3>
71+
<p>Senior Researcher</p>
72+
<div class="social-links">
73+
<a href="#"><i class="fab fa-github"></i></a>
74+
<a href="#"><i class="fab fa-linkedin"></i></a>
75+
</div>
76+
</div>
77+
</div>
78+
<!-- Team Member 2 -->
79+
<div class="team-card">
80+
<img src="2.jpeg" alt="Philippe Thomas" class="team-image">
81+
<div class="team-info">
82+
<h3>Philippe Thomas</h3>
83+
<p>Senior Researcher</p>
84+
<div class="social-links">
85+
<a href="#"><i class="fab fa-github"></i></a>
86+
<a href="#"><i class="fab fa-linkedin"></i></a>
87+
</div>
88+
</div>
89+
</div>
90+
<!-- Team Member 3 -->
91+
<div class="team-card">
92+
<img src="img/Aljosch.jpg" alt="Aljoscha Burchardt" class="team-image">
93+
<div class="team-info">
94+
<h3>Aljoscha Burchardt</h3>
95+
<p>Senior Researcher</p>
96+
<div class="social-links">
97+
<a href="#"><i class="fab fa-github"></i></a>
98+
<a href="#"><i class="fab fa-linkedin"></i></a>
99+
</div>
100+
</div>
101+
</div>
102+
<!-- Team Member 4 -->
103+
<div class="team-card">
104+
<img src="img/lisa_1.jpeg" alt="Lisa Raithel" class="team-image">
105+
<div class="team-info">
106+
<h3>Lisa Raithel</h3>
107+
<p>Post-doctoral Researcher</p>
108+
<div class="social-links">
109+
<a href="#"><i class="fab fa-github"></i></a>
110+
<a href="#"><i class="fab fa-linkedin"></i></a>
111+
</div>
112+
</div>
113+
</div>
114+
<!-- Team Member 5 -->
115+
<div class="team-card">
116+
<img src="2.jpeg" alt="Yuxuan Chen" class="team-image">
117+
<div class="team-info">
118+
<h3>Yuxuan Chen</h3>
119+
<p>PhD Candidate</p>
120+
<div class="social-links">
121+
<a href="#"><i class="fab fa-github"></i></a>
122+
<a href="#"><i class="fab fa-linkedin"></i></a>
123+
</div>
124+
</div>
125+
</div>
126+
<!-- Team Member 6 -->
127+
<div class="team-card">
128+
<img src="2.jpeg" alt="Ajay Madhavan Ravichandran" class="team-image">
129+
<div class="team-info">
130+
<h3>Ajay Madhavan</h3>
131+
<p>PhD Candidate</p>
132+
<div class="social-links">
133+
<a href="#"><i class="fab fa-github"></i></a>
134+
<a href="#"><i class="fab fa-linkedin"></i></a>
135+
</div>
136+
</div>
137+
</div>
138+
<!-- Team Member 7 -->
139+
<div class="team-card">
140+
<img src="2.jpeg" alt="Ibrahim Baroud" class="team-image">
141+
<div class="team-info">
142+
<h3>Ibrahim Baroud</h3>
143+
<p>PhD Candidate</p>
144+
<div class="social-links">
145+
<a href="#"><i class="fab fa-github"></i></a>
146+
<a href="#"><i class="fab fa-linkedin"></i></a>
147+
</div>
148+
</div>
149+
</div>
150+
</div>
151+
</div>
152+
</section>
153+
154+
155+
<!-- SLT Team Members Section -->
156+
<section id="slt-team" class="slt-team">
157+
<div class="container">
158+
<h2>SLT Team Members</h2>
159+
<div class="slt-carousel">
160+
161+
<!-- SLT Member 1 -->
162+
<div class="slt-card">
163+
<img src="slt1.jpeg" alt="SLT Member Name" class="slt-image">
164+
<h3>Syeda Jannatul Ferdous</h3>
165+
<p>Area of Work</p>
166+
</div>
167+
<!-- SLT Member 2 -->
168+
<div class="slt-card">
169+
<img src="slt2.jpeg" alt="SLT Member Name" class="slt-image">
170+
<h3>Christoph Otto </h3>
171+
<p>Area of Work</p>
172+
</div>
173+
174+
175+
<!-- SLT Member 3 -->
176+
<div class="slt-card">
177+
<img src="slt2.jpeg" alt="SLT Member Name" class="slt-image">
178+
<h3>Ammer Ayach</h3>
179+
<p>Area of Work</p>
180+
</div>
181+
182+
<!-- SLT Member 4 -->
183+
<div class="slt-card">
184+
<img src="slt2.jpeg" alt="SLT Member Name" class="slt-image">
185+
<h3>Iyadh Ben Cheikh Larbi</h3>
186+
<p>Area of Work</p>
187+
</div>
188+
189+
<!-- SLT Member 5 -->
190+
<div class="slt-card">
191+
<img src="slt2.jpeg" alt="SLT Member Name" class="slt-image">
192+
<h3>Zain Alabden Hazzouri</h3>
193+
<p>Area of Work</p>
194+
</div>
195+
196+
<!-- SLT Member 6 -->
197+
<div class="slt-card">
198+
<img src="slt2.jpeg" alt="SLT Member Name" class="slt-image">
199+
<h3>Imge Yüzüncüoglu</h3>
200+
<p>Area of Work</p>
201+
</div>
202+
203+
<!-- SLT Member 7 -->
204+
<div class="slt-card">
205+
<img src="slt2.jpeg" alt="SLT Member Name" class="slt-image">
206+
<h3>Vera Czehmann </h3>
207+
<p>Area of Work</p>
208+
</div>
209+
210+
<!-- SLT Member 8 -->
211+
<div class="slt-card">
212+
<img src="slt2.jpeg" alt="SLT Member Name" class="slt-image">
213+
<h3>Jerycho Pasniczek </h3>
214+
<p>Area of Work</p>
215+
</div>
216+
217+
<!-- SLT Member 9 -->
218+
<div class="slt-card">
219+
<img src="slt2.jpeg" alt="SLT Member Name" class="slt-image">
220+
<h3>Faraz Maschhur</h3>
221+
<p>Area of Work</p>
222+
</div>
223+
224+
<!-- SLT Member 10 -->
225+
<div class="slt-card">
226+
<img src="slt2.jpeg" alt="SLT Member Name" class="slt-image">
227+
<h3>Ahmet Altar Lüser </h3>
228+
<p>Area of Work</p>
229+
</div>
230+
231+
<!-- SLT Member 11 -->
232+
<div class="slt-card">
233+
<img src="slt2.jpeg" alt="SLT Member Name" class="slt-image">
234+
<h3>Alon Drobickij </h3>
235+
<p>Area of Work</p>
236+
</div>
237+
238+
<!-- SLT Member 12 -->
239+
<div class="slt-card">
240+
<img src="slt2.jpeg" alt="SLT Member Name" class="slt-image">
241+
<h3>Selin Yeginer</h3>
242+
<p>Area of Work</p>
243+
</div>
244+
245+
<!-- SLT Member 13 -->
246+
<div class="slt-card">
247+
<img src="slt2.jpeg" alt="SLT Member Name" class="slt-image">
248+
<h3>Emiliano Valdes Menchaca</h3>
249+
<p>Area of Work</p>
250+
</div>
251+
252+
<!-- SLT Member 14 -->
253+
<div class="slt-card">
254+
<img src="slt2.jpeg" alt="SLT Member Name" class="slt-image">
255+
<h3>Julianna Grune </h3>
256+
<p>Area of Work</p>
257+
</div>
258+
259+
<!-- Add more SLT members -->
260+
</div>
261+
</div>
262+
<div class="carousel-buttons">
263+
<button id="prev"><i class="fas fa-chevron-left"></i></button>
264+
<button id="next"><i class="fas fa-chevron-right"></i></button>
265+
</div>
266+
267+
</section>
268+
269+
270+
271+
272+
273+
274+
<!-- Footer -->
275+
<footer class="footer">
276+
<div class="container">
277+
<p>© 2024 DFKI-SLT Research Group. All rights reserved.</p>
278+
</div>
279+
</footer>
280+
281+
<script src="tabs.js"></script>
282+
</body>
283+
</html>

0 commit comments

Comments
 (0)