CSS Responsive Our Team Profile Section with Hover Effects [HTML CSS]



Published
How to create Our Team Profile Section with Hover Effect using only HTML and CSS, Super easy for beginners.

Please SUBSCRIBE to my YouTube channel:
https://www.youtube.com/channel/UCOrWxd4WcSP5oGo-RV0rEeA/sub_confirmation%3D1
-----------------------

Please LIKE and FOLLOW for daily updates:
Facebook: https://www.facebook.com/CodingPlayFB
Instagram: https://www.instagram.com/CodingPlay.Insta
Telegram: https://t.me/CodingPlay
-----------------------

Live Demo:
https://jamshidelmi.github.io/Team-Profile-v1.1/
-----------------------

Download Source Code:
https://github.com/JamshidElmi/Team-Profile-v1.1
-----------------------

Resources:
Font: https://fonts.googleapis.com/css2?family=Merriweather:[email protected]&family=Sumana:[email protected]&display=swap
Clip-path: "M 390,400 C 390,504.9341 304.9341,590 200,590 95.065898,590 10,504.9341 10,400 V 10 H 200 390 Z"
-----------------------

Buy me a cup of COFFEE:
https://www.buymeacoffee.com/codingplay
-----------------------

Please visit my website:
https://codingplay.jamshidelmi.com
-----------------------

Images Links:
Photo by Raamin ka on Unsplash: https://unsplash.com/photos/XDWvbH1N_Fo
Photo by Raamin ka on Unsplash: https://unsplash.com/photos/FfZRzlmFsvY
Photo by Prince Akachi on Unsplash: https://unsplash.com/photos/4Yv84VgQkRM
-----------------------

Software and tools I'm using:
VSCode: https://code.visualstudio.com/
VSCode Theme and Extensions:
- Coder's Theme: https://marketplace.visualstudio.com/items?itemName=Rajeswaran.coding-theme
- Auto Rename Tag: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag
- CodeSwing: https://marketplace.visualstudio.com/items?itemName=codespaces-Contrib.codeswing
- CSS Peek: https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek
Camtasia: https://www.techsmith.com/download-camtasia-win-thankyou.html
Adobe After Effects: https://www.adobe.com/ae_en/products/aftereffects.html?skwcid=AL!3085!3!509087720084!e!!g!!adobe%20after%20effects%20free%20download&mv=search&sdid=FHRLZG67&ef_id=Cj0KCQjwxtSSBhDYARIsAEn0thTV6BJCBlyFu5YVjjHQMZSjKUZrjXseGKr9z9pJH11B-pfkQTBFGhQaAksLEALw_wcB:G:s&s_kwcid=AL!3085!3!509087720084!e!!g!!adobe%20after%20effects%20free%20download!12607168691!120675347220&gclid=Cj0KCQjwxtSSBhDYARIsAEn0thTV6BJCBlyFu5YVjjHQMZSjKUZrjXseGKr9z9pJH11B-pfkQTBFGhQaAksLEALw_wcB
Adobe Media Encoder: https://www.adobe.com/ae_en/products/media-encoder.html
Adobe Photoshop: https://www.adobe.com/ae_en/products/photoshop.html?skwcid=AL!3085!3!509087641172!e!!g!!photoshop%20download&mv=search&sdid=F89JZPN9&ef_id=Cj0KCQjwxtSSBhDYARIsAEn0thT6SJY6MwC22Ix3WKRIg5mxX43cglDveV2KI1k7IE36wjr1T4xVYSAaAhonEALw_wcB:G:s&s_kwcid=AL!3085!3!509087641172!e!!g!!photoshop%20download!12607168541!120675313180&gclid=Cj0KCQjwxtSSBhDYARIsAEn0thT6SJY6MwC22Ix3WKRIg5mxX43cglDveV2KI1k7IE36wjr1T4xVYSAaAhonEALw_wcB
-----------------------

Keywords:
#CodingPlay #TeamProfile #OurTeamProfileSection
-----------------------
Category
Web design
Be the first to comment