Purpose

This assignment is all about formatting with CSS. You will create an external stylesheet that contains CSS style rules. These style rules will format your pages and turn text navigation links into an attractive navigation bar.

Assignment Instructions

In this Assignment, you will create an external Cascading Style Sheet (CSS). You will create a History page for a restaurant website. Since the restaurant is family-owned, the History page may include some background information about the family. This page may also tell a story about how the restaurant was started and/or how the recipes came to be part of the menu. You should include at least 50 words on this page.

Assignment Requirements

1. Create a History page from the website template.
   • Open template.html in Notepad to edit.
   • Type the restaurant name and the text “History” in the title tag.
   • Add a level 1 (h1) heading inside the header of the page. Include logical heading text for the History page.
   • Between <nav> and </nav> tags, add navigation links to your navigation code for the History and Menu pages:
     • <ul>
     • <li><a href=”history.html”>History</a></li>
     • <li><a href=”menu.html”>Menu</a></li>
     • </ul>
   • Save the page as history.html.
   • Close history.html

1. Create a Menu page from the website template.
   • Open template.html in Notepad to edit.
   • Type the restaurant name and the text “Menu” in the title tag.
   • Add a level 1 (h1) heading inside the header of the page. Include logical heading text for the Menu page.
   • Between <nav> and </nav> tags, add navigation links to your navigation code for the History and Menu pages:
     • <ul>
     • <li><a href=”history.html”>History</a></li>
     • <li><a href=”menu.html”>Menu</a></li>
     • </ul>
       
   • Save the page as menu.html
   • Close menu.html

1. Create an external Cascading Style Sheet (CSS) document named styles.css. This code will apply to the Web page elements, adding specific styling and design to the page content.
   • Open a new blank document in Notepad
   • Format the element coded into your HTML pages using CSS. The selector identifies the element that will be formatted, such as body, header, main.
   • Notice there is an ID named #container. This is standard practice for creating an invisible “box” around the entire page content. This helps develop fluid pages for mobile devices and gives a parent element to hold all page elements. It could be named anything, but container is standard.
   • Type the code below into the page, exactly as shown:
     • @charset “utf-8”;
     • body {
     • background-color: #9b30ff;
     • font-family: Arial, Tahoma, sans-serif;
     • color: #000000;
     • }
     • h1 {
     • color: #ffffff;
     • }
     • header {
     • background-color: #000000;
     • color: #ffffff;
     • text-align: center;
     • padding: 5px;
     • width: 80%;
     • margin-left: 10%;
     • }
     • #container {
     • width: 100%;
     • }
   • Save.
   • The next section of CSS formats the main content area and the footer. The footer must include the clear: both; style rule so it is placed below all other content on the page.
   • Type the code below into the page, after the last } bracket:
     • main {
     • width: 80%;
     • background-color: #ffffff;
     • float: left;
     • padding: 5px;
     • margin-left: 10%;
     • }
     • footer {
     • clear: both;
     • background-color: #000000;
     • color: #ffffff;
     • text-align: center;
     • margin-left: 10%;
     • padding: 5px;
     • font-size: 12pt;
     • width: 80%;
     • }
   • Save as styles.css. Don’t forget to select All Files from the drop menu when you save.

1. Link your external CSS document to your Web pages.
   • Open history.html in Notepad to edit
   • Type the link tag exactly as shown between </title> and </head>
     • <link rel=”stylesheet” type=”text/css” href=”styles.css”>
   • Save and close.
   • Open menu.html in Notepad to edit.
   • Type the link tag exactly as shown between </title> and </head>
     • <link rel=”stylesheet” type=”text/css” href=”styles.css”>
   • Save and close.

1. Edit CSS to apply formatting to navigation links within a Web page.
   • Type the following CSS code into styles.css. This code will format your navigation links, rendering the list and links into a decorative and functional navigation bar.
     • nav {
     • color: #000000;
     • padding: 5px;
     • width: 80%;
     • margin-left: 10%;
     • font-weight: bold;
     • }
     • nav ul {
     • list-style: none;
     • }
     • nav ul li {
     • float: left;
     • padding: 5px;
     • }
     • nav ul li a:link, nav ul li a:visited {
     • display: block;
     • width: 150px;
     • margin-right: 4px;
     • color: #000000;
     • padding: 2px 4px 2px 4px;
     • background-color: #ffffff;
     • text-decoration: none;
     • }
     • nav ul li a:hover {
     • color: #ffffff;
     • background-color: #9b30ff;
     • }
   • Save and close.

1. Upload history.html, menu.html, and styles.css to the server.

Looking for a solution written from scratch with No plagiarism and No AI?

WHY CHOOSE US?

After reading “The Concept of Discourse Community: Some Recent Personal History, (Links to an external site.)” answer the following and Grid Swales (14.4):

1. In one paragraph, explain Swales’ definition of a Discourse Community (include one direct quote and format all source material).
2. How many of Swales’ eight criteria does your potential DC fulfill?
3. Explain the example of the Herbarium, ELI, and the Computer Center, and discuss how it can help you determine what is a DC, what isn’t a DC, and what is somewhere in the middle.
4. How is the scholarly reading and its definition of a DC different from the public/popular sources you explored? How are they the same—what elements overlap across explanations and conversations?

Looking for a solution written from scratch with No plagiarism and No AI?

WHY CHOOSE US?

Hi, I need someone to look over this work and adjust it to correctly match the requirements. Attached is the overall paper I need to add this section to, the section draft that needs redone and the requirements.

Formatting: Master’s Marketing

Pages: 3, double-spaced minimum.

Type of paper: Case Study

Thank you!

Looking for a solution written from scratch with No plagiarism and No AI?

WHY CHOOSE US?

1. Positions of Dining Manager, Server, Busser, Food Runner.

Each job write at least 100 words. and it should include a summary of job description and some bullet points of job duties during service.

2. Also I need a restaurant Dinning room set up timeline. From 3:00pm to 5:00 pm.

I will give you a reference for your better understanding on this assignment but do not copy any words from that. Just make out own thing.

Looking for a solution written from scratch with No plagiarism and No AI?

WHY CHOOSE US?

Section 1)

Extracting the question(s):

a) As far as you are concerned, what ethical question(s) arose from the film ?—parse out the intricacies of the question(s) as you see it/them

b) As far as you are concerned, what ethical question(s) were addressed insufficiently or

not at all (but should have been)?

Section 2)

Response to the question(s):

a) Having identified and fleshed out your question(s), what are your thoughts?



In what ways would you (would you?) claim responsibility for these

ethical issues?



How does this response square with your worldview?

Section 3)

What soft claim can you make toward some resolve of the ethical issue(s)?

Section 4)

What new questions arise for you from sections 1-3?

Looking for a solution written from scratch with No plagiarism and No AI?

WHY CHOOSE US?