M - SoftTech
M-SoftTech is a channel for learning Complete responsive website designing, Creative CSS animation and Hover Effects, creative UI Design using Html and CSS and Htm5, CSS3, JavaScript, jQuery, Bootstrap, photoshop, Website Design.
Do Subscribe to our channel and press the bell icon to get notification first.
For business inquiries, feel free to reach out at:
📧 manojmonuadhikari@gmail.com
M - SoftTech
GSAP Image Slider Animation | Smooth & Modern UI
Watch Full Video Tutorial
https://youtu.be/QLHYDPn5wZQ
Download Source Code
buymeacoffee.com/manojadhikari123456789/e/460577
www.patreon.com/posts/gsap-image-ui-139542811?utm_…
1 week ago | [YT] | 23
View 0 replies
M - SoftTech
Landing Page with Animated Opener | CSS Tutorial | CSS Animation Effect
Watch Full video Tutorial
https://youtu.be/2yY4b4KTKrA
Download Source Code
buymeacoffee.com/manojadhikari123456789/e/459424
www.patreon.com/posts/landing-page-css-139327351?u…
1 week ago | [YT] | 40
View 1 reply
M - SoftTech
3D Interactive Animation With a Rotating Effect - HTML CSS & JS Tutorial
Watch Full Video Tutorial
https://youtu.be/NIy6UeWcNl0
Download Source Code
buymeacoffee.com/manojadhikari123456789/e/458244
www.patreon.com/posts/3d-interactive-139093682?utm…
2 weeks ago | [YT] | 40
View 0 replies
M - SoftTech
How To Make A Portfolio Website Using HTML CSS JS | Complete Responsive Website Design
Learn How To Make A Portfolio Website Using HTML CSS JavaScript | Complete Responsive Website Design | Make Personal portfolio website
Watch Full Video Tutorial
https://youtu.be/eYucposIzoM
Download Source Code
buymeacoffee.com/manojadhikari123456789/e/456562
www.patreon.com/posts/how-to-make-html-138728335?u…
In this video we will create a personal portfolio website design step by step using HTML CSS and JavaScript. You can use this website to make your online resume or CV. In this website design we will add name, designation of the user. Then we will display the image, skills, work experience and education details. We will also add the list of services and work portfolio on this website.
This website design will be completely responsive for all screen devices like mobile phones. We will this complete website design step by step using HTML CSS and JavaScript.
0:00 - Intro
0:6:19 - Header
0:12:45 - Hero Section
0:22:10 - About Section
0:30:28 - Experience Section
0:37:21 - Service Section
0:44:34 - Skills Section
0:52:26 - Project Section
0:57:25 - Testimonial Section
1:03:44 - Pricing Section
1:16:58 - Contact Section
1:26:37 - Footer
1:41:10 - Final Output
#PortfolioWebsite #HTMLWebsite #WebsiteDesign
#ResponsiveWebsite
#CompleteWesbite
#ResponsiveDesigns
#animatedWebsite
#HTML5
#CSS3
#JQUERY
#Javascript
#WebDesign
#WebDevelopment
#responsiveDesigns
best way to make portfolio website
how to create portfolio website for resume
graphic design portfolio website
portfolio website for web developer fresher
how to create responsive website in wordpress
simple responsive website using html and css
animated portfolio website html css javascript
how to build a tech portfolio
create a responsive coffee website in html and css
personal portfolio website using html and css
portfolio website from scratch
professional website design using html css
2 weeks ago | [YT] | 57
View 0 replies
M - SoftTech
Animated Product Card design using HTML CSS only #productcard #cardhover #cardanimation #webdesign
Watch Full Video Tutorial
https://youtu.be/vhE4fnrIYEc
Download Source Code
buymeacoffee.com/manojadhikari123456789/e/455477
www.patreon.com/posts/animated-product-138494136?u…
3 weeks ago | [YT] | 35
View 0 replies
M - SoftTech
create css only carousel swipers with ::scroll-button and ::scroll-marker
CSS ONLY Carousel? Learn ::scroll-button() in 9 Minutes..
Watch Full Video Tutorial
https://youtu.be/4HPTgL7Jltg
🔑 Key Concepts you will learn in the video
• How to create a css only card swiper
• How to create a css only carousel
• How to build a slider in css only
• scroll-button tutorial for beginners
• scroll-marker tutorial for beginners
• scroll button css tutorial
• learn anchor position
• anchor-name anchor-position position-area position-anchor css
• scroll snapping css tutorial
• css scroll-snap-type: x mandatory;
• css scroll-snap-align
• smooth scrolling in css
• build a carousel without javascript
• build a swiper without javascript
• build a slider without javascript
• code a carousel with html and css
• build a css only carousel with scroll-buttons
• arrow buttons swiper tutorial
• learn anchor positioning for beginners
• css carousel slider tutorial
• css only slider
4 weeks ago | [YT] | 47
View 0 replies
M - SoftTech
Login page || Animation || Login Project || Animated Login || Practice Project
Watch Full Video Tutorial
https://youtu.be/XFuVDpBr2tA
Hey guyzz!! 👋
In this video, I’m showing you a Login Page with Animation ✨ — a simple Login Project perfect for practicing your web dev skills. If you're just starting out or want to practice HTML, CSS and a bit of animation stuff, this is for YOU!
I made this as a Practice Project, and thought to share it with y’all. Hope it helps someone out there learning frontend development! 😄
🔧 Tech used:
– HTML
visme.co
Don’t forget to Like 👍, Comment 💬 and Subscribe 🔔 for more cool and simple projects every week!
Also feel free to ask any questions in the comments – I'm happy to help 💻
Thanks for watching! 🙏
This video is made only for educational and practice purposes. All the content shared is based on my learning experience. I'm not claiming this is the only or best way to create a login page. Feel free to improve it or customize it your own way!
If I’ve used any external resources unknowingly, full credit goes to the rightful owners. Please contact me for any copyright concerns. 🙏
#LoginPage #AnimationLogin #PracticeProject #HTMLCSS #FrontendPractice #WebDesign #LoginForm #AnimatedLogin #WebDevelopment #m-softtech #LoginUI #CSSAnimation #WebDevPractice #frontendprojects
1 month ago | [YT] | 38
View 0 replies
M - SoftTech
Create A Sidebar with Glassmorphism Effect in HTML and CSS | Sidebar in HTML and CSS
Watch Full Video Tutorial
https://youtu.be/4wiHRxmAaaE
Download Source Code
buymeacoffee.com/manojadhikari123456789/e/451876
www.patreon.com/posts/create-sidebar-137624126?utm…
1 month ago | [YT] | 85
View 0 replies
M - SoftTech
How To Make Weather App Using JavaScript Step By Step Explained
Watch Full Video Tutorial
https://youtu.be/5fSjPvD46JE
Download Source Code
buymeacoffee.com/manojadhikari123456789/e/451056
www.patreon.com/posts/how-to-make-app-137457119?ut…
1 month ago | [YT] | 34
View 0 replies
M - SoftTech
How to Create Responsive Registration Form in HTML & CSS | Responsive Registration Form
In this video, you will learn to create a Responsive Registration Form in HTML and CSS. In this registration form, I have added some important input fields that are needed while signup. And, this registration form is fully responsive, easily fits in every device.
Watch Full Video Tutorial
https://youtu.be/MOkHkh02glw
Download Source Code
buymeacoffee.com/manojadhikari123456789/e/442893
www.patreon.com/posts/how-to-create-in-135772945?u…
1 month ago | [YT] | 73
View 0 replies
Load more