body { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .frosted-glass { background-color: rgba(255, 255, 255, 0.80); /* Slightly more opaque */ backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } main { padding-top: 5rem; /* Matches header height (h-20) */ } /* Card hover effects */ .custom-card { transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } .custom-card:hover { transform: translateY(-6px); /* Subtle lift */ box-shadow: 0 15px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.05); /* Refined shadow */ } .custom-card .thumbnail-hover-zoom img { transition: transform 0.3s ease-in-out; } .custom-card:hover .thumbnail-hover-zoom img { transform: scale(1.04); /* Subtle zoom */ } /* Animated decorative shapes */ @keyframes pulse-bg { 0%, 100% { opacity: 0.15; transform: scale(1); } 50% { opacity: 0.25; transform: scale(1.05); } } @keyframes spin-slow { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .animate-pulse-bg { animation: pulse-bg 6s infinite ease-in-out; } .animate-spin-slow { animation: spin-slow 35s linear infinite; } /* Skill bar animation */ .skill-bar-fill { transition: width 1.2s cubic-bezier(0.25, 0.1, 0.25, 1); /* Smoother ease */ background-color: #4F46E5; /* indigo-600 */ } .progress-bar-container { background-color: #e5e7eb; /* gray-200 */ } /* Scroll animations for sections and general elements */ .section-animated-item, .animate-on-scroll { opacity: 0; transition: opacity 0.6s ease-out, transform 0.6s ease-out; } .section-animated-item.slide-from-bottom, .animate-on-scroll.slide-from-bottom.animated { transform: translateY(30px); } .section-animated-item.slide-from-top, .animate-on-scroll.slide-from-top.animated { transform: translateY(-30px); } .section-animated-item.slide-from-left, .animate-on-scroll.slide-from-left.animated { transform: translateX(-30px); } .section-animated-item.slide-from-right, .animate-on-scroll.slide-from-right.animated { transform: translateX(30px); } .section-animated-item.visible, .animate-on-scroll.animated { opacity: 1; transform: translateY(0) translateX(0); } /* Professional image mask */ .masked-image { clip-path: polygon(25% 0%, 75% 0%, 100% 25%, 100% 75%, 75% 100%, 25% 100%, 0% 75%, 0% 25%); /* Softer octagon */ object-fit: cover; width: 100%; max-width: 200px; height: auto; } /* Gradient button styling */ .btn-gradient-primary { background-image: linear-gradient(to right, #4338ca 0%, #6d28d9 50%, #4338ca 100%); /* indigo-700 to purple-700 */ background-size: 200% auto; color: white; transition: background-position 0.4s ease-in-out, box-shadow 0.3s ease; } .btn-gradient-primary:hover { background-position: right center; box-shadow: 0 7px 15px rgba(79, 70, 229, 0.3); } .btn-solid-secondary { background-color: #475569; /* slate-600 */ color: white; transition: background-color 0.3s ease, box-shadow 0.3s ease; } .btn-solid-secondary:hover { background-color: #334155; /* slate-700 */ box-shadow: 0 4px 10px rgba(0,0,0,0.1); } .btn-outline-primary { border: 2px solid #4338ca; /* indigo-700 */ color: #4338ca; background-color: transparent; transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease; } .btn-outline-primary:hover { background-color: #4338ca; color: white; box-shadow: 0 4px 8px rgba(67, 56, 202, 0.2); } /* Hamburger menu animation */ #hamburger-icon line { transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; transform-origin: center; } #hamburger-icon.open .line1 { transform: translateY(8px) rotate(45deg); } #hamburger-icon.open .line2 { opacity: 0; transform: translateX(-10px); } #hamburger-icon.open .line3 { transform: translateY(-8px) rotate(-45deg); } /* Section background variations */ .bg-hero { background-color: #ffffffc7; /* sky-50 */ } .bg-expertise { background-color: #f8fafc; /* slate-50 */ } .bg-services { background-color: #eef2ff; /* indigo-50 */ } .bg-courses { background-color: #f0fdfa; /* teal-50 */ } .bg-experience { background-color: #f5f3ff; /* violet-50 */ } .bg-education { background-color: #ecfeff; /* cyan-50 */ } .bg-projects { background-color: #fdf2f8; /* pink-50 */ } .bg-articles { background-color: #f0fdf4; /* green-50 */ } .bg-news { background-color: #fffbeb; /* yellow-50 */ } .bg-contact { background-color: #faf5ff; /* purple-50 */ } /* Footer dark theme */ .footer-dark { background-color: #1e293b; /* slate-800 */ color: #e2e8f0; /* slate-200 */ } .footer-dark a { color: #cbd5e1; /* slate-300 */ transition: color 0.3s ease; } .footer-dark a:hover { color: #f1f5f9; /* slate-100 */ } .footer-dark .footer-heading { color: #f8fafc; /* slate-50 */ } /* Mobile menu animations */ @keyframes slideInTop { from { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .animate-slide-in-top { animation: slideInTop 0.3s ease-out forwards; } @keyframes slideOutTop { from { transform: translateY(0); opacity: 1; } to { transform: translateY(-100%); opacity: 0; } } .animate-slide-out-top { animation: slideOutTop 0.3s ease-out forwards; }
Roise Uddin
Hello, I'm Roise Uddin

An Industry Expert Digital Marketer & Entrepreneur

A digital marketer with 4+ years of experience in SEO, social media, and online branding. Quick learner and passionate entrepreneur focused on growth, innovation, and results.

Visit My Agency View My Work
Roise Uddin - Professional Image
.carousel-container { width: 100%; overflow: hidden; position: relative; background: #f8fafc; padding: 20px 0; } .carousel-track { display: flex; width: calc(250px * 10); animation: scroll 40s linear infinite; } .carousel-item { flex-shrink: 0; width: 200px; margin: 0 25px; display: flex; align-items: center; justify-content: center; } .carousel-item img { max-width: 150px; height: auto; filter: grayscale(100%); opacity: 0.6; transition: filter 0.3s ease, opacity 0.3s ease; } .carousel-item:hover img { filter: grayscale(0%); opacity: 1; } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-250px * 5)); } } .carousel-container:hover .carousel-track { animation-play-state: paused; }
Client Logo 1
Client Logo 2
Client Logo 3
Client Logo 4
Client Logo 5
Client Logo 1
Client Logo 2
Client Logo 3
Client Logo 4
Client Logo 5

Technical Proficiencies

A deep dive into my core skills and technologies I excel in.

HTML5 & CSS3

Crafting semantic markup with modern styling using CSS Grid and Flexbox for responsive layouts.

95% Proficiency

JavaScript (ESNext)

Developing interactive UIs with modern ECMAScript features and asynchronous programming.

90% Proficiency

Tailwind CSS

Utilizing a utility-first CSS framework for rapid, consistent, and responsive UI development.

92% Proficiency

Responsive & Mobile-First

Mobile-first approach ensuring optimal viewing experience across all devices and screen sizes.

95% Proficiency

UI/UX Principles

Applying UI/UX principles to create intuitive, accessible, and engaging user experiences.

85% Knowledge

React & Next.js

Building SPAs and server-rendered apps with a focus on component-based architecture.

88% Experience

My Services

Empowering your digital presence with tailored and professional solutions.

Identity best Web Solution

I will create a professional, responsive, and eye-catching website for your personal or corporate brand. One-time setup only – no monthly or yearly fees. Lifetime service support included.

Starting from $200

Learn More

Smart Digital Marketing

I offer organic branding and marketing for any business, product, or service. Run effective Facebook Ads campaigns to boost visibility and engagement. Smart strategy, real growth - tailored to your brand.

Starting from $100

Learn More

Smart Online Solutions

Apply for jobs, scholarships, or edit PDFs, create professional CVs, and access useful AI tools. Fast, reliable, and user-friendly support for all your digital needs. One place for smart online solutions.

Starting from $50

Learn More

Online Courses

Level up your skills with comprehensive courses designed for modern developers.

Custom Website Design

Learn to design professional, mobile-friendly websites with no ongoing fees. Work on real projects with our team, and discover how to get clients, deliver your services, and earn more money online.

$99.00 $249

Enroll Now

Smart Digital Marketing

Master organic branding, Facebook Ads, targeting, and strategy building. Work on real projects with our team for hands-on experience. Learn how to get clients, offer services, and earn money online.

$100.0

Enroll Now

Smart Content Writing

Learn AI and human content writing, smart PDF editing, and essential online services. Work on real client projects with our team for practical experience. Master how to get clients, deliver services, earn money online.

$80.00 $150

Enroll Now

Professional Journey

A timeline of my career growth and key contributions.

Coordinator – EDGE, PSTU ICT Division

World Bank Project

November 2024 – April 2025

  • Led a digital skills training initiative impacting over 10,000 students in field-level programs.
  • Coordinated overall program activities between students and senior trainers across government colleges.
  • Managed logistical support including food, tiffin, computers, and other essential resources.
  • Executed marketing and outreach strategies to boost student registration and engagement.

Manager – Digital IT Center Faridpur

Digital IT Center Faridpur

Jan 2022 – Present

  • Oversee daily operations and team management to ensure smooth delivery of digital services and training programs.
  • Plan and implement strategies to promote IT education and skill development in the local community.
  • Manage client relationships, service quality, and the execution of web development and digital marketing projects.
  • Organize and lead workshops, events, and training sessions to empower youth with essential digital skills.

Senior Trainer – Digital Marketing

Loop IT

Jan 2022 – October 2024

  • Trained numerous students in comprehensive digital marketing strategies, including SEO, SMM, email marketing, and paid advertising.
  • Guided students in building professional portfolios tailored for international freelance marketplaces like Fiverr and Upwork.
  • Guided students to land real projects and start freelancing careers and income opportunities.
  • Designed up-to-date course content and practical sessions.

Academic Background

Foundations of my knowledge and expertise.

B.Sc. (Hons) in Physics

National University, Bangladesh

Expected Graduation: 2028

Studying core concepts in classical and modern physics, with growing interest in scientific computing, data analysis, and technology integration in physical sciences.

S.S.C in Science Group

Faridpur Zilla School

Graduated 2020

Focused on core sciences and mathematics. Built a solid foundation in logical reasoning and problem-solving, which later supported my transition into technology and digital fields.

PSC In Bangla Medium

Police Line High School, Faridpur

Completed 2015

Built strong early academic habits and developed a passion for learning. Actively participated in extracurricular activities that shaped leadership and communication skills.

Featured Work

A selection of projects showcasing my skills and creativity.

Project Alpha Thumbnail

ShopSphere E-commerce Platform

A full-featured online store with robust product management, user accounts, and a secure checkout process.

React Node.js MongoDB
View Project
Project Beta Thumbnail

CreativFolio Template

A responsive and customizable portfolio website template for creative professionals and freelancers.

HTML5 Tailwind JS
Live Demo
Project Gamma Thumbnail

TaskMaster Productivity App

A sleek and intuitive task management application to help users organize their daily workload effectively.

Next.js Firebase PWA
View on GitHub

Insights & Articles

Sharing knowledge and perspectives on technology, design, and development trends.

The Future of Web Development with AI

Published on: TechReads Blog

Date: January 15, 2025

Exploring how artificial intelligence is shaping the tools and workflows for modern web developers, with practical examples.

Read Article

Optimizing React Performance: Best Practices

Published on: Medium

Date: November 5, 2024

A deep dive into techniques for building faster and more efficient React applications, covering memoization, code-splitting, and more.

Read Article

Latest News & Updates

Stay updated with my recent activities and achievements.

News 1 Thumbnail

May 20, 2025

Launched Project "InnovateX"

Excited to announce the successful launch of InnovateX, a platform for collaborative innovation and idea management.

Learn More
News 2 Thumbnail

April 10, 2025

Spoke at DevCon 2025 Global

Had an amazing time sharing insights on "The Modern Frontend Ecosystem" at Developer Conference 2025.

Read Recap
News 3 Thumbnail

March 01, 2025

Certified Cloud Solutions Architect

Proud to have completed a new certification focusing on architecting and deploying scalable cloud solutions (AWS).

View Certificate
.reviews { padding: 6rem 2rem; background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); color: white; } .container { max-width: 1200px; margin: 0 auto; } .section-title { text-align: center; font-size: 2.5rem; margin-bottom: 3rem; position: relative; } .section-title::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: white; border-radius: 2px; } .reviews-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .review-card { background: rgba(255, 255, 255, 0.1); padding: 2rem; border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.3s ease; } .review-card:hover { transform: translateY(-5px); background: rgba(255, 255, 255, 0.15); } .review-stars { color: #ffd700; font-size: 1.2rem; margin-bottom: 1rem; } .reviewer-name { font-weight: bold; margin-top: 1rem; opacity: 0.9; } @media (max-width: 768px) { .section-title { font-size: 2rem; } .reviews-grid { grid-template-columns: 1fr; } }

Client Reviews

"Roise Uddin Sir delivered exceptional work on our e-commerce platform. His attention to detail and technical expertise exceeded our expectations."

- Sarah Johnson, CEO TechStart

"Outstanding web development skills and professional communication. The project was completed on time and within budget."

- Michael Chen, Marketing Director

"The UI/UX design course was incredibly comprehensive. I learned practical skills that I immediately applied to my projects."

- Emily Rodriguez, Designer

Let's Connect

I'm available for freelance projects and collaborations. Reach out to discuss your ideas!

Send a Message via WhatsApp

My Location

Based in Dhaka, Bangladesh, I'm equipped for remote collaboration with clients and teams globally. Open to exciting opportunities worldwide.

Client Logo 1
Client Logo 2
Client Logo 3
Client Logo 4
Client Logo 5
Client Logo 1
Client Logo 2
Client Logo 3
Client Logo 4
Client Logo 5