Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/iswarya-singaram/static_instagram_clone
This is a static web page created using HTML and CSS to replicate the visual design of Instagram. While the clone is currently static and not fully responsive, it showcases the basic layout and styling inspired by the popular social media platform.
https://github.com/iswarya-singaram/static_instagram_clone
css html
Last synced: 8 days ago
JSON representation
This is a static web page created using HTML and CSS to replicate the visual design of Instagram. While the clone is currently static and not fully responsive, it showcases the basic layout and styling inspired by the popular social media platform.
- Host: GitHub
- URL: https://github.com/iswarya-singaram/static_instagram_clone
- Owner: Iswarya-Singaram
- Created: 2024-05-02T03:10:11.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-06-16T07:46:22.000Z (7 months ago)
- Last Synced: 2024-11-16T20:33:00.828Z (2 months ago)
- Topics: css, html
- Homepage:
- Size: 1.92 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Static Instagram Clone using HTML and CSS
Welcome to my Instagram clone project! This is a static web page created using HTML and CSS to replicate the visual design of Instagram. While the clone is currently static and not fully responsive, it showcases the basic layout and styling inspired by the popular social media platform.
## Features:
- Visual Design: Mimics Instagram's interface with similar components and styling using HTML and CSS.
- Static Content: Uses static assets and basic HTML structure to replicate the appearance of Instagram.
- Assets Included: The project includes all necessary assets used in the clone, such as images, icons, and fonts.
## Technologies used
- HTML(Hyper Text Markup Language)
- CSS(Cascading Style Sheets)
## How to view
### 1.Download the ZIP file:
If you haven't already, download the ZIP file from the repository or from the provided link.
### 2.Extract the ZIP file:
#### On Windows:
- Locate the downloaded ZIP file in your file explorer.
- Right-click on the ZIP file and select "Extract All...".
- Choose a destination folder and click "Extract".
#### On Mac:
- Locate the downloaded ZIP file in Finder.
- Double-click the ZIP file to extract it automatically.
- The extracted folder will appear in the same location as the ZIP file.
#### On Linux:
- Open the terminal.
- Navigate to the directory containing the ZIP file.
- Use the command unzip filename.zip (replace filename.zip with the actual file name).
- The contents will be extracted to a directory in the current location.
### 3.Navigate to the Project Directory:
### 4.Open the Project in a Web Browser:
- Locate the index file within the extracted folder.
- Double-click the index file to open it in your default web browser.
- Alternatively, you can right-click the index file, select "Open with", and choose your preferred web browser.
## Known Issues:
Currently, the clone is not fully responsive, meaning it may not display optimally on all screen sizes and devices. Development is ongoing to improve responsiveness and enhance user experience.
## Future Enhancements:
- Implement responsive design techniques to ensure the clone adapts well to different screen sizes.
- Explore adding JavaScript for interactive features and dynamic content loading.
- Enhance accessibility and usability features.
## Contributing:
Feel free to fork this repository, make improvements, and submit pull requests. Your contributions are highly appreciated!
## Credits:
Assets used in this project are sourced from Devtown.