I need to make a 8 page mock website. Details of requirements below
CIS385ProjectPart01_SP2020.pdf CIS385 PROJECT PART1 SP2020 The objective of the CIS385 course project is to develop a cookie- based portal with a functional shopping cart application and XML Catalog. In this Part1 you will create an static website to be used for your project part2. This is worth 70% of your project grade. SECTION01 MEMBER NAMES 1. A maximum of four members is allowed on each group. Provide the names and emails of each member in your group. You can also choose to work by your self. MEMBER1: ________________________________________________ MEMBER2: ________________________________________________ MEMBER3: ________________________________________________ MEMBER4: ________________________________________________ SECTION02 DESIGN WEBISTE 2. Define the website type of products to be sold on-line. Here are some examples of types of products that you can choose be sold on- line: Electronics, Appliances, Clothing, Flowers, Movies Pets, Toys, Music, Books, Catering Services... 3. Define a site logo first then choose at least 1 category, with at least 4 items. 4. Provide the following for each of the product items: • Item Name and/or Id • Item Short Description • Product Specifications • Number of items Available • Item Price • Item Picture SECTION3 CHOOSE TEMPLATE 5. Now find and utilize a free on-line template or use your own to build your entire Project Web Application. It should have a minimum of 7 web pages. NOTE: All web pages must have the same look and feel. Every page must use the same template SECTION04 6 Define or create the following web pages for your website: WEB PAGE NAME DESCRIPTION index.html Home page. This is the entry- point of your web application. products.html Category 1 with 3 items Item1.html Item1 has its own page Item2.html Item2 has its own page Item3.html Item3 has its own page Item4.html Item4 has its own page aboutus.html Provide the names of your group members. contactus.html Email Contact form 7. Your web pages should contain a common centralized menu. PROJECT EXAM DELIVERY The project exam must be emailed and shown in class. Project Part 1 Steps.docx Project Part 1 Steps: STEP01- Decide whether to work alone or in a group STEP02-Decide on the items or services your project will showcase to sell STEP03-Choose a Website CSS Template STEP04-Create 8 web pages or more using the Website CSS Template chosen. ProjectSitePDFs.pdf CIS385 WEBSITE SAMPLE PARTI CIS385 Web Programming I index.html products.html sony.html panasonic.html contactus.html aboutus.html cis385ProjectPart2Demo.zip cis385ProjectPart2Demo/cis385ProjectPart2Demo/about.html Welcome to cis385 Electronics AboutProduct ListContact Us About the Company In 1957, when Kim Website first came to America, Elvis was king of rock n' roll, big cars with tailfins were "in" and postage stamps were just 3 cents. After a poor start with a car called the "Toyopet," Kim Website came back strong in 1965 with the popular 90-horsepower Corona sedan. Then there was the Corolla, Camry, Kim Website trucks, the Lexus luxury brand, Scion, and the world's first gas/electric hybrid Prius...a car we built for the 21st century. Along the way, we've learned a lot and enjoyed the support of American consumers who have embraced the quality, dependability and reliability of our vehicles. Today, Kim Website is one of the top-selling brands in America and we are committed to continuous improvement in everything we do, along with breakthrough products for the future. We're proud to share some highlights of our 50 years of progress and history here. cis385ProjectPart2Demo/cis385ProjectPart2Demo/cart.html Welcome to cis385 Electronics AboutProduct ListContact Us cis385ProjectPart2Demo/cis385ProjectPart2Demo/catalog.js class Catalog { constructor() { this.products= [ {id:1,name:"LGTV UHD", code:"lguhdtv", image:"lgtv.jpg",description:"LG Electronics 49UK6300PUE 49-Inch 4K Ultra HD Smart LED TV (2018 Model).",price:1200.99}, {id:2,name:"SONY 4KTV", code:"sony4ktv", image:"sonytv.jpg",description:"Sony XBR55X900F 55-Inch 4K Ultra HD Smart LED TV with Alexa Compatibility ",price:1555.69} ]; } getItem(code) { for (let i=0; i
=1) { cart=cart+(items[i].getItemCode()+":"+qty+"@"); atleastone=true; } } if(atleastone) { cart=cart.substring(0,cart.length-1); setCookie(usercart,cart,30); } else setCookie(usercart,"",-1); } loadCart() { let cartname=this.userid+"cart"; let cart=getCookie(cartname); if(cart != null) { var str=cart.split("@"); for(var i=0;iLogin"); } else document.writeln("Login"); cis385ProjectPart2Demo/cis385ProjectPart2Demo/products.html Welcome to cis385 Electronics AboutProduct ListContact Us Product List Products PROCEED TO WEB CART cis385ProjectPart2Demo/cis385ProjectPart2Demo/registration.html Welcome to cis385 Electronics LoginAboutProduct ListContact Us Username: Password: Re-Type Password: cis385ProjectPart2Demo/cis385ProjectPart2Demo/shipping.html Welcome to cis385 Electronics AboutProduct ListContact Us Place Order Next cis385ProjectPart2Demo/cis385ProjectPart2Demo/style.css body { font-family: Tahoma; font-size: 14px; } #menu { font-family: Tahoma; } #menu td{ border: 3px solid #DD0000; padding: 6px; color: #000; } #menu a{ color: #0000ff; } #menu a:visited{ color: #0000ff; } #menu a:hover { color: #ff0000; background-color: #ddd; } cis385ProjectPart2Demo/cis385ProjectPart2Demo/style2.css #contentArea{width:400px;margin:0 auto;position:relative} #main{width:300px;padding:15px 15px 15px 0;float:left} .contentSection { position:relative; margin:5px 0 10px; border:1px solid #DDD; background-color:white; border-radius:4px; padding:15px 35px; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.03), 0 0 25px rgba(0, 0, 0, 0.08) inset } #postBody{line-height:1;padding:15px} .form{font-size:small; color: blue;} cis385ProjectPart2Demo/cis385ProjectPart2Demo/template.html Welcome to cis385 Electronics LoginAboutProduct ListContact Us PAGE CONTENT HERE cis385ProjectPart2Demo/cis385ProjectPart2Demo/thankyou.html Welcome to cis385 Electronics AboutProduct ListContact Us Thank you for your order Continue Shopping cis385ProjectPart2Demo/cis385ProjectPart2Demo/validation.js if(getCookie("flag") !="true"){location.href="login.html";} cis385ProjectPart2Demo/cis385ProjectPart2Demo/about.html Welcome to cis385 Electronics AboutProduct ListContact Us About the Company In 1957, when Kim Website first came to America, Elvis was king of rock n' roll, big cars with tailfins were "in" and postage stamps were just 3 cents. After a poor start with a car called the "Toyopet," Kim Website came back strong in 1965 with the popular 90-horsepower Corona sedan. Then there was the Corolla, Camry, Kim Website trucks, the Lexus luxury brand, Scion, and the world's first gas/electric hybrid Prius...a car we built for the 21st century. Along the way, we've learned a lot and enjoyed the support of American consumers who have embraced the quality, dependability and reliability of our vehicles. Today, Kim Website is one of the top-selling brands in America and we are committed to continuous improvement in everything we do, along with breakthrough products for the future. We're proud to share some highlights of our 50 years of progress and history here. cis385ProjectPart2Demo/cis385ProjectPart2Demo/cart.html Welcome to cis385 Electronics AboutProduct ListContact Us cis385ProjectPart2Demo/cis385ProjectPart2Demo/catalog.js class Catalog { constructor() { this.products= [ {id:1,name:"LGTV UHD", code:"lguhdtv", image:"lgtv.jpg",description:"LG Electronics 49UK6300PUE 49-Inch 4K Ultra HD Smart LED TV (2018 Model).",price:1200.99}, {id:2,name:"SONY 4KTV", code:"sony4ktv", image:"sonytv.jpg",description:"Sony XBR55X900F 55-Inch 4K Ultra HD Smart LED TV with Alexa Compatibility ",price:1555.69} ]; } getItem(code) { for (let i=0; i