Img
inn
Instagram story viewer
>
@sarazargan
>
Tagged
HD Profile
Sara Zargani
@sarazargan
475
followers
733
following
UI/UX Designer at PITANT 🎨
Dashboards · SaaS · Fintech UI
DMs open for projects ✉️
POSTS
STORIES
REELS
TAGGED
34
32
Download
53
29
Download
53
30
Download
85
16
Download
3
16
Download
3
47
Download
![A clean and fully responsive sign-up form built with HTML, CSS, and Tailwind CSS.
The main goal of this project was to practice building responsive layouts using Tailwind CSS and improve front-end development skills.
•
•
- Fully responsive layout built with Tailwind CSS
- Designed and coded using HTML5 & CSS3
- Clean and minimal UI design
- Focused on practicing responsive design and utility-first workflow
- Easy to customize and extend for other form-based projects
Developed by: [ @yasin_tahmasbii ]
Design by: [ @srwuix ]
Mentorship: [ @parsa_ghorbanian_web ]
Date: Nov , 2025
Live Demo:
https://yasin-tahmasbi.github.io/Responsive-Sign-Up-Form/
https://yasin-tahmasbi.github.io/Responsive-Sign-Up-Form2/
#frontenddevelopment #webdesign #tailwind #css #html #development #coding](https://s9.imginn.com/580469737_17860237122540294_3421355127699994364_n.jpg?t51.82787-15/580469737_17860237122540294_3421355127699994364_n.jpg?stp=dst-jpg_e35_p828x828_sh2.08_tt6&_nc_cat=109&ig_cache_key=Mzc2NDg5MzEzNTY4ODcyNzYyODE3ODYwMjM3MTE2NTQwMjk0.3-ccb7-5&ccb=7-5&_nc_sid=58cdad&efg=eyJ2ZW5jb2RlX3RhZyI6IkNMSVBTLnhwaWRzLjEwODAuc2RyLnZpZGVvX2RlZmF1bHRfY292ZXJfZnJhbWUuQzMifQ%3D%3D&_nc_ohc=NhMqlah8I7gQ7kNvwHoxIT4&_nc_oc=AdoVI2PbYmTUiYt8HnEXcuZcCKH8Rr_LHW8i7HweMPk4JPRsi4PnjFnCi6_8eio66LerREE4Ennp_GK6e28gWWMg&_nc_ad=z-m&_nc_cid=0&_nc_zt=23&_nc_ht=scontent-mia5-2.cdninstagram.com&_nc_gid=t2QIHzw6t9zizakDzUuZhA&_nc_ss=7a20f&oh=00_AQNJcKPQN0Dmy3KB1aRSNJk9jXac6bjF3akrZjumKcv_lQ&oe=6AE34A9F)
![Wedding
• این پروژه با همکاری یک طراح خلاق در بخش UI/UX انجام شد و من توسعه‌ی فرانت‌اند رو برعهده داشتم.
• هدف از این تمرین، تقویت مهارت‌های فرانت‌اند ، انیمیشن و تعاملات کاربری بود.
• این پروژه فقط برای نسخه دسکتاپ طراحی شده است.
•
•
This project is a personal front-end practice aimed at enhancing animation and user interaction skills. The visual design was created by one creative individuals, while I handled all the coding with HTML, CSS (Grid and Flexbox), and a portion of JavaScript for the menu and interactions.
Features:
- Focus on animations throughout different sections of the site
- Built with HTML5 & CSS3
- Layout structured using Grid and Flexbox
- Minimal use of JavaScript for the menu and small interactions
• This project is designed for desktop view only.
Design by:
[ @srwuix ]
👨💻 Coded by:
[ @yasin_tahmasbii ]
Mentor:
[ @parsa_ghorbanian_web ]
Date: Oct 2025
🔗 Live Demo: https://yasin-tahmasbi.github.io/Wedding/
#webdevelopment #html #frontend #coding #css #webdesign #landingpage #wedding](https://s9.imginn.com/565477955_17856835179540294_5528264932383888647_n.jpg?t51.82787-15/565477955_17856835179540294_5528264932383888647_n.jpg?stp=dst-jpg_e15_p640x640_tt6&_nc_cat=111&ig_cache_key=Mzc0NDAwNDc2NzU1NTgwMzc2OTE3ODU2ODM1MTczNTQwMjk0.3-ccb7-5&ccb=7-5&_nc_sid=58cdad&efg=eyJ2ZW5jb2RlX3RhZyI6IkNMSVBTLnhwaWRzLjc2MC5zZHIudmlkZW9fZGVmYXVsdF9jb3Zlcl9mcmFtZS5DMyJ9&_nc_ohc=XNruM0y7vqcQ7kNvwGiQz-I&_nc_oc=AdqS8dqAUOv2ysFfsG5QcAdP9q_U9XdV9u288gzD5RwRtytcFw-z0lqUWb0IJj5eYH84PTGaIa2ouMsxU2GhXVI_&_nc_ad=z-m&_nc_cid=0&_nc_zt=23&_nc_ht=scontent-mia3-1.cdninstagram.com&_nc_gid=t2QIHzw6t9zizakDzUuZhA&_nc_ss=7a20f&oh=00_AQO7z-kIOBeBnw1c0ti2dtERWDqzhqgDjruCiaculsofQQ&oe=6AE32B20)
![•
• یه پروژه تمرینی تازه انجام دادم 🎯
• این پروژه با همکاری دو طراح خلاق در بخش UI/UX انجام شد و من توسعه‌ی فرانت‌اند رو برعهده داشتم.
• هدفم از این تمرین، تقویت مهارت‌های فرانت‌اند و تمرکز روی جزئیات طراحی بود.
• این پروژه فقط برای نسخه دسکتاپ طراحی شده است.
•
•
• I just completed a new practice project 🎯
• This project was created in collaboration with two talented UI/UX designers, and I was responsible for front-end development.
• My goal for this exercise was to improve my front-end skills and focus on design details.
• This project is designed for desktop view only.
Project:
Aureum - Luxury sports club services
Technologies:
HTML, CSS (Flexbox & Grid)
Design by:
[ @srwuix ] & [ @isthehoney_ ]
Development by:
[ @yasin_tahmasbii ]
Mentor:
[ @parsa_ghorbanian_web ]
Completed : Oct 2025
🔗 Live Demo:
https://yasin-tahmasbi.github.io/Aureum-Luxury-sports-club-services/
#webdevelopment #html #frontend #coding #css #webdesign #landingpage](https://s9.imginn.com/561535193_17856122619540294_356074774811630225_n.jpg?t51.82787-15/561535193_17856122619540294_356074774811630225_n.jpg?stp=dst-jpg_e15_p480x480_tt6&_nc_cat=105&ig_cache_key=MzczOTczMzA3ODkyMzg0ODcxODE3ODU2MTIyNjEzNTQwMjk0.3-ccb7-5&ccb=7-5&_nc_sid=58cdad&efg=eyJ2ZW5jb2RlX3RhZyI6IkNMSVBTLnhwaWRzLjcwNy5zZHIudmlkZW9fZGVmYXVsdF9jb3Zlcl9mcmFtZS5DMyJ9&_nc_ohc=_jovCqD48oAQ7kNvwGGKmPn&_nc_oc=AdoO7_iDeCDWQ6UEcWjN0bs2ADKwdzyvfJCp3pn_202f7G5yOnW9l6faA4RAD3oZwadBd64PjjFmzex-F-1d_ExX&_nc_ad=z-m&_nc_cid=0&_nc_zt=23&_nc_ht=scontent-mia3-2.cdninstagram.com&_nc_gid=t2QIHzw6t9zizakDzUuZhA&_nc_ss=7a20f&oh=00_AQOaCT_AoiYdeY6SQUnVqKeaIZWqr_9a2gLw7O2_0rdA4w&oe=6AE332C4)
