In this program, we are going to create social media icon design as you see in the above image it is the output of the below code. we have used HTML, CSS, and JS to create. HTML create basic structure . CSS design it with icon color position and at least Js help to create the perfect icon. we have created five buttons for five different icons. The hove effect is awesome.
At first, you have to create an HTML file named index.html paste the below code on it, and save it. Remember to give a .html extension to the HTML file.
After pasting the HTML code the second you have to create a CSS file named style.css. Paste the below code on it and save it. Again remember to give .css extension to CSS file.
That’s all after pasting all the code in the file now your code will successfully run. If you get any kind of error/problem in the code just comment down or contact me on social media
You might like this
- Responsive dropdown menu using HTML & CSS
- Pricing Card design using HTML and SCSS
- Login and signup Form Design using HTML and Pure CSS
Source :- Codepen.io