Skip to content
Snippets Groups Projects
Commit 1f9bc574 authored by HouTeng Chan's avatar HouTeng Chan
Browse files

Update file home.html

parent 1b47cc0d
No related branches found
No related tags found
No related merge requests found
Pipeline #495607 passed
......@@ -101,7 +101,7 @@
.card-content {
display: flex;
align-items: flex-start;
align-items: center;
}
.card-image {
......@@ -116,22 +116,21 @@
padding: 30px 30px 30px 0;
}
.card-title {
font-size: 1.5rem;
margin-bottom: 15px;
.card-preview {
font-size: 1.3rem;
color: #333;
margin: 0;
}
.card-description {
.card-full-content {
display: none;
font-size: 1.1rem;
color: #666;
max-height: 100px;
overflow: hidden;
transition: max-height 0.3s ease;
margin-top: 15px;
}
.card.expanded .card-description {
max-height: 1000px;
.card.expanded .card-full-content {
display: block;
}
</style>
</head>
......@@ -153,8 +152,10 @@
<div class="card-content">
<img src="https://static.igem.wiki/teams/5187/wiki-home-fig/pic1.png" alt="Person 1" class="card-image">
<div class="card-text">
<h3 class="card-title">Overcoming Challenges</h3>
<p class="card-description">Living with IBD presents unique challenges, but with proper care and support, patients can lead fulfilling lives. This story explores the journey of resilience and hope. Through innovative treatments and a strong support network, many individuals have found ways to manage their symptoms and improve their quality of life. From dietary adjustments to stress management techniques, discover the strategies that have helped others navigate the complexities of IBD.</p>
<p class="card-preview">Discover the journey of resilience and hope in living with IBD.</p>
<div class="card-full-content">
<p>Living with IBD presents unique challenges, but with proper care and support, patients can lead fulfilling lives. Through innovative treatments and a strong support network, many individuals have found ways to manage their symptoms and improve their quality of life. From dietary adjustments to stress management techniques, explore the strategies that have helped others navigate the complexities of IBD and find their path to wellness.</p>
</div>
</div>
</div>
</div>
......@@ -162,8 +163,10 @@
<div class="card-content">
<img src="https://static.igem.wiki/teams/5187/wiki-home-fig/pic2.png" alt="Person 2" class="card-image">
<div class="card-text">
<h3 class="card-title">Embracing New Normals</h3>
<p class="card-description">Adapting to life with IBD requires patience and understanding. Discover how individuals have found ways to thrive despite their condition. From career adjustments to lifestyle changes, learn about the creative solutions that have helped people with IBD redefine their "normal." This section includes personal stories of triumph, practical tips for daily living, and insights into maintaining relationships while managing IBD.</p>
<p class="card-preview">Learn how individuals thrive despite their IBD condition.</p>
<div class="card-full-content">
<p>Adapting to life with IBD requires patience and understanding. From career adjustments to lifestyle changes, discover the creative solutions that have helped people with IBD redefine their "normal." This section includes personal stories of triumph, practical tips for daily living, and insights into maintaining relationships while managing IBD. Explore how embracing change and focusing on what's possible can lead to a fulfilling life beyond the limitations of IBD.</p>
</div>
</div>
</div>
</div>
......@@ -171,8 +174,10 @@
<div class="card-content">
<img src="https://static.igem.wiki/teams/5187/wiki-home-fig/pic3.png" alt="Person 3" class="card-image">
<div class="card-text">
<h3 class="card-title">The Power of Community</h3>
<p class="card-description">Connect with others who understand your journey. Learn about support groups and resources available for IBD patients and their families. Discover the benefits of joining an IBD community, from sharing experiences to accessing valuable information. This section highlights various support networks, online forums, and local groups that provide emotional support, practical advice, and a sense of belonging to those affected by IBD.</p>
<p class="card-preview">Explore the strength found in IBD support communities.</p>
<div class="card-full-content">
<p>Connect with others who understand your journey. Discover the benefits of joining an IBD community, from sharing experiences to accessing valuable information. This section highlights various support networks, online forums, and local groups that provide emotional support, practical advice, and a sense of belonging to those affected by IBD. Learn how these communities can be a source of strength, knowledge, and companionship throughout your IBD journey.</p>
</div>
</div>
</div>
</div>
......@@ -180,8 +185,10 @@
<div class="card-content">
<img src="https://static.igem.wiki/teams/5187/wiki-home-fig/pic4.png" alt="Person 4" class="card-image">
<div class="card-text">
<h3 class="card-title">Advances in Treatment</h3>
<p class="card-description">Stay informed about the latest developments in IBD research and treatment options. Hope is on the horizon with new therapies and management strategies. This section covers recent breakthroughs in IBD treatment, including biological therapies, personalized medicine approaches, and ongoing clinical trials. Learn about emerging technologies and how they're shaping the future of IBD care, offering new possibilities for symptom management and improved quality of life.</p>
<p class="card-preview">Explore the latest breakthroughs in IBD treatment and research.</p>
<div class="card-full-content">
<p>Stay informed about the latest developments in IBD research and treatment options. Hope is on the horizon with new therapies and management strategies. This section covers recent breakthroughs in IBD treatment, including biological therapies, personalized medicine approaches, and ongoing clinical trials. Learn about emerging technologies and how they're shaping the future of IBD care, offering new possibilities for symptom management and improved quality of life.</p>
</div>
</div>
</div>
</div>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment