Norma  Wyman

Norma Wyman

1601870100

How to Make Profile Card In HTML & CSS | Profile Card Design

Profile Card Design How To Make Profile Card In HTML And CSS | User Profile UI Design Using HTML CSS | How to make Profile card in HTML and CSS | Game Based cards

About the Video:
Hello guys, Today we will create Profile card hover effect with A simple and a little bit colorful design concept of a profile card.In this video, we will learn how to make a “profile card” using basic HTML and CSS. I hope you like it.Learn How To Create A Profile Card Using HTML And CSS, User Profile UI design using HTML and CSS

Download SVG Image Here :https://drive.google.com/file/d/1tUdgwWhdEkieUxQySRfPSAHGgnzmTNXt/view?usp=sharing

#css #html

What is GEEK

Buddha Community

How to Make Profile Card In HTML & CSS | Profile Card Design

Neumorphism Card Design using HTML and CSS | Pure CSS Card

#css #html #pure css card #html and css #design

Tech2 etc

Tech2 etc

1604578091

How To Design CSS Filter Card Effect Using Html and CSS

Hi…! everyone, today in this tutorial we will learn about how to “Design CSS Filter Card Effect Using Html and CSS”. Design your css card your own now. CSS card & card design

Watch full tutorial here
https://youtu.be/G25jcQPJ7gE

For more Information & Free tutorials please visit our youtube channel
https://www.youtube.com/c/Tech2etc/

#CssCardDesign #CssCard #CardDesign

#css #css3 #css-card-design #card-design #design-pattern #html

anita maity

anita maity

1621077133

Responsive Footer Design using HTML, CSS & Bootstrap

Hello Readers, welcome to my other blog, today in this blog I’m going to create a Responsive Footer by using HTML & CSS only. Earlier I have shared How to create a Responsive Navigation Menu and now it’s time to create a footer section.

As you can see on the image which is given on the webpage. There are various important topics there like About us, Our services and subscribes, some social media icons, and a contact section for easy connection. I want to tell you that it is fully responsive. Responsive means this program is fit in all screen devices like tablet, small screen laptop, or mobile devices.

Live Demo


#responsive footer html css template #footer design in html #simple footer html css code #simple responsive footer codepen #responsive footer code in html and css #responsive footer html css codepen

CSS Recreation: The Frosted Glass Credit Card Design

Today I wanted to try and recreate a super cool dribbble shot from Dede Dwiyansyah I came across.

It’s actually a Figma tutorial on how to create the frosted credit card effect. I decided to try and recreate this amazing shot in HTML! (With an own twist)

So time to give it my own take on CSS.

I knew it was possible to do this effect, but normally people leverage a background image filter blur, which in this case wouldn’t work with the balls behind it.

So I decided to do some research, and this is my end result.

#css #html-css #css-recreation #credit-cards #frosted-glass-design #design #hackernoon-top-story

anita maity

anita maity

1618667723

Sidebar Menu Using Only HTML and CSS | Side Navigation Bar

how to create a Sidebar Menu using HTML and CSS only. Previously I have shared a Responsive Navigation Menu Bar using HTML & CSS only, now it’s time to create a Side Navigation Menu Bar that slides from the left or right side.

Demo

#sidebar menu using html css #side navigation menu html css #css side navigation menu bar #,pure css sidebar menu #side menu bar html css #side menu bar using html css