![Business Card](https://raw.githubusercontent.com/MohcineDev/Business-Card/main/imgs/hor.webp)
convert business card graphic design to HTML - CSS - JS code
![Protein Shop Demo Website](./imgs/protein.webp)
Done using pure HTML - CSS -JS
![Cooperative website](./imgs/cooperative.webp)
Cooperative demo website created using ReactJS
![Youtube Video Thumbnail](./imgs/thumb.webp)
youtube video thumbnail finder
![Password Generator](./imgs/password.webp)
up to 20 character including UpperCase, Numbers and Symbols
![Moroccan truckers](./imgs/Moroccan_Truckers.webp)
collect moroccan truckers around the world in one load
![Reading list](./imgs/reading.webp)
Reading list
vue js reading list app with composition api
![Solana New NFTs](./imgs/solanatokens.webp)
list new minted Solana NFTs with success status
![landing page](https://raw.githubusercontent.com/MohcineDev/landing/main/img/Light.webp)
landing page
![Contact Form](./imgs/contact.webp)
submit vue js contact form to Netlify dashboard
![Name Generator](./imgs/Bucket_dark.webp)
Random Amazon Bucket Name Generator
![Dashboard](https://raw.githubusercontent.com/MohcineDev/dashboard/master/dashboard.webp)
demo Dashboard
![Pricing Table](https://assets.codepen.io/4250891/internal/screenshots/pens/QWKJLyd.default.png?fit=cover&format=auto&ha=false&height=540&quality=75&v=2&version=1611863595&width=960)
Pricing Table Using HTML / CSS
![Tooltip](https://assets.codepen.io/4250891/internal/screenshots/pens/mdrOOmv.default.png?fit=cover&format=auto&ha=false&height=540&quality=75&v=2&version=1607687201&width=960)
Tooltip using Tailwindcss v2.0.1
![Responsive Navigation Bar](https://assets.codepen.io/4250891/internal/screenshots/pens/gOwNyxb.default.png?fit=cover&format=auto&ha=true&height=540&quality=75&v=2&version=1612045709&width=960)
Responsive NavBar created with HTML - CSS - JS - Responsive navbar at max-width = 760px
![CSS drawing - Android Studio icon](https://assets.codepen.io/4250891/internal/screenshots/pens/ZEOVYQj.default.png?fit=cover&format=auto&ha=true&height=540&quality=75&v=2&version=1614453769&width=960)
animated Android Studio icon using pure CSS
![Scroll To Bottom (inner height) HTML / CSS / JS](https://assets.codepen.io/4250891/internal/screenshots/pens/PozEvMX.default.png?fit=cover&format=auto&ha=true&height=540&quality=75&v=2&version=1614201395&width=960)
Scroll To Bottom using window inner height
![infinite vanilla js slider](https://assets.codepen.io/4250891/internal/screenshots/pens/XWMKMKM.default.png?fit=cover&format=auto&ha=false&height=540&quality=75&v=2&version=1621370547&width=960)
vanilla js slider
![Login Form / illustration](https://raw.githubusercontent.com/MohcineDev/Login-Form-illustration/main/img/green.webp)
this Login form is created with HTML / CSS / JS and based on a graphic design in Behance
![Simple CSS Grid Carousel](https://assets.codepen.io/4250891/internal/screenshots/pens/WNoMVMv.default.png?fit=cover&format=auto&ha=true&height=540&quality=75&v=2&version=1617618030&width=960)
Simple CSS Grid Carousel with HTML - CSS - JS
![Social Media buttons with React JS](https://assets.codepen.io/4250891/internal/screenshots/pens/YzGjWvJ.default.png?fit=cover&format=auto&ha=false&height=540&quality=75&v=2&version=1610295518&width=960)
this pen is done using React JS and react-icons packages from npm
![HTML / CSS Vertical Business Card](https://raw.githubusercontent.com/MohcineDev/Business-Card/main/imgs/ver.webp)
Vertical Business Card inspired from a graphic design in Behance
![Custom Select Input](https://shots.codepen.io/username/pen/gOGzVOB-512.jpg)
Custom Select Input HTML, CSS, JavaScript
![Movie Card Slide](./imgs/Movie Card Slide.png)
Movie Card Slide - Movie Card details - pure HTML / CSS / JS