classes
- .card.shoelace-card: Provides a styled card container with a dark
theme for
displaying content.
- .card-title: Formats the title text inside a card with a white
color and bold
font.
- .card-text: Styles the text content inside a card with a light
gray color and a
smaller font size.
- .shoelace-heading: Creates a heading with a white color and bold
font, suitable
for titles.
- .shoelace-paragraph: Formats paragraphs with a light gray color
and a moderate
font size for regular text.
- .shoelace-image: Adds styling to images, including a border,
shadow, and maximum
width for better presentation.
- .btn: Styles buttons with a gray background color, white text,
and rounded corners
for general use.
- .shoelace-btn: Similar to .btn, it further enhances button styles
for
Shoelace-specific components.
- .nav-link: Applies styling to navigation links with hover effects
and appropriate
color.
- .navbar: Formats the navigation bar with a dark theme and a
visible box shadow
for a modern look.
- .shoelace-list: Adds a visible box shadow to lists for a visually
appealing
layout.
- .shoelace-quote: Formats quotes with a visible box shadow for a
clean
presentation.
- .shoelace-form: Applies styling to forms, making form elements
aesthetically
pleasing and user-friendly.
- .btn: Gives a darker background color on button hover,
enhancing the
interactive experience.
- .footer: Styles the footer with a dark theme and padding,
providing a cohesive
design for the page.
- .shoelace-feature: For elements highlighting key features, it
adds styling with a
dark background and shadow.
- .shoelace-feature-title: Formats feature titles with a white
color and bold font
for emphasis.
- .shoelace-feature-description: Styles feature descriptions with a
light gray color
and moderate font size.