Let’s try to reproduce this website as quickly as possible.

Whether you are working in a web development context or just next to produce websites for your own research, you’ll need to be able to compose sites quickly. You may not always have a CMS like WordPress. Let’s build this from scratch using Bootstrap.

Review the HTML dev architecture from scratch to publication

• Create dev environment
• Create directories for
• A project called Marathi
  • resources
  • scripts
  • sass/css
• Establish localhost that points to the dev environment
  • http://localhost/GitHub/ODS_webdesign/Marathi/index.html
• Create HTML and CSS files
• Link to Bootstrap files either locally or via CDN

What is the basic page structure?

1. Navbar
2. Jumbotron
3. Footer

[code language="css"]
background-image: url("../resources/Trailhead.jpg");
  background-repeat: no-repeat;
  background-size:cover;
[/code]

Use an ID to place a translucent background behind the title

[code language="css"]
#titleFrame {
  background-color: rgba(211, 211, 211, 0.527);
}
[/code]

Here is the UChicago color palette:
UC maroon: #800000;
UC darkGray: #767676;
UC lightGray: #d6d6ce;
UC yellow: #ffa319;
UC orange: #c16622;