# Layered Social Buttons

Prepared by Lienzo · https://lienzo.tools/en/templates/

## Open and try
Extract the entire ZIP and open index.html in a modern browser. Keep the folder structure and filenames. Rendering the template needs no installation, server, Internet connection, or remote libraries. Social and resource links open Internet pages.

## Customize
1. Edit text and links in index.html. Sample links point to Lienzo or social sharing pages.
2. Adjust colors in the :root variables at the top of styles.css. The next block defines the light theme.
3. Adjust spacing, sizes, and effects in the .lz-social or .carousel rules. Keep prefers-reduced-motion support.
4. To integrate the relevant code, copy its HTML, CSS rules, and required variables. The .demo class provides the sample setting. Scope body selectors to your own container if your site already has global styles.

## Files
- index.html: structure, links, and content.
- styles.css: visual design.
- script.js: theme switching.
- assets/: sample logo, local fonts, and font licenses.
- LICENSE-LIENZO.txt: MIT license for Lienzo's contributions.
- LICENSE-ORIGINAL.txt: original MIT license and copyright notice; preserve it when redistributing.

## Credits and conditions
Lienzo adaptation: colors, content, local SVG icons, accessible labels, visible focus, reduced-motion support, and mobile layout. Remote CDN dependencies were removed and the HTML structure was corrected. Original author: Nick. The original MIT notice is included unchanged.
Fraunces: The Fraunces Project Authors. Instrument Sans: The Instrument Sans Project Authors. Both fonts are included under OFL 1.1 with their full notices. Replace the sample Lienzo logo with your own. MIT does not grant rights to third-party trademarks.

Test the code within your project before publishing it.