🌐 Google Clone Project

A simple and clean recreation of Google's homepage built using HTML and CSS.
This project focuses on practicing frontend layout structure, styling, alignment, and responsive design fundamentals without relying on JavaScript or frameworks.

---

📁 Project Structure

clonGoogle/
├── index.html        # Main HTML structure of the page
├── styles.css        # Styling for layout, typography, and components
└── assets/           # Images: google.webp, foto_azul.png, logo.png

---

🚀 Live Demo

📎 Deployment:
https://clon-google-omega.vercel.app/

---

🧩 Content Description

index.html

The HTML file includes:

• Head: Metadata, page title, favicon, stylesheet link.
• Header: Navigation bar with links (Gmail, Images) and user avatar.
• Main Section:
  • Google logo
  • Search bar with SVG icons
  • Buttons for search actions
• Footer:
  • Location (Mexico)
  • Links such as About, Advertising, Business, Privacy, Terms, etc.

---

🎨 styles.css

Defines the full layout and design:

• Navigation bar styling
• Logo placement and sizing
• Search bar design (rounded edges, hover effects, icons)
• Button styling (hover/active states)
• Footer layout and typography

The goal is to replicate the clean, minimalist look of Google's homepage.

---

🖥 How to Run the Project

1. Clone or download the repository:

   git clone https://github.com/AzulRK22/clonGoogle.git

2. Open the index.html file in any browser. No additional setup required.

---

🛠 Technologies Used

• HTML5 – Structure and semantics
• CSS3 – Layout, spacing, colors, responsiveness
• Images & SVGs – Google logo, user profile, search icons

---

🤝 Contributions

1. Fork the repo
2. Create a branch

   git checkout -b feature/new-feature

3. Commit your changes
4. Push your branch
5. Open a Pull Request

---

👩‍💻 Author

Created by Azul
Contact: azularamk@gmail.com
Portfolio: https://www.azulrk.com

---

📄 License

Licensed under the MIT License.