→ lamiajahan
→ about page

about page

This bootstrap css example is contributed by lamiajahan, on 24-Jul-2026. Component is made with bootstrap css v.4.6. It is responsive.

Tags: Footer Card Banner Navbar

Author lamiajahan

152

v.4.6

Fork Fullscreen

<nav class="navbar navbar-expand-lg bg-primary">
  <div class="container">
    <a class="navbar-brand" href="#">Its Tithy</a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav m-auto mb-2 mb-lg-0">
        <li class="nav-item">
          <a class="nav-link" href="index.html">Home</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="about.html">About</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="portfolio.html">portfolio</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="service.html">Service</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="contact.html">Contact</a>
        </li>   
    </div>
  </div>
</nav>
   
   
    <section>
        <div class="text-center mt-5">
            <h2>About My Biography</h2>

<section class="bio-section bg-danger">
                <div class="container">
                    <div class="row align-items-center g-5">

<div class="col-lg-5">
                            <div class="bio-card">
                                <div class="bio-image">
                                    <img src="image/Tithy 02.jpg" height="400" alt="Tithy 02" />
                                </div>
                            </div>
                        </div>

<div class="col-lg-7">
                            <div class="bio-card">
                                <div class="bio-content">
                                    <p class="bio-subtitle">Personal Biography</p>
                                    <h1 class="bio-title">
                                        Hi,I'm <span>LAMIA JAHAN</span>
                                    </h1>
                                    <p class="bio-text">
                                        I'm a passionate UI/UX Designer and Front-End Developer
                                        with over 5 years of experience creating modern,
                                        user-friendly digital experiences. I love crafting clean
                                        and interactive websites that combine creativity with
                                        functionality.
                                    </p>
                                    <div class="bio-info">
                                        <div class="info-box">
                                            <h6>Email</h6>
                                            <p>lamiajahan@gmail.com</p>
                                        </div>
                                        <div class="info-box">
                                            <h6>Location</h6>
                                            <p>Dhaka, Bangladesh</p>
                                        </div>
                                        <div class="info-box">
                                            <h6>Experience</h6>
                                            <p>5+ Years</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
           
        </div>
    </section>

<section class="client-section">
        <div class="container-fluid text-center mt-5 py-5 bg-info-subtle">

<div class="section-title">
                <h2>Our Existing Clients</h2>
                <p>
                    We proudly work with amazing companies around the world.
                    Here are some of our valuable clients who trust our services.
                </p>
            </div>

<div class="col-lg-4 col-md-6">
                    <div class="client-card">

<h4>TechNova Ltd</h4>
                        <span>UI/UX Design Partner</span>

<p>
                            Working together to build modern digital experiences
                            with clean interfaces and powerful performance.
                        </p>

</div>
                </div>

<div class="col-lg-4 col-md-6">
                    <div class="client-card">

<h4>Pixel Agency</h4>
                        <span>Web Development</span>

<p>
                            Delivered scalable and responsive web applications
                            tailored for business growth and customer engagement.
                        </p>

</div>
                </div>

<div class="col-lg-4 col-md-6">
                    <div class="client-card">

<div class="client-logo">
                            <img src="https://i.pravatar.cc/200?img=32" alt="">
                        </div>
                        <h4>Creative Studio</h4>
                        <span>Branding & Marketing</span>

<p>
                            Helping brands establish strong online identities
                            with creative strategy and modern visual solutions.
                        </p>

</div>
                </div>

</div>

</div>
    </section>
    
     
    <section>
        <div class="text-center mt-5 bg-primary-subtle">
            <h2>My special skill</h2>
            <br>
            <div class="row">
                <div class="col-sm-6 mb-3 mb-sm-0">
                    <div class="card bg-warning">
                        <div class="card-body">
                            <h5 class="card-title">HTML</h5>
                            <p class="card-text">With supporting text below as a natural lead-in to additional content.
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="card bg-danger">
                        <div class="card-body">
                            <h5 class="card-title">CSS</h5>
                            <p class="card-text">With supporting text below as a natural lead-in to additional content.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6 mb-3 mb-sm-0">
                    <div class="card bg-danger-subtle">
                        <div class="card-body">
                            <h5 class="card-title">JavaScript</h5>
                            <p class="card-text">With supporting text below as a natural lead-in to additional content.
                            </p>

</div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="card bg-warning-subtle">
                        <div class="card-body">
                            <h5 class="card-title">C+</h5>
                            <p class="card-text">With supporting text below as a natural lead-in to additional content.
                            </p>

</div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6 mb-3 mb-sm-0">
                    <div class="card bg-info">
                        <div class="card-body">
                            <h5 class="card-title">C++</h5>
                            <p class="card-text">With supporting text below as a natural lead-in to additional content.
                            </p>

</div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="card bg-primary-subtle">
                        <div class="card-body">
                            <h5 class="card-title">Python</h5>
                            <p class="card-text">With supporting text below as a natural lead-in to additional content.
                            </p>

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

<footer class="bg-dark text-light py-5 my-5">
    <div class="container">
        <div class="row g-4">
            
            <div class="col-lg-4 col-md-6">
                <h5 class="mb-4">About Us</h5>
                <p class="mb-4">We are dedicated to providing innovative solutions that help businesses grow and succeed
                    in the digital age.</p>
                <div class="social-links">
                    <a href="#" class="social-icon bg-primary"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" class="social-icon bg-info"><i class="fab fa-twitter"></i></a>
                    <a href="#" class="social-icon bg-danger"><i class="fab fa-instagram"></i></a>
                    <a href="#" class="social-icon bg-primary"><i class="fab fa-linkedin-in"></i></a>
                </div>
            </div>

<div class="col-lg-2 col-md-6">
                <h5 class="mb-4">Quick Links</h5>
                <ul class="list-unstyled">
                    <li class="mb-2"><a href="#" class="footer-link">Home</a></li>
                    <li class="mb-2"><a href="#" class="footer-link">About</a></li>
                    <li class="mb-2"><a href="#" class="footer-link">Services</a></li>
                    <li class="mb-2"><a href="#" class="footer-link">Portfolio</a></li>
                    <li class="mb-2"><a href="#" class="footer-link">Contact</a></li>
                </ul>
            </div>

<div class="col-lg-2 col-md-6">
                <h5 class="mb-4">Services</h5>
                <ul class="list-unstyled">
                    <li class="mb-2"><a href="#" class="footer-link">Web Design</a></li>
                    <li class="mb-2"><a href="#" class="footer-link">Development</a></li>
                    <li class="mb-2"><a href="#" class="footer-link">Marketing</a></li>
                    <li class="mb-2"><a href="#" class="footer-link">Consulting</a></li>
                    <li class="mb-2"><a href="#" class="footer-link">Analytics</a></li>
                </ul>
            </div>

<div class="col-lg-4 col-md-6">
                <h5 class="mb-4">Contact Info</h5>
                <ul class="list-unstyled">
                    <li class="mb-3">
                        <i class="fas fa-map-marker-alt me-2"></i>
                        123 Business Street, New York, NY 10001
                    </li>
                    <li class="mb-3">
                        <i class="fas fa-phone me-2"></i>
                        <a href="tel:+1234567890" class="footer-link">+1 (234) 567-890</a>
                    </li>
                    <li class="mb-3">
                        <i class="fas fa-envelope me-2"></i>
                        <a href="mailto:contact@example.com" class="footer-link">contact@example.com</a>
                    </li>
                </ul>
            </div>
        </div>

<div class="row mt-5">
            <div class="col-12">
                <hr class="mb-4">
                <div class="text-center">
                    <p class="mb-0">&copy; 2024 Your Company. All rights reserved.</p>
                </div>
            </div>
        </div>
    </div>
</footer>

More Examples

Carrousel banner product
It's a carousel; clicking on its categories opens a banner with the product.

Author:
Juan Antonio González Hernández

6 months ago

1.4k

v.5.3
Home Page of portfolio (WDD)

Author:
sajid taz

3 months ago

611

v.4.6
Agriculture Website for Live project_WDD

Author:
Anonymous

3 months ago

440

v.4.6
E-Commerce index

Author:
Creative Araf

2 months ago

286

v.5.3
E-Commerce Cart Section

Author:
Creative Araf

2 months ago

265

v.5.3
E-Commerce Contact Section

Author:
Creative Araf

2 months ago

264

v.5.3
Personal Portfolio Index

Author:
Creative Araf

2 months ago

242

v.5.3
Personal Portfolio About Section

Author:
Creative Araf

2 months ago

344

v.5.3
Personal Portfolio --Portfolio Section

Author:
Creative Araf

2 months ago

295

v.5.3
Personal Portfolio Service Section

Author:
Creative Araf

2 months ago

304

v.5.3
Restaurant Home Page

Author:
Creative Araf

2 months ago

166

v.5.3
Restaurant About Page

Author:
Creative Araf

2 months ago

155

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent