Freelancers using CSS3 in KarachiFreelancers using CSS3 in Karachi
ProjectsPeople
Hassan Nawab Haider's avatar
Hassan Nawab Haider
Karachi, Pakistan
From idea to a website within a week. Website that converts.
5.0
Rating
58
Followers
From idea to a website within a week. Website that converts.
Cover image for EinRaum Landing Page Design for Sustainable Living
EinRaum Landing Page Design for Sustainable Living
1
0
Cover image for High-Performance WordPress Website Development
High-Performance WordPress Website Development
1
0
Cover image for Getting started on Contra with something I’m proud of 🚀 Her...
Getting started on Contra with something I’m proud of 🚀 Here’s a demo website I created for a client. 365 Movers, a clean and modern moving company design focused on simplicity, user experience, and trust. As I continue growing here on Contra, I’m excited to share more of my work and connect with clients looking for unique, well crafted WordPress & Web design solutions. Check it out (https://blueroom.nz/365movers/) and let me know your thoughts! 🙌
0
275
Cover image for Walk In Closet Website Design and Development
Walk In Closet Website Design and Development
0
2
CSS3(5)
Muhammad Hamza's avatar
Muhammad Hamza
Karachi, Pakistan
Front End Web Developer | Shopify | WordPress
22
Followers
Front End Web Developer | Shopify | WordPress
Cover image for Velocity is a modern and fully responsive motorsports events...
Velocity is a modern and fully responsive motorsports events website designed for car racing enthusiasts. It features a sleek, dark interface with vibrant red accents, delivering a high-energy experience that matches the thrill of racing. Built using HTML, CSS, and JavaScript, the site includes dynamic sections like upcoming events, teams, drivers, news, and a shop, all structured to provide a seamless user experience. The countdown timer, interactive buttons, and responsive design ensure that users can engage effortlessly on any device. This project showcases my ability to build visually striking, functional, and user-focused event websites that deliver both excitement and professionalism.
0
46
Cover image for This project is my personal portfolio website, designed and ...
This project is my personal portfolio website, designed and developed to present my skills, projects, and services as a Web Developer and Designer. It features a modern dark theme with elegant gradients, smooth transitions, and a minimal interface that creates a strong professional impression. The website is fully responsive and optimized for performance across all devices. The layout highlights key sections — including About, Services, Portfolio, Skills, and Contact — providing a seamless user journey. Every element was crafted with attention to typography, spacing, and color harmony, ensuring both aesthetic appeal and usability. This project showcases my ability to design and build high-quality personal websites that reflect a professional brand, balance beauty with functionality, and deliver a polished digital presence.
3
2
83
Cover image for This project is a Spotify-inspired web application built to ...
This project is a Spotify-inspired web application built to replicate the clean aesthetics and smooth user experience of the original platform. Developed using HTML, CSS, and JavaScript, it features a sleek dark interface, fully responsive layout, and dynamic design elements that adapt seamlessly to all screen sizes — from desktop to mobile. The app includes playlist sections, song cards, playback controls, and a structured, user-friendly navigation system. Every detail — from the hover animations to the smooth transitions — was crafted to create an immersive music experience while showcasing strong front-end development and UI design skills. This project highlights my ability to recreate real-world app designs with precision, blending aesthetics with functionality to deliver professional-grade web interfaces.
0
75
Cover image for Nexus – A Fully Functional, Responsive, and Modern E-commerc...
Nexus – A Fully Functional, Responsive, and Modern E-commerce Website with a Sleek Dark Theme Nexus is a professionally crafted e-commerce website built using HTML, CSS, and JavaScript, designed to provide a premium online shopping experience. It features a stunning dark theme with vibrant color highlights, interactive product cards, category-based browsing, and smooth animations that enhance engagement. Every section — from the product grid to the testimonial and newsletter areas — has been thoughtfully designed for a seamless and enjoyable user experience on all devices. This project showcases my expertise in crafting responsive, performance-optimized, and visually appealing front-end websites that seamlessly blend functionality with elegant, modern design.
0
91
CSS3(4)
Ammar Yasir's avatar
Ammar Yasir
Karachi, Pakistan
Framer + Webflow Developer | Interactive Websites
18
Followers
FRAMER_EXPERT

expert

Framer + Webflow Developer | Interactive Websites
Cover image for Web Design for DiversiFi.ai's AI-Driven Platform
Web Design for DiversiFi.ai's AI-Driven Platform
1
8
Cover image for Wholesum — Framer SaaS Website
Wholesum — Framer SaaS Website
1
1
2
412
Cover image for Fusion IMC — Framer Website
Fusion IMC — Framer Website
1
5
Cover image for Mascott AI — Framer Landing
Mascott AI — Framer Landing Page
1
328
CSS3(1)
Talha Yusuf's avatar
Talha Yusuf
Karachi, Pakistan
Creative Designer for Premium Brands & Content Creators.
New to Contra
Creative Designer for Premium Brands & Content Creators.
Cover image for Reinterpreting Luxury: High-Contrast Editorial E-Commerce
Reinterpreting Luxury: High-Contrast Editorial E-Commerce UI. 🔗 [https://zarstudios07.netlify.app/ (Note: Frontend UI prototype focusing on layout architecture. Product pages and figures are mock examples for concept presentation, not a live storefront.) 💡 The Philosophy: Strategic Disruption: My approach is simple: Do something uniquely different than the generic market without disconnecting from the niche it belongs to. Traditional jewelry sites default to thin fonts and cluttered grids, blending into a forgettable corporate blur. This project preserves luxury product clarity while re-engineering the visual framework to deliver a bold, unforgettable editorial attitude. 🛠️ Why It Works: - Disruptive Typography: Swapped delicate luxury lettering for a heavy, high-contrast sans-serif headline style to puncture digital noise and demand immediate attention. - Low-Friction Architecture: Replaced chaotic thumbnail grids with oversized, isolated product cards to reduce cognitive load and force focus on craftsmanship. - Cultural Texturing: Embedded a geometric Iranian glass architectural motif into the background canvas, replacing sterile white backdrops with a tactile connection to heritage. - Visual Speed Bumps: Executed a dramatic light-to-dark background inversion during the scroll to disrupt passive browsing and snap focus onto core brand values.
0
10
Cover image for High-Converting Landing Page Design. Designed and
High-Converting Landing Page Design. Designed and developed a premium landing page focused on elegant storytelling, modern aesthetics, and user experience. The goal was to create a visually immersive website that communicates a strong brand identity while guiding visitors through a clean and engaging journey. The design combines bold typography, refined layouts, subtle animations, and a premium color palette to create an experience that feels both sophisticated and conversion-focused.
0
25
Cover image for KRVNCH Shopify Landing Page
KRVNCH Shopify Landing Page Concept. Unsolicited sample build for a Gen Z plant-based snack brand. Full landing page: hero, product showcase, brand story, and bundle purchase flow. Direction: white base, iridescent gradients, glassmorphism clean enough to let the packaging do the talking. Built in HTML/CSS. Shopify-ready architecture.:
0
39
Cover image for A documentary segment examining the
A documentary segment examining the sources of Elon Musk's influence across technology, media, capital markets, and public attention. Combining cinematic editing, layered visuals, custom graphics, and narrative-driven pacing to explain complex ideas through compelling storytelling.
0
30
CSS3(2)
Muhammad Usman Afzal see's avatar
Muhammad Usman Afzal see
Karachi, Pakistan
.NET Web Developer & Static Website Designer | Clean & Fast
6
Followers
.NET Web Developer & Static Website Designer | Clean & Fast
Cover image for Professional Mobile App UI/UX Redesign for Enhanced UX & Sales
📱 Mobile App UI/UX Redesign | Before → After Transformed a cluttered, messy interface into a clean, modern, and user-friendly design. Improved layout, readability, navigation, and overall professional look to boost user experience and sales. ✅ Less clutter ✅ Better flow & navigation ✅ Modern, professional design 🛠️ I also work as a .NET MVC Developer – building robust, scalable web applications, dynamic websites, and custom solutions using ASP.NET (http://ASP.NET) MVC, C#, SQL, and full-stack development. Need UI/UX design OR professional .NET MVC development? I’m here for your projects! 🚀 #UIUXDesign #AppDesign #DotNetMVC #MVCDeveloper #WebDevelopment #GraphicDesign #Freelance #Contra
1
1.1K
Cover image for Project Delivered: JuicyDrop – Luxury
Project Delivered: JuicyDrop – Luxury Cold-Pressed Juice Website Recently completed a full premium website for JuicyDrop, a high-end organic cold-pressed juice brand. Live Website: https://www-juicydrop-com.netlify.app/ -Scope of Work: • Modern luxurious dark-themed design • Eye-catching hero section with smooth animations • Dynamic product catalog with rich visuals & juice splash effects • Smooth scrolling & micro-interactions • Instant WhatsApp notification on order placement • Fully responsive across devices The goal was to create a digital experience that matches the premium quality and sensory appeal of their juices. Result: Elegant, engaging, and conversion-focused website. Video walkthrough attached 👆 Open for new freelance opportunities.
2
635
Cover image for School Website Development: Admin Panel & Features Live Demo
💪 Bright Bird Public School — Live Project Designed & developed a complete school website with admin panel 🌐 Live: https://www-school-com.netlify.app/ ◆ Secure admin login & dashboard ◆ Manage courses, teachers & admissions ◆ Online admission form with validation ◆ Reviews & testimonials section ◆ WhatsApp live chat integration ◆ Fully mobile responsive -💻 Built with: HTML, CSS, JavaScript, Node.js, Express.js
1
121
Cover image for Modern Gym Website Design & Development - FeetZone Gym Project
💪 FeetZone Gym — Live Project Designed & developed a modern gym website 🌐 Live: https://feetzone-gym.netlify.app/ ◆ Bold & energetic UI design ◆ Smooth animations & transitions ◆ Fully mobile responsive ◆ Services & membership showcase ◆ Contact & booking section ◆ Fast loading speed 💻 Built with: HTML, CSS, JavaScript,Node.js
1
123
CSS3(5)
Developer Raham's avatar
Developer Raham
Karachi, Pakistan
"Front-end Developer with 2 years of Experience"
"Front-end Developer with 2 years of Experience"
Cover image for Today I built my own Tic Tac Toe game using JavaScript, CSS,...
Today I built my own Tic Tac Toe game using JavaScript, CSS, and HTML. What I used: Arrays to track the positions selected by players X and O. Buttons to display the player's value (X or O). Events, functions, loops, array methods, and querySelector for game logic and interactivity. What I learned: How to track button positions using arrays. How to dynamically update and manipulate the webpage using JavaScript. Source Code: https://github.com/rahamka/Tic-Tac-Toe (https://github.com/rahamka/Tic-Tac-Toe)Project Review: https://rahamka.github.io/Tic-Tac-Toe/
2
33
Cover image for Rock, Paper & Scissors — Project Description Today I built a...
Rock, Paper & Scissors — Project Description Today I built a Rock, Paper & Scissors game using JavaScript, CSS, and HTML. This project helped me understand how game logic works and how to connect UI with user interactions. What I learned How to generate random numbers using Math.random() How events work in JavaScript (addEventListener) How to compare values and apply game conditions using if/else What I used CSS: Display layouts using display: flex and clean styling JavaScript: if/else, comparison logic, and random value generation HTML: Semantic structure (header, main, footer) Project Links 🔗 Live Demo: https://rahamka.github.io/Rock_Paper_Scissors/ 💻 Source Code: https://github.com/rahamka/Rock_Paper_Scissors
2
44
Cover image for Raham Kalhoro
Raham Kalhoro
1
2
Cover image for GitHub - rahamka/Calcaulator: I Built Calculator using JavaScri…
GitHub - rahamka/Calcaulator: I Built Calculator using JavaScri…
1
1
CSS3(5)
Muhammad Arshaq 's avatar
Muhammad Arshaq
Karachi, Pakistan
Web Development, Logo Designing and Data Entry
Web Development, Logo Designing and Data Entry
Cover image for Simplon Beauty Care Center
Simplon Beauty Care Center
0
29
Cover image for Pseudo House Website Design
Pseudo House Website Design
0
5
Cover image for Logos And Banner
Logos And Banner
0
0
Placeholder project card media
View more →
CSS3(2)