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 v3.4. It is responsive. It supports dark mode.

Other

Author Monica D.

Tailwind v3.4 4.2k 8

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

Features Component

KULDEEP

1 year ago

1.5k
Order Management Data Table
A responsive order management table built with Tailwind CSS and DataTables. It includes a navigation bar, sortable data table, order progress indicators, file upload controls, and a footer. The component is suitable for admin dashboards, production workflows, and project tracking interfaces. Tags: Table, Data Table, Dashboard, Admin Panel, File Upload, Progress Bar, Responsive, Tailwind CSS

Alla Telegina

1 month ago

53
paginate
filter sort and paginate

aditya_sharma

1 month ago

46
Live Chat Component using Tailwind Alpine JS
Live Chat Component using Tailwind Alpine JS

Ahita Bisma Adlula

1 year ago

1.2k
Login / Register Form
Tailwind CSS styling only – no frameworks required Smooth tab switch with JavaScript Fully responsive for mobile and desktop Clean, modern form design with interactive elements

KULDEEP

1 year ago

1.7k
Invoice template

Shakti

3 years ago

28.8k
Command Palette with Search & Keyboard Navigation

JUGENDRA GANGWAR

2 months ago

81
Neon container

Anonymous

2 years ago

4.4k
portfolio
Complete Portfolio UI Kit with hero, about, skills, projects, testimonials, contact form, and footer. Fully responsive and dark mode supported using Tailwind CSS.

Lekhraj Ghimire

1 year ago

1.4k
YouTube Community Post UI Mockup
A static HTML and Tailwind CSS component mimicking the user interface of a YouTube Community Post. This mockup features the channel header (avatar, name, verified badge, timestamp), post content (text and optional media), engagement actions (Like, Dislike, Comment, Share with counts), and the 'Add a comment' section. It's designed to be responsive, supports YouTube's light and dark themes via custom styling, and uses accurate iconography.

Hamza Atig

1 year ago

1.8k
Interactive Multi-Method Donation Section
Overview: A high-trust, conversion-oriented fundraising section styled in the project's signature Navy Blue theme. It provides users with flexible payment options, ranging from one-click fixed amounts to manual bank transfers and cryptocurrency donations. Key Features: Smart Amount Logic: Includes a JavaScript-powered selector where users can choose a preset amount ($10, $25, $50) or type a custom value. The interface automatically toggles states (deselecting buttons when typing, and vice-versa) to prevent user error. Payment Methods: Quick Card/Checkout: Primary call-to-action column. Bank Transfer: A clean card displaying account details with a "Copy to Clipboard" utility. Crypto (Bitcoin): A specialized dark-themed card featuring a placeholder QR code and wallet address copying functionality. Trust Signals: Includes security iconography (lock, shield) and reassuring copy to boost donor confidence. Visual Hierarchy: Uses a 7/5 grid split to prioritize the immediate donation action while keeping manual payment methods accessible but secondary. Tech Stack: Framework: Tailwind CSS. Icons: Ionicons. Scripting: Vanilla JavaScript (for amount toggling and clipboard copying functions). Fonts: DM Serif Display (Headings) + Inter (Body). Usage: Ideal for the "Support Us" page or a dedicated campaign landing page. The script tag included at the bottom handles all the interactivity (button selection and text copying) without needing external libraries.

Juan D. Cortorreal

10 months ago

1.2k
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.

SHARIFUL ISLAM

1 year ago

2.3k