ZuoTi.Pro
Question

Class project: personal portfolio website Requirements: - The Website should have a Navigation Bar at the...

Class project: personal portfolio website

Requirements:
- The Website should have a Navigation Bar at the top with the following links:
o Home
o About
o Contact
o Education Background
o Talents, Skills and Expertise
o Hobbies
o Image Gallery (Personal Images)

Notes:
- Zip all the files (html, css and images)

plese anyone can do this

this portfolio is all about to make a website and add all the information
engineering   Computer-Science   
0 0
Add a comment Improve this question Transcribed image text
Next > < Previous
Sort answers by oldest

Homework Answers

Answer #1

Sorry it was not possible to upload zip file therefore I have pasted all the html code of each pages along with the screenshot of each web pages as the output :-

The HTML code for the Home page is as follows:-

<html>
<head>
<title>Index</title>
<style>
h2{border:10px solid rgba(122,34,210,.2)}
</style>
</head>
<body>
<h1><center>Personal Portfolio Website</center></h1><hr><br>
<center>
<h2>
<a href="home.html">Home</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
<a href="education.html">Education Background</a>
<a href="hobbies.html">Hobbies</a>
<a href="image.html">Image Gallery</a>
</h2>
</center>
</body>
</html>

The HTML code for the About page is as follows:-

<html>
<head>
<title>About</title>
<style>
h2{border:10px solid rgba(122,34,210,.2)}
p{font-size:30px;}
</style>
</head>
<body>
<h1><center>About</center></h1><hr><br>
<center>
<h2>
<a href="home.html">Home</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
<a href="education.html">Education Background</a>
<a href="hobbies.html">Hobbies</a>
<a href="image.html">Image Gallery</a>
</h2>
</center>
<p>My name is John Smith,and I belongs to Bangkok Thailand, currently I am pursuing MTech and I am 25 year old with marital status single. </p>
</body>
</html>

The HTML code for the Contact page is as follows:-

<html>
<head>
<title>Contact</title>
<style>
h2{border:10px solid rgba(122,34,210,.2)}
p{font-size:30px;}
</style>
</head>
<body>
<h1><center>Contact</center></h1><hr><br>
<center>
<h2>
<a href="home.html">Home</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
<a href="education.html">Education Background</a>
<a href="hobbies.html">Hobbies</a>
<a href="image.html">Image Gallery</a>
</h2>
</center>
<p>Contact Number: 1234567890<br>Email ID: john.com</p>
</body>
</html>

The HTML code for the Education page is as follows:-

<html>
<head>
<title>Education</title>
<style>
h2{border:10px solid rgba(122,34,210,.2)}
p{font-size:30px;}
</style>
</head>
<body>
<h1><center>Education Information</center></h1><hr><br>
<center>
<h2>
<a href="home.html">Home</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
<a href="education.html">Education Background</a>
<a href="hobbies.html">Hobbies</a>
<a href="image.html">Image Gallery</a>
</h2>
</center>
<p> My educational details </p>
<table border="1">
<tr><th>Class</th><th>School/College</th><th>Grade</th><th>Passing year</th></tr>
<tr><td>High School</td><td>Boys High School</td><td>10</td><td>2012</td></tr>
<tr><td>Intermediate</td><td>Boys High School</td><td>9</td><td>2014</td></tr>
<tr><td>BTech</td><td>United Institute of Technology</td><td>8.5</td><td>2018</td></tr>
<tr><td>MTech</td><td>Asian Institute of Technology</td><td>8</td><td>2020</td></tr>
</table>
</body>
</html>

The HTML code for the Hobbies page is as follows:-

<html>
<head>
<title>Hobbies</title>
<style>
h2{border:10px solid rgba(122,34,210,.2)}
li{font-size:30px;}
</style>
</head>
<body>
<h1><center>Hobbies</center></h1><hr><br>
<center>
<h2>
<a href="home.html">Home</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
<a href="education.html">Education Background</a>
<a href="hobbies.html">Hobbies</a>
<a href="image.html">Image Gallery</a>
</h2>
</center>
<p>
<ol><li>Playing Guitar</li><li>Playing Chess</li><li>Listening to music</li><li>Cooking</li></p>
</body>
</html>

The HTML code for the Image page is as follows:-

