Services

explore our
awesome Services

This tailwind example is contributed by ابراهيم سيد, on 17-May-2024. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are Service rates, Subscription plans,Author box, User information,collapsible,Article Card, Blog page card, Article card

Pricing Profile Accordion Blog Card

Author ابراهيم سيد

Tailwind v3.4 3.7k 9

Fork Fullscreen

<h2 class="m-5 bg-teal-500 p-3 rounded-xl text-center  text-xl font-bold">الخدمات التي نقدمها في خدمة
              التوصيات المالية</h2>

<div class="flex-auto p-6">
              <div class="relative flex flex-col justify-center">
                <div class="absolute right-4 h-full border-l-2"></div>
                <div class="relative mb-4">
                  <span class="absolute inline-flex h-6 w-6 items-center justify-center rounded-full bg-blue-500 p-4 text-center text-base font-semibold text-white shadow">1</span>
                  <div class="mr-12 w-auto pt-1">
                    <h6 class="text-sm font-semibold text-blue-900">محتوى تعليمي شامل</h6>
                    <p class="mt-1 text-xs text-gray-500">مكتبة غنية بالمقالات الإرشادية ومقاطع الفيديو التعليمية
                      والملخصات التفاعلية التي تغطي جميع جوانب التداولونقدم تحليلات مالية دقيقة ومبنية على البيانات
                      للأسواق المالية والعملات الرقمية.
                    </p>
                  </div>
                </div>

</h6>
                    <p class="mt-1 text-xs text-gray-500">استكشف مجموعة واسعة من الدورات التدريبية التي يقدمها خبراء
                      ماليون معتمدون، مصممة لتطوير مهاراتك ومعرفتك نوفر دعمًا كاملاً لإدارة محافظ الاستثمار بمتابعة
                      دورية وتحليلات مستمرة لتحسين الأداء وإدارة المخاطر</p>
                  </div>
                </div>

<div class="relative mb-4">
                  <span class="absolute inline-flex h-6 w-6 items-center justify-center rounded-full bg-blue-500 p-4 text-center text-base font-semibold text-white shadow">3</span>
                  <div class="mr-12 w-auto pt-1">
                    <h6 class="text-sm font-semibold text-blue-900">توصيات مبنية على التحليل الفني</h6>
                    <p class="mt-1 text-xs text-gray-500">نقدم توصيات مبنية على التحليل الفني، مع تحليلات شاملة للمؤشرات
                      والأنماط الفنية</p>
                  </div>
                </div>

<div class="relative mb-4">
                  <span class="absolute inline-flex h-6 w-6 items-center justify-center rounded-full bg-blue-500 p-4 text-center text-base font-semibold text-white shadow">4</span>
                  <div class="mr-12 w-auto pt-1">
                    <h6 class="text-sm font-semibold text-blue-900">تقييم الأصول والشهادات المالية</h6>
                    <p class="mt-1 text-xs text-gray-500">
                      توفير تقييمات دقيقة للأصول المالية المختلفة والشهادات الاستثمارية.

</p>
                  </div>
                </div>

<div class="relative mb-4">
                  <span class="absolute inline-flex h-6 w-6 items-center justify-center rounded-full bg-blue-500 p-4 text-center text-base font-semibold text-white shadow">5</span>
                  <div class="mr-12 w-auto pt-1">
                    <h6 class="text-sm font-semibold text-blue-900">تحسين الاستراتيجيات وإدارة المخاطر</h6>
                    <p class="mt-1 text-xs text-gray-500">نقدم استشارات لتحسين الاستراتيجيات الاستثمارية وإدارة المخاطر
                      المالية بشكل فعال. حيث يمكنك طرح الأسئلة والحصول على إجابات مباشرة</p>
                  </div>
                </div>

</div>
            </div>
          </div>
        </div>

</div>
      </div>
    </div>

</div>
</div>

Related Examples

Checkout Card
A modern and responsive checkout card built with HTML & Tailwind CSS, featuring a clean UI, smooth shadows, and interactive hover effects. It includes secure payment options, a clear pricing breakdown, and adapts seamlessly to all screen sizes. Perfect for e-commerce and digital platforms to enhance user experience.

Rajesh Maheshwari

1 year ago

1.9k
Website Pricing List Card Component
Website Pricing List Card Component with Package Names: Basic Package → Starter Website Premium Package → Business Website Professional Package → E-Commerce Solution Pricing Structure: Increased prices significantly to reflect web development services one-time payment model FAQ Content.

Ayyamperumal S

1 year ago

1.8k
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
The future ai
The is technology

ORGIN_DREAMS

1 year ago

1.5k
Acode Master
Acode Master is a skilled and passionate software developer known for mastering coding and creating innovative tech solutions. Specializing in modern web technologies like React.js, Node.js, PHP, and databases such as MySQL and PostgreSQL, Acode Master builds practical, efficient, and scalable applications. Beyond coding, Acode Master is dedicated to continuous learning, sharing knowledge, and empowering others through technology-driven projects and education.

Code Master(Mfuranziza Dusabe Hamza)

1 year ago

2.3k
profile3

pablitodgb

1 year ago

1k
Responsive Card Section With Hover Effect
added more cards with ui friendly

SAI BENDE

1 year ago

1.1k
Tailwind Card Components
A collection of 20+ copy-paste ready card components built with pure HTML and Tailwind CSS. Includes product cards, profile cards, article cards, pricing cards, testimonials, and notifications.

Ijila Itunu

1 year ago

1.5k
Card template

Raul antonio de la cruz hernandez

9 months ago

752
MENU OMERLINKS
MENU OMERLINKS

Omer fils ELENGA

9 months ago

784
High-Performance Hotel Operations & AI Agent Testing Dashboard
A sophisticated, real-time command center designed for modern hotel management. This dashboard features deep integration for monitoring AI agent performance, guest sentiment, and room occupancy. Built with a "Mobile-First" philosophy, it demonstrates advanced data visualization, glassmorphism UI design, and a centralized state-management architecture. Perfect for showcasing full-stack capabilities in AI-driven automation.

Ayyamperumal S

8 months ago

1.1k
Cards
the best tailwind cards with responsive

irahoza daniel

1 year ago

1.5k