Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/oxitorenk/personal-landing-page
This is a simple and elegant landing page designed to showcase your portfolio. It features a modern aesthetic with a subtle particle animation background and smooth animations for text and buttons. The layout is responsive, ensuring a great experience on both desktop and mobile devices.
https://github.com/oxitorenk/personal-landing-page
landing-page web-development
Last synced: about 2 months ago
JSON representation
This is a simple and elegant landing page designed to showcase your portfolio. It features a modern aesthetic with a subtle particle animation background and smooth animations for text and buttons. The layout is responsive, ensuring a great experience on both desktop and mobile devices.
- Host: GitHub
- URL: https://github.com/oxitorenk/personal-landing-page
- Owner: oxitorenk
- License: mit
- Created: 2024-09-30T15:33:54.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-10-28T12:27:29.000Z (2 months ago)
- Last Synced: 2024-10-28T16:03:53.379Z (2 months ago)
- Topics: landing-page, web-development
- Language: JavaScript
- Homepage: https://oxitorenk.com
- Size: 376 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Personal Landing Page
This is a simple and elegant landing page. It features a modern aesthetic with a subtle particle animation background and smooth animations for text and buttons. The layout is responsive, ensuring a great experience on both desktop and mobile devices.
![Screenshot 01](assets/screenshot_01.png)
## Features
- **Responsive Design**: Adjusts beautifully across various screen sizes.
- **Particle Animation**: Engaging particle effects that enhance the visual appeal.
- **Smooth Transitions**: Animated text and button hover effects for a polished user experience.
- **Modern Typography**: Utilizes Google Fonts for a sleek and modern look.## Technologies Used
- **HTML**: Structure of the web page.
- **CSS**: Styling and layout of the page.
- **JavaScript**: Particle animation functionality.
- **Google Fonts**: For custom typography.## Getting Started
### Prerequisites
- A modern web browser (Chrome, Firefox, Safari, etc.)
### Installation
1. Clone the repository to your local machine:
```bash
git clone https://github.com/oxitorenk/personal-landing-page.git
```
2. Navigate to the project directory:
```bash
cd personal-landing-page
```
3. Open the `index.html` file in your preferred web browser.## Customization
You can customize the following aspects of the landing page:
- **Text Content**: Update the `
` and footer text in `index.html`.
- **Styling**: Modify the `styles.css` file for any changes in layout, colors, or fonts.
- **Particle Animation**: Adjust the particle settings in `particleRenderer.js` for different effects.## Demo
A live demo of the landing page can be viewed at [oxitorenk.com](http://oxitorenk.com)
## License
This project is licensed under the MIT License. See the LICENSE file for more information.
## Acknowledgments
- [Google Fonts](https://fonts.google.com/) - For providing beautiful fonts.