<html>
<head>
<title>Hobbies</title>
<style>
h2{border:10px solid rgba(122,34,210,.2)}
p{font-size:30px;}
</style>
</head>
<body>
<h1><center>Personal Images</center></h1><hr><br>
<center>
<h2>
<a href="home.html">Home</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
<a href="education.html">Education Background</a>
<a href="hobbies.html">Hobbies</a>
<a href="image.html">Image Gallery</a>
</h2>
<table border="1">
<tr><td><img src="smiley.gif" height="182" width="142"></td><td><img src="smiley.gif" height="182" width="142">
</td><td><img src="smiley.gif" height="182" width="142"></td><td><img src="smiley.gif" height="182" width="142"></td></tr>
<tr><td><img src="smiley.gif" height="182" width="142"></td><td><img src="smiley.gif" height="182" width="142">
</td><td><img src="smiley.gif" height="182" width="142"></td><td><img src="smiley.gif" height="182" width="142"></td></tr>
<tr><td><img src="smiley.gif" height="182" width="142"></td><td><img src="smiley.gif" height="182" width="142">
</td><td><img src="smiley.gif" height="182" width="142"></td><td><img src="smiley.gif" height="182" width="142"></td></tr>
</table>
</center>
</body>
</html>

The final web page as the outcome will be look as follows:-

0 0
Add a comment
Know the answer?
Add Answer to:
Class project: personal portfolio website Requirements: - The Website should have a Navigation Bar at the...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Log In

Sign Up

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions

  • Answer ASAP please Project l All assignments must be submitted as a zip file through blackboard...

    Answer ASAP please Project l All assignments must be submitted as a zip file through blackboard that contains all elements necessary (HTML, CSS, Images, etc)-I will be unzipping the files and opening them from and running them in Visual Studio Code's Live Server Using HTML and CSS, create a personal website for yourself. The purpose of this site will be to act as a home page and portal and should show off both your HTML and CSS skills along with...

  • code a website in html about vacational about atleast 3 vacational spots. the requirements are as...

    code a website in html about vacational about atleast 3 vacational spots. the requirements are as follows Home page and at least 5 content pages A single external CSS file controlling styles across the site (internal and embedded styles may also be used when appropriate) Consistent "look and feel" throughout the site (logo, color scheme, layout, navigation) Consistent navigation throughout the site Use at least three images in addition to the logo (images should have alternate text) Include at least...

  • Create a website on a topic of your choosing. Site should include the following: Design: Site...

    Create a website on a topic of your choosing. Site should include the following: Design: Site Map (Task 7) Page-layout for each page (Task 8) Homepage . . o Title o Navigation Links o Footer o Minimum of 1 graphic 4 additional pages that are linked to home page o o o Navigation Links (link back to homepage) Minimum of 1 graphic per page Footer (matching homepage) CSS should be used for formatting visual aspects of site. Use either external...

  • For milestone #1, we will start the CARIT site with three static HTML pages and a...

    For milestone #1, we will start the CARIT site with three static HTML pages and a CSS file. Create a dedicated folder for this project. This folder should contain all related files in this project. The future milestones are cumulative and built directly on top of your prior work. Function/content requirements: A home page named “index.html”, which include these contents at least: Description of the center. You may reference the example sites. Latest news: use list tags; make up some...

  • This week, you will start a course project. For this project, you will design and develop...

    This week, you will start a course project. For this project, you will design and develop a small website for a travel company. You will develop this website across the span of the course, building new project components each week, until you have a live, hosted website at the end of the course. This project is designed to replicate real-life situations where the clients provide only a few of their requirements and expect a prototype to be developed. Scenario Express...

  • Design an original, professional web site following the specifications listed below. This web sit...

    Design an original, professional web site following the specifications listed below. This web site will be for a business you plan to set up for yourself or for someone else. The following is a detailed list of the requirements for your web site. READ them carefully. Instructions - Web Site Requirements for the web site: General: You will thoroughly test all your pages in more than one browser. All links MUST work. All graphics must show on the page. All...

  • NEED HELP with HTML with Javascript embedding for form validation project below. I have my code...

    NEED HELP with HTML with Javascript embedding for form validation project below. I have my code below but I'm stuck with validation. If anyone can fix it, I'd really appreciate. ****************************************************************************** CODE: <!DOCTYPE html> <!-- To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. --> <html> <head> <title>Nice</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script> var textFromTextArea; function getWords(){ var text =...

  • Hello, this is my code. moest of the things works but when select the price, i...

    Hello, this is my code. moest of the things works but when select the price, i just dont get my total. can someone help me out . thank you My queshion is also here The page will simulate the site for a Chicago-based small bus line that travels to St Louis, Milwaukee, and Detroit. Here are the requirements: The home page (i.e. the main page) should simply be the heading, image, and slogan of the site.  The home page should NOT...

  • Actions that damage a company and its employees should be stamped out, everyone would agree. But ...

    Actions that damage a company and its employees should be stamped out, everyone would agree. But should the people responsible be stamped out, too? HBR CASE STUDY The Reign of Zero Tolerance by Ben Gerson "Mr. Pemberton?" manager. The guards had radioed her that the "Yes, that's me," Simon replied distractedly, his back turned. target wasn't putting up much resistance. "Your personal belongings will be messen The two burly gentlemen who had suddenly gered to your home later today," Sallie...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT