# Project: One more thing

## Introduction

In this project you'll clone the website of one of the most design-forward companies in the world. It's not a very complex site but it uses background photos well and the navbar at the top contains a gradient that you should be able to mimic.

## Assignment

1. Go to this old version of [apple.com](https://web.archive.org/web/20140301004610/http://www.apple.com/) and have a look around.
2. Follow the instructions atop the [Google Homepage project](https://www.learnhowtocodebook.com/foundations/frontend/project-create-a-web-page) to set up a GitHub repository for this project (of course you'll need to change the title).
3. Create a new HTML document.
4. Think about all the elements on the page and how they are grouped together.
5. Lay out the basic structure of the page using empty semantic HTML elements that are appropriately sized and positioned.  You may want to make their background colors different so you can see them.  Don't forget to use your browser's developer tools (right click on the page, click "Inspect Element")!
6. Set up the top navigation bar.  How is that gradient achieved?
7. Set up the main background image.  You can grab that exact image from their webpage by finding the `<section class="hero">` tag in your inspector and checking out its background image.
8. Fill in and position the additional sections.  Don't worry about enclosing every paragraph of text in `<p>` tags.
9. Push your solution to GitHub.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://howtocode.trek.io/topics/deep-dives/html-css/css-basics/project-one-more-thing.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.