|
1 | | -<p align = "center"> |
| 1 | +<p align="center"> |
| 2 | + <img src="assets/branding.png |
| 3 | + " width="200" height="200" alt="Branding"> |
| 4 | +</p> |
| 5 | + |
| 6 | +<h1 align="center">Hemang Yadav (Zemerik)</h1> |
2 | 7 |
|
3 | | -<img src = "assets/config/icon.png" style = "height:250px;width:250px"> |
| 8 | +<p align="center"> |
| 9 | + <strong>Full Stack Developer | Open Source Enthusiast | Building in Public</strong> |
| 10 | +</p> |
4 | 11 |
|
| 12 | +<p align="center"> |
| 13 | + <a href="https://zemerik.is-a.dev"><strong>🌐 Visit Website</strong></a> |
| 14 | + | |
| 15 | + <a href="#-features">Features</a> |
| 16 | + | |
| 17 | + <a href="#-installation">Installation</a> |
| 18 | + | |
| 19 | + <a href="#-contributing">Contributing</a> |
5 | 20 | </p> |
6 | 21 |
|
7 | | -<h1 align = "center"> |
| 22 | +<div align="center"> |
8 | 23 |
|
9 | | -zemerik.github.io - [Website](https://zemerik.is-a.dev) |
| 24 | + |
10 | 25 |
|
11 | | -</h1> |
| 26 | +</div> |
12 | 27 |
|
13 | | -<div align = "center"> |
| 28 | +--- |
14 | 29 |
|
15 | | - |
| 30 | +## 🚀 About The Project |
16 | 31 |
|
17 | | -</div> |
| 32 | +Welcome to the **v2.1.1** source code of my personal portfolio. This project is a testament to my journey as a developer, showcasing my skills, projects, and passion for creating beautiful, functional web experiences. |
18 | 33 |
|
19 | | -<p align = "center"> |
20 | | - <img src = "assets/config/screenshot_laptop.png" alt = "Laptop Screenshot" /> |
21 | | -</p> |
| 34 | +Designed with a **Glassmorphism** aesthetic, it features a modern UI, persistent dark mode, and smooth animations, providing an immersive experience for visitors. |
| 35 | + |
| 36 | +### ✨ Features |
| 37 | + |
| 38 | +* **🎨 Glassmorphism Design**: sleek, modern interface with blur effects and vibrant gradients. |
| 39 | +* **🌗 Persistent Dark Mode**: Your preference is saved automatically. |
| 40 | +* **⚡ High Performance**: Optimized for speed and smooth scrolling. |
| 41 | +* **📱 Fully Responsive**: Flawless experience on Mobile, Tablet, and Desktop. |
| 42 | +* **🔥 Interactive Elements**: Dynamic project cards, hover effects, and animated sections. |
| 43 | + |
| 44 | +--- |
| 45 | + |
| 46 | +## 🛠️ Installation & Setup |
| 47 | + |
| 48 | +Want to run this portfolio locally? Follow these steps: |
22 | 49 |
|
23 | | -## About: |
| 50 | +1. **Clone the Repository** |
| 51 | + ```bash |
| 52 | + git clone https://github.com/Zemerik/zemerik.github.io.git |
| 53 | + ``` |
24 | 54 |
|
25 | | -This is the source code for the previous version of my portfolio and my website, zemerik.is-a.dev. It was developed using JavaScript, CSS, and HTML. The project showcases my skills in web development. It serves as a testament to my ability to create functional and visually appealing websites. |
| 55 | +2. **Navigate to the Directory** |
| 56 | + ```bash |
| 57 | + cd zemerik.github.io |
| 58 | + ``` |
26 | 59 |
|
27 | | -> - View my Website [here](https://zemerik.is-a.dev) |
| 60 | +3. **Open in Browser** |
| 61 | + Simply open the `index.html` file in your preferred browser. |
| 62 | + *Optional: Use the "Live Server" extension in VS Code for hot-reloading.* |
28 | 63 |
|
29 | | -## FEATURES: |
| 64 | +--- |
30 | 65 |
|
| 66 | +## 🤝 Contributing |
31 | 67 |
|
32 | | -<table align = "center"> |
33 | | - <tr> |
34 | | - <td> |
35 | | - 🎩 Responsive Navbar with Icons and hover effects |
36 | | - <br> |
37 | | - <br> |
38 | | - 🤯 Light & Dark Mode |
39 | | - <br> |
40 | | - <br> |
41 | | - ⚡ CSS effects such as Animation, Transition and Hover for different sections. |
42 | | - <br> |
43 | | - <br> |
44 | | - 🏆 Appealing Icons for different Links |
45 | | - </td> |
46 | | - <td> |
| 68 | +Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**. |
47 | 69 |
|
48 | | - <img src = "assets/config/screenshot_phone.png" style = "height: 400px; width: 250px"> |
49 | | - </td> |
50 | | - </tr> |
51 | | -</table> |
| 70 | +Please verify the [CONTRIBUTING.md](CONTRIBUTING.md) for detailed guidelines. |
52 | 71 |
|
| 72 | +1. Fork the Project |
| 73 | +2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`) |
| 74 | +3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`) |
| 75 | +4. Push to the Branch (`git push origin feature/AmazingFeature`) |
| 76 | +5. Open a Pull Request |
53 | 77 |
|
54 | | -## USAGE: |
| 78 | +--- |
55 | 79 |
|
56 | | -- Use GIT to store the files of this Repository on your machine: |
| 80 | +## 📜 License |
57 | 81 |
|
58 | | -``` |
59 | | -git clone https://github.com/Zemerik/zemerik.github.io |
60 | | -``` |
| 82 | +Distributed under the MIT License. See `LICENSE` for more information. |
61 | 83 |
|
62 | | -- You can now customise the portfolio as you like. |
| 84 | +--- |
63 | 85 |
|
64 | | -> [!Caution] |
65 | | -> Use or Distribution of any private information such as Images, Name, Information, CNAME, etc is not permitted. |
| 86 | +## 💁 Support |
66 | 87 |
|
67 | | -## CONTRIBUTING: |
| 88 | +For questions, support, or just to connect, feel free to join our **Discord Server**: |
68 | 89 |
|
69 | | -Contributions are always welcome and appreciated. Feel free to create an Issue or Pull - Request for any fixes, bug reports, feature request or more. |
| 90 | +<a href="https://discord.gg/UF9KsmuGbr"> |
| 91 | + <img src="https://invidget.switchblade.xyz/UF9KsmuGbr" alt="Discord Server"> |
| 92 | +</a> |
70 | 93 |
|
71 | | -<h1 align = "center"> |
72 | | - Thanks for Visiting🙏 |
73 | | -</h1> |
| 94 | +--- |
74 | 95 |
|
75 | | -<p align = "center"> |
76 | | - Don't forget to leave a ⭐ |
77 | | - <br> |
78 | | - Made with 💖 by <a href = "https://github.com/Zemerik">Hemang Yadav (Zemerik)</a> |
| 96 | +<p align="center"> |
| 97 | + Made with 💖 by <a href="https://github.com/Zemerik">Hemang Yadav (Zemerik)</a> |
79 | 98 | </p> |
0 commit comments