Personal Portfolio
Modern responsive portfolio built with HTML, CSS & JavaScript.
HTML • CSS • JavaScript Live →Hi, I'm Mosharraf Hossen
Frontend Developer building fast, accessible & responsive websites.
Mosharraf Hossen
Frontend Developer
Projects
Some real-world projects I’ve built recently.
To Do App
Task management app with LocalStorage support.
JavaScript • DOM • LocalStorage Live →
Social links profile main
Social links (profile header) refers to websites, or in-person participation, where you are identified through social links.
HTML • CSS Live →
Blog preview card
A blog preview card is a short visual summary of a blog post, which gives the reader an idea before reading the full text.
HTML • CSS Live →
Simple Omelette Recipe
Simple Omelette Recipe is a classic breakfast recipe that is very easy and quick to make.
HTML • CSS Live →
Results summary component
Result Summary refers to the summary results section of a report, test, assessment, or dashboard.
HTML • CSS Live →
Nexcent Landing
Nexcent Landing Page is a simple and cleanly designed web landing page template, often used for UI/UX learning or front-end practice.
HTML • CSS Live →
Product preview card component
The Product Preview Card Component is a UI component used to show a brief glimpse of a product in e-commerce or product-based apps.
HTML • CSS Live →
QR code component
QR Code Component is a UI component that is used to generate and display QR codes, so that users can easily scan and access any information.
HTML • CSS Live →
NFT preview card component
The NFT Preview Card Component is a UI component that provides a concise and attractive preview of an NFT—especially in marketplace or gallery views.
HTML • CSS Live →
Order summary component
The Order Summary Component is an important UI part of an e-commerce or order-based app, where the user can see a summary of their order at a glance.
HTML • CSS Live →
Stats preview card component
The Stats Preview Card Component is a small UI card that quickly displays important numerical information—such as total users, revenue, growth rate, etc.
HTML • CSS Live →
3-column preview card component
The 3-column Preview Card Component is a UI layout that has 3 cards/sections in a row.
HTML • CSS Live →
Profile card component
The Profile Card Component is a reusable user interface element that visually and neatly presents important information about a user's profile—such as name, photo, identity, and action options—in a limited space.
HTML • CSS Live →
Social proof section
A Social Proof Section is a part of a website or app that builds trust and confidence in a product or service by displaying the experiences, opinions, reviews, ratings, or number of users of other users, customers, or organizations.
HTML • CSS Live →
Four card feature section
A Four Card Feature Section is a UI section of a website or app where the four main features of a product or service are presented in a concise, attractive, and easy-to-understand manner through four separate cards.
HTML • CSS Live →
Single price grid component
The Single Price Grid Component is a UI component where a specific pricing plan is presented in a grid or card format, so that the user can easily understand the benefits, pricing, and subscription information of that plan.
HTML • CSS Live →
huddle-landing-page-with-single-introductory-section-master
Huddle Landing Page with a Single Introductory Section is a landing page design where the main message, purpose, and call-to-action of the product or service are presented in a concise and attractive manner through a single introductory section.
HTML • CSS Live →
interactive-rating-component-main
An Interactive Rating Component is a user interface element that allows users to actively give feedback or evaluate something (such as a product, service, or content) by selecting a rating, usually through stars, numbers, or icons.
HTML • CSS Live →
article-preview-component-master
An Article Preview Component is a user interface element that displays a short summary of an article, usually including the title, image, brief description, and author information, allowing users to quickly understand the content before opening the full article.
HTML • CSS Live →
base-apparel-coming-soon-master
Base Apparel Coming Soon is a landing page component used to inform visitors that a website or product launch is upcoming, often including a brief message, brand information, and an email subscription form for updates.
HTML • CSS Live →
intro-component-with-signup-form-master
An Intro Component with Signup Form is a user interface section that introduces a product or service and includes a form where users can sign up by entering their information, such as name or email.
HTML • CSS Live →
ping-coming-soon-page-master
A Ping Coming Soon Page is a landing page that informs users a website or service will launch soon and allows them to enter their email address to receive notifications when it becomes available.
HTML • CSS Live →
testimonials-grid-section-main
A Testimonials Grid Section is a user interface component that displays multiple customer reviews or testimonials in a grid layout, helping showcase user feedback and build trust with visitors.
HTML • CSS Live →
fylo-data-storage-component-master
The Fylo Data Storage Component is a user interface element that visually displays how much data storage a user has used and how much remains, often using progress bars, icons, and storage indicators.
HTML • CSS Live →
clipboard-landing-page-master
A Clipboard Landing Page is a webpage designed to introduce and promote a clipboard or productivity application, highlighting its features, benefits, and download options for users.
HTML • CSS Live →
contact-form-main
A Contact Form is a user interface component that allows users to send messages or inquiries to a website owner or organization by entering information such as their name, email address, and message.
HTML • CSS Live →About Me
I’m a Frontend Developer with strong fundamentals in HTML, CSS and JavaScript. I focus on building clean UI, responsive layouts and performant websites.
Tools I use: HTML, CSS, JavaScript, Git & GitHub.
Skills
HTML
Semantic, SEO-friendly markup
CSS
Flexbox, Grid, Responsive Design
JavaScript
DOM, ES6, Events, LocalStorage
Contact
Let’s work together.