→ Gana JNsksk
→ Personl

Personl

This bootstrap css example is contributed by Gana JNsksk, on 14-May-2026. Component is made with bootstrap css v.4.6. It is responsive. similar terms for this example is blog template

Tags: Blog

Author Gana JNsksk

272

v.4.6

Fork Fullscreen

<div class="col-lg-7 ps-lg-5">
                    <h6 class="text-primary fw-bold text-uppercase mb-2">My Story</h6>
                    <h2 class="display-5 fw-bold mb-4">Professional Journey</h2>

<p class="text-muted mb-4">
                        I am a dedicated Frontend Developer with a deep interest in building secure and efficient
                        digital environments. My journey began with a curiosity for how the web works, which evolved
                        into a professional career focused on modern UI/UX and system optimization.
                    </p>

<div class="row g-4 mb-5">
                        <div class="col-md-6 d-flex align-items-start">
                            <div class="feature-icon me-3">
                                <i class="bi bi-mortarboard-fill"></i>
                            </div>
                            <div>
                                <h6 class="fw-bold mb-1">Education</h6>
                                <p class="small text-muted mb-0">Specialized training in Web Technologies and Computer
                                    Systems.</p>
                            </div>
                        </div>

<div class="col-md-6 d-flex align-items-start">
                            <div class="feature-icon me-3">
                                <i class="bi bi-briefcase-fill"></i>
                            </div>
                            <div>
                                <h6 class="fw-bold mb-1">Experience</h6>
                                <p class="small text-muted mb-0">Extensive work with React, Tailwind, and Linux
                                    environments.</p>
                            </div>
                        </div>

<div class="col-md-6 d-flex align-items-start">
                            <div class="feature-icon me-3">
                                <i class="bi bi-shield-check"></i>
                            </div>
                            <div>
                                <h6 class="fw-bold mb-1">Cybersecurity</h6>
                                <p class="small text-muted mb-0">Strong focus on digital privacy and secure OS
                                    configurations.</p>
                            </div>
                        </div>

<div class="col-md-6 d-flex align-items-start">
                            <div class="feature-icon me-3">
                                <i class="bi bi-terminal-fill"></i>
                            </div>
                            <div>
                                <h6 class="fw-bold mb-1">Innovation</h6>
                                <p class="small text-muted mb-0">Developing tools like PhotoHub for modern data
                                    management.</p>
                            </div>
                        </div>
                    </div>

<div class="border-top pt-4">
                        <div class="d-flex align-items-center">
                            <div class="me-4">
                                <h5 class="fw-bold mb-0">20+ Projects</h5>
                                <small class="text-muted">Successfully Delivered</small>
                            </div>
                            <div class="vr me-4"></div>
                            <div>
                                <h5 class="fw-bold mb-0">High-Tech Stack</h5>
                                <small class="text-muted">React & Linux Expert</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

More Examples

Personl Details

Author:
Gana JNsksk

2 months ago

294

v.4.6
Blog template

Author:
Riz Mohammad

2 years ago

3.2k

v.5.3
E-commerce Product Detail Page

Author:
Code Bro io

2 weeks ago

51

v.5.3
Blog post layout
Minimal and clean blog post layout

Author:
Juniper

1 year ago

4.4k

v.5.3
skill

Author:
istiakahmedchowdhury10

1 week ago

55

v.4.6
A Bootstrap Playground
TBD

Author:
Pranjal Adhikari

1 year ago

1k

v.4.6
Working

Author:
istiakahmedchowdhury10

1 week ago

56

v.4.6
Portfolio About

Author:
Code Bro io

2 weeks ago

46

v.5.3
Liberation War Archive - Documents

Author:
web.asset.edu

3 weeks ago

195

v.5.3
Restaurant Menu Page

Author:
Code Bro io

2 weeks ago

102

v.5.3
E-Commerce Full

Author:
Zahid Hasan Riyad

1 week ago

94

v.5.3
Plant

Author:
Code Bro io

1 week ago

47

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent