Skip to content

Latest commit

 

History

History
63 lines (38 loc) · 2.59 KB

README.md

File metadata and controls

63 lines (38 loc) · 2.59 KB
Raw

🌟 Simple and Fun Personal Homepage

A clean and minimalist personal homepage built with HTML and CSS, featuring some delightful cartoon effects! Easily customizable by editing the HTML.

🌟 Welcome to fork and play around!

📖 Overview

This template is perfect for creating a personal academic homepage with a touch of fun. The layout is straightforward, and the code is easy to understand, making it ideal for beginners and those who want a simple yet charming website.

✨ Features

  • Simple Design: Clean and easy-to-read layout.
  • Cartoon Effects: Enjoy playful animations and hover effects that add a bit of whimsy.
  • Responsive Layout: Looks good on both desktop and mobile devices.
  • Easy to Customize: Modify the HTML and CSS to make it your own.

🚀 Getting Started

1. Fork the Repository

Click the Fork button at the top right of this repository to create your own copy.

2. Customize Your Copy

  • Edit Content: Open index.html and replace the placeholder text with your own bio, research interests, publications, and more.
  • Add Your Images: Upload your own photos or illustrations to the /pic directory and update the image paths in the HTML.
  • Play with Styles: Modify the CSS in the <style> section or link to an external stylesheet to tweak colors, fonts, and animations.

3. Publish with GitHub Pages

Once you're happy with your changes, you can easily publish your site using GitHub Pages:

  1. Go to the Settings tab of your forked repository.
  2. Scroll down to the Pages section.
  3. Select the main branch and click Save.
  4. Your site will be live at https://<your-username>.github.io/.

🎉 Cartoon Effects

We've added some fun, cartoon-like animations to make your homepage stand out!

  • Bouncy Headers: Section titles have a playful bounce when they come into view.
  • Hover Animations: Images and links respond with a wiggle or a pop when hovered over.
  • Smooth Scrolling: Navigate between sections with a gentle glide.

These effects are powered by simple CSS animations and AOS (Animate On Scroll). Feel free to explore the code and adjust the animations to your liking!

📬 Contact

Author: Likang Li

📝 License

This project is open-source and available under the MIT License.

Have fun customizing your own personal homepage with a touch of cartoon magic! 🦄✨