/socials

Easily display your Social Media profiles

Primary LanguageCSSApache License 2.0Apache-2.0

Social Media Platforms Website Template

This is a simple website template for displaying social media platforms in square containers with curved corners and a zoom-in hover effect. It uses HTML and CSS to create an elegant design.

Features

  • Square containers with curved corners.
  • Zoom-in hover effect (1.05x) on the social media icons.
  • Centered content using Flexbox.
  • Alt text for each social media platform's username.

Usage

  1. Clone this repository to your local machine or use it as a template.
git clone https://github.com/NajmAjmal/socials.git
  1. Customize the social media links and icons in the index.html file:
<a href="https://your-social-media-url">
    <div class="square">
        <img src="your-icon.png" alt="Your Social Media">
    </div>
</a>
  1. Replace your-icon.png with the URL or file path of your social media icons.

  2. Edit the alt text to match the social media platform's name.

  3. Modify the styles in the styles.css file to match your preferred colors and layout.

  4. Host your website on a web server or use GitHub Pages to make it accessible online.

Example

You can see a live example of this template at Demo Website.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

  • This template was created by Najm Ajmal.
  • Social media icons used in this template are for demonstration purposes only. Replace them with your own icons or images.

Feel free to use this template for creating your own social media platforms showcase website. If you have any questions or need assistance, please open an issue or contact me.