Anyway you could Give me a example of this HTML project I need for class? I gene

ID: 3733021 • Letter: A

Question

Anyway you could Give me a example of this HTML project I need for class? I generally do my coding in Text wrangler if you could do it in that it would be great. Dont really worry about the file name and stuff.

Chapter 2 Project - HTML If you’re like me, you have favorite dishes from a variety of different restaurants. What if you could open a restaurant that served all of your favorite dishes, from the special shrimp lo mein from the Chinese restaurant down the street, to your grandma’s home-cooked lasagna. For this assignment, you’ll start building a website for your restaurant, ’s Food Fusion. Tip: Usually when you see <> angle brackets in instructions or code samples, it means replace this, including the angle brackets, with your own information. Tip: Follow the directions closely, and pay attention to the letter case. For example, if you are to create a page called index.html, then a page called Index.html would not be correct. Step 1. Create the following pages in a directory structure named csci120/chapter2/project/ (All images should be stored in csci120/chapter2/project/images index.html, titled “’s Food Fusion, with invisible head section, with title element the restaurant header, including at least name and logo the navigation menu bar, including links to each of the pages in the assignment, including the current one (except survey.html and employment.html, which will be in the footer) a welcome section in the middle, including at least 3 divisions, each div including 1 image, 2 paragraphs of text, and 1 hyperlink the footer bar, including a copyright symbol and links to survey.html and employment.html ALL PAGES should include the invisible head section, the restaurant header, navigation menu bar at the top, and footer bar at the bottom Tip: Perfect these sections in the index.html page, and then just copy them to start each of the other pages. Add the page-specific content on each page between the navigation header bar and footer bar. Step 2. Once index.html is complete, and you’ve read through the details in Step 1, create the rest of the pages. Don’t forget to include the similar head, header, navigation, and footer sections on each page. about.html, titled “About Us”, with at least 1 image at least 2 paragraphs breakfast.html, titled “Breakfast”, with at least 2 dishes, each in its own div, each containing a tag for the dish title, where X is 1-6 a paragraph description an image a price a “more details” summary tag that expands to show a list of potential allergen details (eggs, nuts, etc..) Tip: Learn about the summary/details tags here: https://www.w3schools.com/tags/tag_summary.asp lunch.html, titled “Breakfast”, with at least 2 dishes, each in its own div, each containing a tag for the dish title, where X is 1-6 a paragraph description an image a price a “more details” summary tag that expands to show a list of potential allergen details (eggs, nuts, etc..) dinner.html, titled “Dinner”, with at least 2 dishes, each in its own div, each containing a tag for the dish title, where X is 1-6 a paragraph description an image a price a “more details” summary tag that expands to show a list of potential allergen details (eggs, nuts, etc..) extras.html, titled “Appetizers and Extras”, with at least 2 dishes, each in its own div, each containing a tag for the dish title, where X is 1-6 a paragraph description an image a price a “more details” summary tag that expands to show a list of potential allergen details (eggs, nuts, etc..) locations.html, titled “Locations”, with a list of addresses and phone numbers for your restaurant locations (at least 2) contact.html, titled “Contact Us”, with a paragraph stating “This page coming soon” survey.html, titled “Help us serve you better”, with a paragraph stating “This page coming soon” events.html, titled “Special Events”, with several paragraphs (at least 3) describing special upcoming events at your restaurant each paragraph should include 1 image employment.html, titled “Job Opportunities”, with several paragraphs (at least 2) each describing a job position use heading tags for the job titles order.html, titled “Online Ordering”, with a paragraph stating “This page coming soon” Step 3. Check all your navigation hyperlinks to make sure they all work.

Explanation / Answer

this is index file & full of project will download from the link https://drive.google.com/drive/folders/14S4a61AyBU3MNWd99qwD0rFP9WcBQZ8h?usp=sharing

index.html

<!DOCTYPE html>

<head>

<title>Food Fusion Restaurant</title>

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-58838372-2', 'auto');

ga('send', 'pageview');

</script>

$(document).ready(function() {

$('.menu li a').click(function() {

$('.menu li').removeClass('selected');

$(this).parent('li').addClass('selected');

thisItem = $(this).attr('rel');

if(thisItem != "all") {

$('.item li[rel='+thisItem+']').stop()

.animate({'width' : '300px',

'opacity' : 1,

'marginRight' : '.5em',

'marginLeft' : '.5em'

});

$('.item li[rel!='+thisItem+']').stop()

.animate({'width' : 0,

'opacity' : 0,

'marginRight' : 0,

'marginLeft' : 0

});

} else {

$('.item li').stop()

.animate({'opacity' : 1,

'width' : '300px',

'marginRight' : '.5em',

'marginLeft' : '.5em'

});

}

})

$('.item li img').animate({'opacity' : 0.5}).hover(function() {

$(this).animate({'opacity' : 1});

}, function() {

$(this).animate({'opacity' : 0.5});

});

</script>

</head>

</div>

</a>

</div>

</div>

<h2>Navigation</h2>

</div>

<li><a href="index.html#hungry-about-us">About Us</a></li>

<li><a href="breakfast.html#hungry-breakfast">breakfast</a></li>

<li><a href="order.html#hungry-order">order</a></li>

<li><a href="lunch.html#hungry-about-us">lunch</a></li>

<li><a href="dinner.html#hungry-about-us">dinner</a></li>

<li><a href="event.html#hungry-event">events</a></li>

<li><a href="extras.html#hungry-about-us">extras</a></li>

<li><a href="location.html">location</a></li>

<li><a href="index.html#hungry-gallery">The Gallery</a></li>

<li><a href="contact.html#hungry-reservations">Contacts</a></li>

</ul>

</nav>

</div>

</div>

<div class="cycle-slideshow"

data-cycle-swipe="true"

data-cycle-swipe-fx="fade"

data-cycle-fx="fade"

data-cycle-speed="1200"

data-cycle-timeout="16000">

</div>

<!-- Pre-slogan

</div> -->

<li>Try the dishes!</li>

<li>Bring the Family!</li>

<li>Enjoy our Food!</li>

<li>Have a Great Time!</li>

</ul>

</div>

</div>

</div>

</ul>

</div>

</header>

<h2 class="section-heading-title">About Us</h2>

<h4 class="section-heading-subtitle">Whats our Story?</h4>

</div>

</header>

</div>

</div>

<h4 class="header-divider">Finest Dishes around the world...</h4>

<p><strong>As the name suggests, FOOD FUSION is a multi cuisine family restaurant where you can find the finest dishes from around the world. Here, indian and international cuisine is prepared by gifted chefs .

It's a true fusion of world cuisine under one roof.</strong></p>

<p>In 2007 Nila expanded it's catering devision to a private limited company under the leader ship of xxxx as it's Managing Director , xxxx as chairman and xxxx as Vice Chairman . Executive Directors xxxx and xxxx are incharge of the south and north

zones operations. Directors Mr. A Anoop and Mr. PP Mujmal are incharge of Trissur and Coimbatore regions. Director Mr VP Sujith is incharge of Nila's new expansion -Food fusion & Grill 'N' Fry .Mr CP Usman Mr. K N Shanmughan , Mr M Stathyanarayanan and V.P Surendran are the other directors of NILA.

</p>

</div>

</div>

</section>

<h2 class="hungry-slogan-text">Free Home Delivery:<br />

Call: +91-9020924400</h2><a class="hungry-button dark" href="menu.html">See Our Menu</a>

</div>

</section>

<h2 class="section-heading-title">The Gallery</h2>

<h4 class="section-heading-subtitle">Take a Look Inside!</h4>

</div>

</header>

</div>

</div>

</a>

</div>

</div>

</a>

</div>

</div>

</a>

</div>

</div>

</a>

</div>

</div>

</a>

</div>

</div>

</section>

<h1 class="section-heading-alt-title">Food Fusion Branches<span>…</span></h1>

</div>

<blockquote>Ground Floor,Harisree Sqaure,Opp Bus stand <br /> Ottappalam, Kerala 679101 <br/>Mob: 9544810022, 9544810033</blockquote>

</div>

<blockquote>Oposite Vallathol Museum, Main Road<br /> Cheruthuruthy, Kerala <br/>Mob: 7025820001</blockquote>

</div>

<blockquote>Chilambukadan Building, Main Road<br /> Karinkallathani, Kerala <br/>Mob:7025940003</blockquote>

</div>

<blockquote>Near Bus stand, Shoranur <br />Kerala <br/>Mob:9544009977</blockquote>

</div>

<blockquote>Opp. Presentation High School, Calicut Road, Perinthalmanna <br />Kerala <br/>Mob:9562780333</blockquote>

</div>

</section>

<h2 class="section-heading-title">Contact US</h2>

</div>

</header>

</div>

<legend class="form-title">Contact Form<span>Please fill out all required<em>*</em> fields. Thanks!</span></legend>

<p>

</p>

<p>

<label for="res_phone">Your Contact Number<span>*</span></label>

</p>

<p>

<label for="res_phone">Your Contact Number<span>*</span></label>

</p>

<!--

<p>

<label for="res_amount">How many people in your Party?<span>*</span></label>

<option value="" selected>Please Choose...</option>

</select>

</p>-->

</div>

<p>

<label for="res_email">Your Email Address<span>*</span></label>

</p>

<p>

<label for="res_time">Subject<span>*</span></label>

<!--

<option value="" selected>Please Choose...</option>

</optgroup>

</optgroup>

</select>-->

</p>

</div>

<label for="res_email">Optional Message</label>

</div>

</fieldset>

</form>

</div>

</section>

</main>

</div>

</div>

<li><a href="employment.html#hungry-about-us">employment</a></li>

<li><a href="survey.html#hungry-about-us">survey</a></li>

</footer>

</div>

(

</script>

</body>

</html>

Navigate

Anytown Hospital has an outstanding reputation for surgical services. The operat

Anywhere Hospital’s CFO for the past 20 years, Jim Smith, just retired. He worke

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.

Anyway you could Give me a example of this HTML project I need for class? I gene

Question

Explanation / Answer

Related Questions

Navigate