→ Kemaya m
→ About us section

About us section

about us section with image

This bootstrap css example is contributed by Kemaya m, on 28-Mar-2024. Component is made with bootstrap css v.4.6. It is responsive. similar terms for this example is about me

Tags: About us

Author Kemaya m

v.4.6

Fork Fullscreen

<div class="container">
    <div class="row">
        <div class="col-md-6 text-center">
            <img src="https://images.unsplash.com/photo-1552664730-d307ca884978?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0NzEyNjZ8MHwxfHNlYXJjaHw4fHxjb21wYW55fGVufDB8MHx8fDE3MTE2MTg5OTZ8MA&ixlib=rb-4.0.3&q=80&w=1080" class="img-fluid" style="box-shadow: 0 0 15px #eee;" alt="">
        </div>
        <div class="col-md-6 pt-3">
            <small class="text-uppercase" style="color: #9B5DE5;">About us</small>
            <h1 class="h2 mb-4" style="font-weight: 600;">About Our
                <span style="color: #9B5DE5;" class="font-weight-bold">Company</span></h1>
            <p class="text-secondary" style="line-height: 2;">Lorem ipsum dolor sit amet consectetur adipisicing elit.
                Suscipit repellat iure laboriosam cum voluptatum, nam minima deserunt aut? Distinctio voluptatibus dolor
                quaerat quo omnis illo sequi at velit, odit quod!</p>
        </div>
    </div>
</div>

More Examples

About Page Title

Author:
DOLA AKTER

5 months ago

963

v.4.6
About Section

Author:
Anonymous

2 years ago

5.5k

v.5.3
About us section

Author:
Kemaya m

2 years ago

2.8k

v.4.6
About Our Company
Display your company data

Author:
Tane Mahuta

2 years ago

3.8k

v.5.3
E-Commerce Product Page

Author:
Creative Araf

4 months ago

475

v.5.3
HTML and CSS for Hero Section
Explanation: HTML: Hero Section: Uses a background image with a gradient overlay. Hero Content: Centered with a title, subtitle, and a call-to-action button. CSS: Hero Section Styling: Full viewport height with a gradient overlay for better text readability and a background image. Hero Content Styling: Centered with responsive padding and font sizes. Button Styling: Custom button colors and hover effects. Background Image: Placeholder URL: Replace 'https://via.placeholder.com/1920x1080' with the actual URL of your hero image

Author:
zobaidul kaziex

2 years ago

4.2k

v.4.6
Collapsible Nested list
Tree structure design for nested list

Author:
Moana silva

2 years ago

6.5k

v.5.3
personal biography

Author:
Huryra

3 months ago

190

v.4.6
Google MAP API

Author:
Shahriar Noyon

5 months ago

547

v.4.6
Navbar Specials
Navbar with special design

Author:
almounkez

1 year ago

2.9k

v.5.3
portfolio page

Author:
Md. Hasibur Rahman

4 months ago

257

v.4.6
Contact us form

Author:
Anonymous

2 years ago

8.6k

v.4.6

Didn't find component you were looking for?

Search from 300+ componenent