Home
Ron Hicks
Blog page template

Blog page template

This tailwind example is contributed by Ron Hicks, on 23-Dec-2022. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are blog page template, article page template

Blog post page

Author Ron Hicks

12.6k

Fork Fullscreen

<a href="#"
                    class="text-xs text-indigo-600 uppercase font-medium hover:text-gray-900 transition duration-500 ease-in-out">
                    Election
                </a>,
                <a href="#"
                    class="text-xs text-indigo-600 uppercase font-medium hover:text-gray-900 transition duration-500 ease-in-out">
                    Politics
                </a>
                <h1 href="#" class="text-gray-900 font-bold text-3xl mb-2">Revenge of the Never Trumpers</h1>
                <p class="text-gray-700 text-xs mt-2">Written By:
                    <a href="#"
                        class="text-indigo-600 font-medium hover:text-gray-900 transition duration-500 ease-in-out">
                        Ahmad Sultani
                    </a>
                </p>

<p class="text-base leading-8 my-5">
                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
                    industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
                    and scrambled it to make a type specimen book. It has survived not only five centuries, but also the
                    leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s
                    with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
                    publishing software like Aldus PageMaker including versions of Lorem Ipsum.
                </p>

<h3 class="text-2xl font-bold my-5">#1. What is Lorem Ipsum?</h3>

<blockquote class="border-l-4 text-base italic leading-8 my-5 p-5 text-indigo-600">Lorem Ipsum is simply
                    dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
                    dummy text ever since the 1500s</blockquote>

<a href="#"
                    class="text-xs text-indigo-600 font-medium hover:text-gray-900 transition duration-500 ease-in-out">
                    #Election
                </a>,
                <a href="#"
                    class="text-xs text-indigo-600 font-medium hover:text-gray-900 transition duration-500 ease-in-out">
                    #people
                </a>,
                <a href="#"
                    class="text-xs text-indigo-600 font-medium hover:text-gray-900 transition duration-500 ease-in-out">
                    #Election2020
                </a>,
                <a href="#"
                    class="text-xs text-indigo-600 font-medium hover:text-gray-900 transition duration-500 ease-in-out">
                    #trump
                </a>,
                <a href="#"
                    class="text-xs text-indigo-600 font-medium hover:text-gray-900 transition duration-500 ease-in-out">
                    #Joe
                </a>

</div>

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

Related Examples

Blog Article Template
blog article template

Author:
Anonymous

1 year ago

13.8k
Blog post sample

Author:
sql_guru

2 years ago

13.3k
Blog page

Author:
Ron Hicks

2 years ago

11k
Blog post template with responsive sidebar

Author:
R.P Ketan

2 years ago

11k
Minimal blog page

Author:
Ron Hicks

2 years ago

12.3k
Simple blog layout

Author:
Shakti

2 years ago

10.8k
Blog Template

Author:
Mr Robot

2 years ago

10.3k
Hello Acode Master! 👋
is a passionate software developer based in Rubavu. He considers himself the top developer in the area and is committed to solving real-world problems through technology.

Author:
Acode Master(Mfuranziza Dusabe Hamza)

3 weeks ago

201
content section

Author:
Crimson

5 months ago

496
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.

Author:
Ayyamperumal S

2 months ago

422
google meet clone
Meeting application with fully responsive connect my web for jsx https://abhirajk.vercel.app/

Author:
Abhiraj

4 months ago

785
Linkedin Post

$$@(\/)(\/)Y$ Author:
$@(\/)(\/)Y

1 year ago

3.6k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components