Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fixed information in Components/Card #261

Merged
merged 1 commit into from
Oct 4, 2023
Merged

fixed information in Components/Card #261

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
48 changes: 26 additions & 22 deletions src/component-card.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,8 +30,9 @@ <h3>Card</h3>
<div class="card-body">
<h4 class="card-title">Card With Header And Footer</h4>
<p class="card-text">
Gummies bonbon apple pie fruitcake icing biscuit apple pie jelly-o sweet roll. Toffee
sugar plum sugar plum jelly-o jujubes bonbon dessert carrot cake.
Introducing our beautifully designed cards, thoughtfully crafted to enhance your
browsing experience. These versatile elements are the perfect way to present
information, products, or services on our website.
</p>
</div>
<img class="img-fluid w-100" src="assets/static/images/samples/banana.jpg" alt="Card image cap">
Expand Down Expand Up @@ -175,7 +176,8 @@ <h6 class="card-subtitle">Support card subtitle</h6>
alt="Image Mountain">
</div>
<div class="carousel-item">
<img src="assets/static/images/samples/jump.jpg" class="d-block w-100" alt="Image Jump">
<img src="assets/static/images/samples/jump.jpg" class="d-block w-100"
alt="Image Jump">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button"
Expand All @@ -191,18 +193,17 @@ <h6 class="card-subtitle">Support card subtitle</h6>
</div>
<div class="card-body">
<p class="card-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt assumenda mollitia
officia dolorum eius quasi.Chocolate sesame snaps apple pie danish cupcake sweet roll
jujubes tiramisu.
Welcome to our dynamic carousel, where innovation takes center stage. Take a captivating
journey through our cutting-edge products, groundbreaking solutions, and the latest
advancements in technology. Each slide invites you to discover something new and
exciting, providing a glimpse into the future of innovation.
</p>
<p class="card-text">
Gummies bonbon apple pie fruitcake icing biscuit apple pie jelly-o sweet roll. Toffee
sugar
plum sugar
plum jelly-o jujubes bonbon dessert carrot cake.
Sweet pie candy jelly. Sesame snaps biscuit sugar plum. Sweet roll topping fruitcake.
Caramels liquorice
biscuit ice cream fruitcake cotton candy tart.
Whether you're a tech enthusiast, an industry professional, or simply curious about
what's on the horizon, our carousel is your window into the world of creativity,
ingenuity, and limitless possibilities. Swipe, click, or scroll through to immerse
yourself in a visual feast of innovation that will inspire, inform, and leave you with a
sense of wonder.
</p>
</div>
</div>
Expand All @@ -212,10 +213,10 @@ <h6 class="card-subtitle">Support card subtitle</h6>
<div class="card-body">
<h4 class="card-title">Feedback Form</h4>
<p class="card-text">
Gummies bonbon apple pie fruitcake icing biscuit apple pie jelly-o sweet roll. Toffee
sugar
plum sugar
plum jelly-o jujubes bonbon dessert carrot cake.
Your feedback is instrumental in shaping our future. It guides our decisions, inspires
innovation, and ensures that we're meeting your needs. Whether you've had a stellar
experience or encountered any challenges, we want to hear from you. Your feedback fuels
our commitment to continuous improvement.
</p>
<form class="form" method="post">
<div class="form-body">
Expand Down Expand Up @@ -291,8 +292,8 @@ <h4 class="card-title">Social Media</h4>
<div class="col-md-6 col-sm-12">
<div class="card">
<div class="card-content">
<img class="card-img-top img-fluid" src="assets/static/images/samples/origami.jpg" alt="Card image cap"
style="height: 20rem" />
<img class="card-img-top img-fluid" src="assets/static/images/samples/origami.jpg"
alt="Card image cap" style="height: 20rem" />
<div class="card-body">
<h4 class="card-title">Top Image Cap</h4>
<p class="card-text">
Expand Down Expand Up @@ -348,7 +349,8 @@ <h4 class="section-title text-uppercase">Groups</h4>
<div class="card-group">
<div class="card">
<div class="card-content">
<img class="card-img-top img-fluid" src="assets/static/images/samples/1.png" alt="Card image cap">
<img class="card-img-top img-fluid" src="assets/static/images/samples/1.png"
alt="Card image cap">
<div class="card-body">
<h4 class="card-title">Card title</h4>
<p class="card-text">
Expand All @@ -374,7 +376,8 @@ <h4 class="card-title">Card title</h4>
</div>
<div class="card">
<div class="card-content">
<img class="card-img-top img-fluid" src="assets/static/images/samples/3.png" alt="Card image cap">
<img class="card-img-top img-fluid" src="assets/static/images/samples/3.png"
alt="Card image cap">
<div class="card-body">
<h4 class="card-title">Card title</h4>
<p class="card-text">
Expand All @@ -387,7 +390,8 @@ <h4 class="card-title">Card title</h4>
</div>
<div class="card">
<div class="card-content">
<img class="card-img-top img-fluid" src="assets/static/images/samples/4.png" alt="Card image cap">
<img class="card-img-top img-fluid" src="assets/static/images/samples/4.png"
alt="Card image cap">
<div class="card-body">
<h4 class="card-title">Card title</h4>
<p class="card-text">
Expand Down