CSS and HTML needed
Specials Page: Include the logo in the header. Provide navigation to your other pages. The format (color, font, alignment, etc.) is up to you. Feel free to include additional image content on the page. In the footer on each page, Include links to all of your other pages in a navigation bar, copyright symbol and year, as well as your name with a link to your email address. Please use an unordered list in some way on this page. Embed these videos using the HTMLS video element (downtown diner.mp4 downtoun diner.ogy) Save these files to your local drve by right-cicking on the links and selecting Save Link As. or Save Target As.. . The dimensions of the video are 320px wide by 240px high. Remember that the MIME types are defined as type-"video/mp4" for the MP4 Tile and type-"video/ogg" for the OGV tile. This is how your student server is configured so your code must match the MIME types configured on the server for the videos to work correctly when played from the server. Provide a link to the downtown dinerwmy file as a tallback option that will only be available it the browser doesn't support the HTML5 video element. Review the talback option discussed in your book on p 486-487 Include this content in the main content area We offer the following specials each day of the week: Monday--Chicken an Dumplings Tuesday--Meatloaf Wednesday-Chicken Fried Steak Thursday-Chip's Casserole Friday--Fiesta Burrito Saturday--Fried Chicken Sunday--Drive's Special Beef Stew We hope you will join us at The Downtown Diner for a meal. History Page: Include the logo in the header. Provide navigation to your other pages. The format (color, font, alignment, etc.) is up to you. In the footer on each page, Include links to all of your other pages in a navigation bar, copyright symbol and year, as well as your name with a link to your email address You must include an additional inline image in the main content on the page. Be sure the image is sized/optimized using an image editing program or online tool. Add a comment in your HTML code using the HTML comment tag, that explains where the image was obtained and giving credit to the image owner. Include this content in the main content area: The Downtown Diner first opened its doors in November of 1972! Bit and Byte Smith were new to Techieville and discovered an empty building on the corner of 5th and Hypertext Avenue. They always dreamed of opening up their own restaurant. That dream came true in the Fall of 1972 when they purchased the building and began construction on the Downtown Diner. In November of 1972, they were ready to open their doors. They decided to have a grand opening on Thanksgiving Day and offered a free turkey dinner to all who atended. This became a tradition that is still being followed to this day. Every Thanksgiving Day, the Downtown Diner opens its doors and serves a free turkey dinner. In 1994, Bit and Byte decided it was time to retire. They turned over the reins of the Diner to their son, Chip. Chip continues to manage the Diner today with the help of his wife, Drive. Chip and Drive have added a few of their own special recipes to the menu. But for the most part, the menu hasn't change too much from the original one. The Downtown Diner went through a major remodel in 2002. A private party room was added which can handle groups up to 40 people. If you would like to plan a private party at the Downtown Diner, please contact Chip or Drive at the restaurant. Print Media CSS File: Create a 2nd external CSS le to control the layout and to mat of all our HTML pages e printed The ao t ill be the same as used for screen media, excepto ne changes, explained belo . Hide the entire nav area so that it will not display . allow the # wrapper to fill the page Change all background colors to white with black text Home Page: You will need to create a banner or logo image for the Downtown Diner. You can use an online tool like Online Logo Maker. Web 2.0 L0go Creator or CoolText. if you have the ability to create your own logo using an image editing program like Pixir, Gimp or Photoshop, this would also be accepted. The logo should be included in the header on each page. Provide navigation to your other pages. The format (color, font, alignment, etc.) is up to you. Feel free to include additional image content on the page. Make sure all images are sized/optimized using an image editing program or online tool. You should also add a comment in your HTML code using the HTML comment tag, that explains where the images were obtained and giving credit to the image owners. In the footer on each page, Include links to all of your other pages in a navigation bar, copyright symbol and year, as well as your name with a link to your email address. Include this content in the main content area: The Downtown Diner is located in the heart of Techieville! We specialize in good-ole home cooking. Our menu ranges from chicken dumplings to our famous fiesta burrito Our breakfast menu is available all day. Please come by and share a meal with us. We are conveniently located on the corner of 5th and Hypertext Avenue Specials Page: Include the logo in the header. Provide navigation to your other pages. The format (color, font, alignment, etc.) is up to you. Feel free to include additional image content on the page. In the footer on each page, Include links to all of your other pages in a navigation bar, copyright symbol and year, as well as your name with a link to your email address. Please use an unordered list in some way on this page. Embed these videos using the HTMLS video element (downtown diner.mp4 downtoun diner.ogy) Save these files to your local drve by right-cicking on the links and selecting Save Link As. or Save Target As.. . The dimensions of the video are 320px wide by 240px high. Remember that the MIME types are defined as type-"video/mp4" for the MP4 Tile and type-"video/ogg" for the OGV tile. This is how your student server is configured so your code must match the MIME types configured on the server for the videos to work correctly when played from the server. Provide a link to the downtown dinerwmy file as a tallback option that will only be available it the browser doesn't support the HTML5 video element. Review the talback option discussed in your book on p 486-487 Include this content in the main content area We offer the following specials each day of the week: Monday--Chicken an Dumplings Tuesday--Meatloaf Wednesday-Chicken Fried Steak Thursday-Chip's Casserole Friday--Fiesta Burrito Saturday--Fried Chicken Sunday--Drive's Special Beef Stew We hope you will join us at The Downtown Diner for a meal. History Page: Include the logo in the header. Provide navigation to your other pages. The format (color, font, alignment, etc.) is up to you. In the footer on each page, Include links to all of your other pages in a navigation bar, copyright symbol and year, as well as your name with a link to your email address You must include an additional inline image in the main content on the page. Be sure the image is sized/optimized using an image editing program or online tool. Add a comment in your HTML code using the HTML comment tag, that explains where the image was obtained and giving credit to the image owner. Include this content in the main content area: The Downtown Diner first opened its doors in November of 1972! Bit and Byte Smith were new to Techieville and discovered an empty building on the corner of 5th and Hypertext Avenue. They always dreamed of opening up their own restaurant. That dream came true in the Fall of 1972 when they purchased the building and began construction on the Downtown Diner. In November of 1972, they were ready to open their doors. They decided to have a grand opening on Thanksgiving Day and offered a free turkey dinner to all who atended. This became a tradition that is still being followed to this day. Every Thanksgiving Day, the Downtown Diner opens its doors and serves a free turkey dinner. In 1994, Bit and Byte decided it was time to retire. They turned over the reins of the Diner to their son, Chip. Chip continues to manage the Diner today with the help of his wife, Drive. Chip and Drive have added a few of their own special recipes to the menu. But for the most part, the menu hasn't change too much from the original one. The Downtown Diner went through a major remodel in 2002. A private party room was added which can handle groups up to 40 people. If you would like to plan a private party at the Downtown Diner, please contact Chip or Drive at the restaurant. Print Media CSS File: Create a 2nd external CSS le to control the layout and to mat of all our HTML pages e printed The ao t ill be the same as used for screen media, excepto ne changes, explained belo . Hide the entire nav area so that it will not display . allow the # wrapper to fill the page Change all background colors to white with black text Home Page: You will need to create a banner or logo image for the Downtown Diner. You can use an online tool like Online Logo Maker. Web 2.0 L0go Creator or CoolText. if you have the ability to create your own logo using an image editing program like Pixir, Gimp or Photoshop, this would also be accepted. The logo should be included in the header on each page. Provide navigation to your other pages. The format (color, font, alignment, etc.) is up to you. Feel free to include additional image content on the page. Make sure all images are sized/optimized using an image editing program or online tool. You should also add a comment in your HTML code using the HTML comment tag, that explains where the images were obtained and giving credit to the image owners. In the footer on each page, Include links to all of your other pages in a navigation bar, copyright symbol and year, as well as your name with a link to your email address. Include this content in the main content area: The Downtown Diner is located in the heart of Techieville! We specialize in good-ole home cooking. Our menu ranges from chicken dumplings to our famous fiesta burrito Our breakfast menu is available all day. Please come by and share a meal with us. We are conveniently located on the corner of 5th and Hypertext Avenue
