Nexter Project

This GIF demonstrates the main features of the Natours website.

Nexter is a sleek and modern real estate landing page 🏡. Built from scratch using HTML, CSS, and SASS, this responsive design ensures a seamless experience across all devices 📱💻. With a clean user interface and well-structured layout, Nexter is a perfect showcase for elegant real estate web design. ✨

📌 About the Project

Nexter is a responsive real estate portfolio site, designed to highlight properties in a minimal and attractive way. It’s a great example of what can be achieved with only frontend technologies and Sass architecture. The design is fully responsive and adjusts gracefully across screen sizes.

🛠️ Technologies Used

• Frontend: HTML, CSS, SASS
• Code Editor: Visual Studio Code
• Deployment: Netlify

🔧 Tools and Resources

Here are the tools and resources used during the development of this project:

Fonts and Typography

• 🌐 Google Fonts: For modern and readable typography.

Colors and Design Tools

• 🎨 Tint and Shade Generator: For creating consistent color palettes.
• 🌈 Coolors Contrast Checker: To ensure accessibility and readability.
• 🎨 Open Color: For a well-balanced color scheme.

Images and Videos

• 📷 Unsplash: For high-quality, royalty-free images.

🎨 Icons and Design Resources

• 🌐 Icomoon: Visit Icomoon for scalable and customizable icons.

🚀 Deployment

The project is deployed on Netlify. You can visit the live site here:
🌐 Nexter Live Demo

📂 Repository

You can find the source code for this project on GitHub:
🔗 Nexter GitHub Repository

🖥️ How to Run Locally

1. Clone the repository:

   git clone https://github.com/Okyanusaydgn/Nexter_Project.git

2. Navigate to the project folder:

   cd nexter-project

3. Open in Visual Studio Code:

   code .

4. **Install dependencies (if you haven't already):

   npm install

5. Start a local server (Optional, if needed):

   npm start