Home
Monica D.
Basic Terms of Service Page

Basic Terms of Service Page

Basic Terms of Service Page setup for light and dark mode. Repeat the sections to add as many as you need.

This tailwind example is contributed by Monica D., on 15-Jul-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode.

Other

Author Monica D.

Fork Fullscreen

\
  <div class="bg-white text-black dark:bg-black dark:text-white">
      <div class="container mx-auto px-4 py-8">
        <p class="mb-4">
          Effective Date: 2024-7-15
        </p>
        <div class='w-full flex'>
          <h1 class="text-3xl font-bold mb-4 text-orange-800">Terms of Service for Your Business </h1>
        </div>
        <br />
        <p class="mb-4 text-base">
          Welcome to the website. Please read these terms of service carefully before using the website. By using the website, you agree to be bound by these terms of service. If you do not agree to these terms of service, you may not use the website. These terms of service govern your use of the website and all services provided by the website. If you do not agree to these terms of service, you may not use the website.
          </p>
          <br />
          
            <div class='pb-5'>
            <h2 class='font-bold text-orange-700 dark:text-orange-300'>General</h2>
               
                <br /> 
                <ul>
                    <li class='list-disc'>
                        <p class="text-base">
                            By accessing this website, you agree to be bound by these terms of service, all applicable laws and regulations, and agree that you are responsible for compliance with any applicable local laws. If you do not agree with any of these terms, you are prohibited from using or accessing this site. The materials contained in this website are protected by applicable copyright and trademark law.
                        </p>
                    </li>
                    <br />
                    <li class='list-disc'>
                        <p class="text-base">
                            We reserve the right to change these terms of service at any time without notice. By using this website you are agreeing to be bound by the then current version of these terms of service. Any updates you will be notified via email.
                        </p>
                    </li>
                </ul>
          </div>
        </div>

Related Examples

Simple layout

Author:
Edward Carandang

9 months ago

1.6k
Linear infinite brand scrolling with hover effect
Beautiful lineat brand scrolling partner with hover effect

Author:
Walid Ahmad

5 months ago

1.1k
cards
cards with background animation

Author:
Anonymous

1 year ago

10k
Neon container

Author:
Anonymous

9 months ago

2.3k
trusted by
1. Color Scheme: 1. Updated the background to a gradient from Indigo-800 to Blue-900 2. Changed text colors to use Indigo-800 and Blue-900 shades 3. Updated ring colors on avatar images to match the new scheme 2. Enhanced Design: 1. Added a containing card with white background (dark gray in dark mode) 2. Increased the size of avatar images for better visibility 3. Added a shadow effect to the card that changes color on hover 3. Responsiveness: 1. Maintained the responsive layout, stacking vertically on smaller screens 4. Animations and Interactions: 1. Added a fade-in animation for the entire component 2. Enhanced hover effects on avatar images (scale and z-index change) 3. Added a ring effect on hover for each avatar 5. Accessibility: 1. Maintained alt text for images 2. Ensured proper color contrast for text readability 6. Dark Mode: 1. Implemented dark mode support 2. Adjusted colors and ring effects for dark mode 7. Additional Enhancements: 1. Increased font sizes for better readability 2. Added font weight variations to emphasize important text 3. Improved spacing and alignment This updated component maintains the original functionality while incorporating the Indigo-800 and Blue-900 color scheme and adding enhanced visual effects and interactions.

Author:
nejaa badr

3 months ago

612
Skill showcase section for resume / porfolio website
show skill progression

Author:
Ava Brown

1 year ago

12.3k
Gradient Flip-Text Button with Hover Animation
This stylish button features a dynamic gradient background that shifts from a calm green gradient by default to a vibrant purple-pink-red gradient on hover. The button also includes an interactive text flip effect, where the text seamlessly transitions on hover, creating a visually appealing and modern UI element. Perfect for adding flair to your websites or applications while maintaining functionality and responsiveness.

Author:
SHARIFUL ISLAM

2 weeks ago

79
Simple count down timer

Author:
Gopi Yadav

2 years ago

14.2k
Half filled circle with tailwind

Author:
Alok

2 years ago

12.5k
Spinner
The Spinner is a simple and visually appealing component that indicates ongoing processes like loading or data fetching. It's a great way to improve user engagement and reduce frustration during wait times. Different styles and animations (circular, dots, pulsating). Customizable size, color, and speed. Easy to integrate with loading states in any app. Lightweight and responsive.

Author:
Abhiraj

1 month ago

529
Collapsible content

Author:
Rafferty Kim

1 year ago

12.7k
Tailwind CSS Blog sharing buttons with blog details
Introducing our Blog Sharing Buttons with Blog Details component, designed to enhance the social sharing experience on your blog posts.

Author:
Abid Ullah

5 months ago

962

Explore components by Tags

Didn't find component you were looking for?

Search from 2000+ components