1Z99 / AI-ART

fun ai art project

AI ART

This document outlines the structure and functionality of the HTML, CSS, and JavaScript used in the website.

LIVE HERE : https://1z99.github.io/AI-ART/

HTML (index.html)

Meta Tags

• The HTML file includes meta tags for defining page information, such as keywords, description, and Open Graph metadata for social sharing.

Structure

• The file structure is divided into sections: header, main content, shop section, and footer.
• Header contains the website title.
• Main content includes a slider for displaying images and a section explaining the site.
• Shop section showcases artwork examples.
• Footer contains contact information.

CSS (styles.css)

Reset and General Styles

• Sets basic styles for the HTML and body.
• Styles the Artrc logo and adjusts sizes for different screen sizes.

Main Content Styles

• Styles for navigation buttons, slider, and image display.
• Defines styles for the site explanation and adjusts for smaller screens.

Shop Section Styles

• Styles for displaying artwork examples.

Footer Styles

• Styles for the footer and contact information.

JavaScript (scripts.js)

Slider Functionality

• Initializes variables and functions for a slider.
• Handles the display of slides, navigation between slides, and automatic sliding.
• Stops automatic sliding when hovering over slides and resumes when the mouse leaves.

Note

• Additional functionalities and specific page content are present in the code, not covered in this readme.