Martin_Rattensberger_IT_Services/omg-consulting.info
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Implement dark theme with expandable consultant details and animations

Browse Source
This commit is contained in:
Martin Rattensberger
2024-10-10 15:14:17 +02:00
parent aedbaaf163
commit 796b9b6a96
2 changed files with 56 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
index.html
View File

@@ -14,6 +14,15 @@
<section class="consultant">
<h2>Consultant 1</h2>
<p>Experte für maschinelles Lernen und Datenanalyse.</p>
<div class="consultant-details">
<p>Details zu Consultant 1...</p>
</div>
<div class="consultant-details">
<p>Details zu Consultant 2...</p>
</div>
<div class="consultant-details">
<p>Details zu Consultant 3...</p>
</div>
</section>
<section class="consultant">
<h2>Consultant 2</h2>
@@ -27,5 +36,17 @@
<footer>
<p>&copy; 2024 AI Consultants</p>
</footer>
<script>
document.querySelectorAll('.consultant').forEach(item => {
item.addEventListener('click', event => {
document.querySelectorAll('.consultant').forEach(c => {
c.classList.remove('active');
c.querySelector('.consultant-details').style.display = 'none';
});
item.classList.add('active');
item.querySelector('.consultant-details').style.display = 'block';
});
});
</script>
</body>
</html>