# Project: Bootstrapping

## Introduction

In this project, you'll get a chance to try out Twitter's Bootstrap framework by building a site that actually uses it -- [Newsweek](http://www.newsweek.com/).

## Assignment

Note: As usual, ignore any ads, icons, and interactive elements (which use Javascript). If you really want to grab icons, try taking a screenshot of them and making an image file out of that.

1. Go to [newsweek.com](http://www.newsweek.com) and have a look around.
2. Follow the instructions atop the [Google Homepage project](https://app.gitbook.com/courses/foundations/lessons/html-css) 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. Add Bootstrap to your project by following the instructions at [GetBootstrap.com](http://getbootstrap.com/getting-started/).  Use the examples on that page as templates for how to organize your page.
6. Lay out the basic structure of the page using empty semantic HTML elements that are appropriately sized and which are positioned by using the appropriate Bootstrap classes.
7. Set up the top title and navigation bar.
8. Work your way down the page by filling in and positioning the additional sections.
9. Try resizing the browser to see if it mimics the behavior of the real Newsweek homepage.
10. Push your solution to GitHub.

## Additional resources

This section contains helpful links to other content. It isn't required, so consider it supplemental for if you need to dive deeper into something.

* This [article by Adam Wathan](https://adamwathan.me/css-utility-classes-and-separation-of-concerns/) provides a good perspective regarding separation of concerns when it comes to CSS frameworks.


---

# 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/design-ux/project-bootstrapping.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.