Please changed and fixed the whole code blew according the requirement blew, the
ID: 3852923 • Letter: P
Question
Please changed and fixed the whole code blew according the requirement blew, then Please prove the changed code by typed(not write in paper and taking photo), thank you very much:
Resume.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Resume</title>
<link rel="stylesheet" type="text/css" href="css/style.css" >
</head>
<body>
<h1>Resume</h1>
<div id="resume">
<h2>Personal information</h2>
<p>Junhua Dong</p>
<p>3541 S. PARNELL Ave, Apt D, Chicago, IL 60609 | 5406273344 | jdong22@hawk@hawk.iit.edu</p>
<h3>Education</h3>
<p>
Professional Bachelor Degree in Information Technology and Management
</p>
<p>
<strong>Illinois Institute of Technology</strong>, Chicago, IL
</p>
</p>
<p>
Jan. 2017 – present
</p>
<h4>Working Experience</h4>
<p>I have worked for half year as a builder in China after graduated from high school in 2012. During those five years in USA, I have tried three different jobs:</p>
<p>Moving worker, Laberor, and waiter in downton of Chicago. I helped several of my friend to fix their desktop last two years.</p>
<p>Also, I have help my wife to make a video for her first job last year</p>
<object width="425" height="344" data="https://www.youtube.com/embed/xQqPp12rmHo"></object>
<p></p>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Home</a>
<li><a href="me.html">About Me</a>
<li><a href="skills.html">Skills</a>
</ul>
</div>
</body>
</html>
index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ITMD-361 Internet Technologies and Web Design</title>
<link rel="stylesheet" type="text/css" href="css/cssforindex.css" >
<link rel="stylesheet" type="text/css" href="css/normalizer.css" >
</head>
<body>
<div id="page">
<div id="logo">
<h1>Dong's Project2</h1>
</div>
</div>
<div id="content">
<h1>Home</h1>
<p>Name: Junhua Dong</p>
<h2>Project Description</h2>
<p>This project will develop project 1 from adding Css file.</p>
<h3>Project Goals</h3>
<ul>
<li>
Use the Css Style to perfect the HTML-5 pages
</li>
<li>
Use HTML validator to assure compliance
</li>
<li>
Tracking, developing of the whole project several time and communicate with others in Basecamp to made it better.
</li>
</ul>
</div>
<div id="nav">
<ul>
<li><a href="me.html">About Me</a>
<li><a href="skills.html">Skills</a>
<li><a href="Resume.html">Resume</a>
</ul>
</div>
</body>
</html>
me.html:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body {
margin: auto;
}
</style>
<title>personal information</title>
<meta name="author" content="your name" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="css/normalizer.css" >
<link rel="stylesheet" type="text/css" href="css/styleforme.css" >
</head>
<body>
<div id="page">
<div id="content">
<h2> Something about Me </h2>
<img src="images/me.png" alt="me">
<p> This page is about myself. </p>
<p> My name is JUNHUA DONG, I was born in CHINA and lived there for exactly 18 years. </p>
<p>Something may amazing you is almost of the chinese food in Chinatown, Chicago is Cantonese food.</p>
<p>And the elder name of Guangzhou is canton. So, in other word, I have eaten cantonese food since I borned.</p>
<p>The video blow is about my hometown-Guangzhou. </p>
<object width="425" height="344" data="https://www.youtube.com/embed/9HuL-HZQnIE"></object>
<p>The picture blow is about the most famous places in my hometown-Guangzhou.</p>
<img src="images/guangzhou.jpg" alt="guangzhou">
<p>Different countries have different enviorrment and so it is with United States and China. </p>
<p>I complete two years in City college of Chicago and now I am transfer student in IIT as the ITM major. </p>
<p>This is currently my 2nd semester after spring, and it keeps getting interesting as it goes.</p>
<p> I like to live a very simple life along with working hard for my goals and getting it through achievemets. </p>
<p>My favourite class is Java in IIT Focus and hard work always pay off at the right time, which I have experienced. </p>
<p> I like to play basketball, which is same as I love to watch sport's live shows and also love listening to chinese songs and few hollywood songs. </p>
<p>Travelling to different places across the world is my dream.</p>
</div>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Home</a>
<li><a href="aboutme.html">About Me</a>
<li><a href="skills.html">Skills</a>
</ul>
</div>
</body>
</html>
Skills.html:
<!DOCTYPE html>
<html>
<head>
<title>Skills</title>
<meta name="author" content="your name" />
<meta name="description" content="" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/normalizer.css" >
</head>
<body>
<div id="page">
<div id="logo">
<h1>Skills in Computer</h1>
</div>
<div id="content">
<h1>Skills in Computer</h1>
<p><em>MS office 2007-2013</em></p>
<p><em>Java,Web development</em></p>
<p><em>Desktop repair and maintenance</em></p>
<p><em>Basic command for windows </em></p>
<h2>Languages</h2>
<p>Mardian</p>
<p>Cantonese</p>
<p>English</p>
<div id="nav">
<ul>
<li><a href="index.html">Home</a>
<li><a href="me.html">Something about me</a>
<li><a href="Resume.html">Resume</a>
</ul>
</div>
</div>
</div>
</body>
</html>
Requirement:
"1.Please add the Javascript which Iclusion of either a google maps api utilizing at least three javascript features, or a javscript based rotating picture display in the whole html."
2. Valid, well-formed HTML5 and standards-compliant CSS and JavaScript
3. One valid, error-free CSS file with the orginal code; and one file containing the css reset code used.
4. JavaScript that throws no uncaught errors and is loaded unobtrusively HTML-based fallbacks for any media elements (image, audio, video) that include Organized, readable source that is hand-written and original (no WYSIWYGs or code-generators, no Bootstrap or other off-the-shelf frameworks). "
Explanation / Answer
Resume.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Resume</title>
<link rel="stylesheet" type="text/css" href="css/style.css" >
</head>
<body>
<h1>Resume</h1>
<div id="resume">
<h2>Personal information</h2>
<p>Junhua Dong</p>
<p>3541 S. PARNELL Ave, Apt D, Chicago, IL 60609 | 5406273344 | jdong22@hawk@hawk.iit.edu</p>
<h3>Education</h3>
<p>
Professional Bachelor Degree in Information Technology and Management
</p>
<p>
<strong>Illinois Institute of Technology</strong>, Chicago, IL
</p>
</p>
<p>
Jan. 2017 – present
</p>
<h4>Working Experience</h4>
<p>I have worked for half year as a builder in China after graduated from high school in 2012. During those five years in USA, I have tried three different jobs:</p>
<p>Moving worker, Laberor, and waiter in downton of Chicago. I helped several of my friend to fix their desktop last two years.</p>
<p>Also, I have help my wife to make a video for her first job last year</p>
<object width="425" height="344" data="https://www.youtube.com/embed/xQqPp12rmHo"></object>
<p></p>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Home</a>
<li><a href="me.html">About Me</a>
<li><a href="skills.html">Skills</a>
</ul>
</div>
</body>
</html>
index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ITMD-361 Internet Technologies and Web Design</title>
<link rel="stylesheet" type="text/css" href="css/cssforindex.css" >
<link rel="stylesheet" type="text/css" href="css/normalizer.css" >
</head>
<body>
<div id="page">
<div id="logo">
<h1>Dong's Project2</h1>
</div>
</div>
<div id="content">
<h1>Home</h1>
<p>Name: Junhua Dong</p>
<h2>Project Description</h2>
<p>This project will develop project 1 from adding Css file.</p>
<h3>Project Goals</h3>
<ul>
<li>
Use the Css Style to perfect the HTML-5 pages
</li>
<li>
Use HTML validator to assure compliance
</li>
<li>
Tracking, developing of the whole project several time and communicate with others in Basecamp to made it better.
</li>
</ul>
</div>
<div id="nav">
<ul>
<li><a href="me.html">About Me</a>
<li><a href="skills.html">Skills</a>
<li><a href="Resume.html">Resume</a>
</ul>
</div>
</body>
</html>
me.html:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body {
margin: auto;
}
</style>
<title>personal information</title>
<meta name="author" content="your name" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="css/normalizer.css" >
<link rel="stylesheet" type="text/css" href="css/styleforme.css" >
</head>
<body>
<div id="page">
<div id="content">
<h2> Something about Me </h2>
<img src="images/me.png" alt="me">
<p> This page is about myself. </p>
<p> My name is JUNHUA DONG, I was born in CHINA and lived there for exactly 18 years. </p>
<p>Something may amazing you is almost of the chinese food in Chinatown, Chicago is Cantonese food.</p>
<p>And the elder name of Guangzhou is canton. So, in other word, I have eaten cantonese food since I borned.</p>
<p>The video blow is about my hometown-Guangzhou. </p>
<object width="425" height="344" data="https://www.youtube.com/embed/9HuL-HZQnIE"></object>
<p>The picture blow is about the most famous places in my hometown-Guangzhou.</p>
<img src="images/guangzhou.jpg" alt="guangzhou">
<p>Different countries have different enviorrment and so it is with United States and China. </p>
<p>I complete two years in City college of Chicago and now I am transfer student in IIT as the ITM major. </p>
<p>This is currently my 2nd semester after spring, and it keeps getting interesting as it goes.</p>
<p> I like to live a very simple life along with working hard for my goals and getting it through achievemets. </p>
<p>My favourite class is Java in IIT Focus and hard work always pay off at the right time, which I have experienced. </p>
<p> I like to play basketball, which is same as I love to watch sport's live shows and also love listening to chinese songs and few hollywood songs. </p>
<p>Travelling to different places across the world is my dream.</p>
</div>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Home</a>
<li><a href="aboutme.html">About Me</a>
<li><a href="skills.html">Skills</a>
</ul>
</div>
</body>
</html>
Skills.html:
<!DOCTYPE html>
<html>
<head>
<title>Skills</title>
<meta name="author" content="your name" />
<meta name="description" content="" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/normalizer.css" >
</head>
<body>
<div id="page">
<div id="logo">
<h1>Skills in Computer</h1>
</div>
<div id="content">
<h1>Skills in Computer</h1>
<p><em>MS office 2007-2013</em></p>
<p><em>Java,Web development</em></p>
<p><em>Desktop repair and maintenance</em></p>
<p><em>Basic command for windows </em></p>
<h2>Languages</h2>
<p>Mardian</p>
<p>Cantonese</p>
<p>English</p>
<div id="nav">
<ul>
<li><a href="index.html">Home</a>
<li><a href="me.html">Something about me</a>
<li><a href="Resume.html">Resume</a>
</ul>
</div>
</div>
</div>
</body>
</html>