Using HTML , create a personal website that contains the following four web page
ID: 3870305 • Letter: U
Question
Using HTML , create a personal website that contains the following four web pages Home page (index.htm): Brief description about yourself *make something up resume page (resume.htm): formal resume in HTML format *resume doesnt have to be true resource page (resource.htm): A resource page containing links to websites *facebook, instagram, etc. 4. survey page (research.htm): This page should contain a marketing survey form that should include the following form elements -text box -check box -dropdown list -text area -submit and reset button * PLEASE CODE IN HTML AND MAKE SURE THE 4 PAGES ARE ACCESSIBLE BY PLACING A MENU BAR ON TOP OF THE HOME PAGE (index.htm)
Explanation / Answer
Here is your html code for personal website:
index.html
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: #111;
}
.active {
background-color: #4CAF50;
}
</style>
</head>
<body>
<ul>
<li><a class="active" href="index.html">Home</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="resource.html">Resource</a></li>
<li><a href="research.html">Research</a></li>
</ul>
<div>
<h1>Introduction</h1>
<p>
Hi<br>I'm Umit Kumar. I'm persuing B-Tech Final Year in NIFFT, RANCHI. I did my schooling from Forbesganj. But I'm native of Katihar, Bihar.
My good impacts apart from smart learning, diligence, confidence, multitasking, adaptability and hardworking. I do believe in changing, transformation and taking risks.
Although I'm improving myself my bad impacts are over-excitement and talkativeness.
Coming to my family.
I'm from a middle class but supportive family. That consists of only four members.
My father is a hardworking serviceman, he teaches me about his adaptability and hard work. My mother is a simple, loving and caring housewife and I got simplicity, loving and caring nature from her.
My only brother is persuing BTech in production.
My interests and hobbies apart from surfing net, are Dancing, Painting, Sketching, Art & Craft, playing cricket and other few games.
My short term aims to start my future in competitive and progressive world initially by taking a job in a good company like you.<br>
That's all about me. <br>Thank you.
</p>
</div>
</body>
</html>
Resume.html:
<html>
<head><title>cv</title>
<style>
div{border-radius:9px 9px 9px 9px;}
.idiv{border:2px solid;width:11.9%;position:relative;top:20px;left:4px}
.sdiv{border:2px solid;position:relative;top:20px;left:2px;width:900px}
.pdiv{border:2px solid;position:relative;top:25px;left:2px;width:950px}
.tdiv{border:2px solid;position:relative;top:4px;left:2px;width:200px}
.t2div{border:2px solid;position:relative;top:10px;left:2px;width:200px}
.cdiv{border:2px solid;position:relative;top:-9px;left:2px;width:98%}
.mdiv{border:1px solid;top:2px;height:150%}
.div0{border:2px solid;position:relative;top:10px;left:2px;width:320px}
.div1{background-color:c2c2a3;width:198px}
</style>
</head>
<body><div>
<center><br>RESUME</center><br><hr></div><div class="mdiv"><font size=5>
<div class="div0">Name:Mr Green<br>Email:mrgreen@XXX.com<br>Telephones(M)+94101XXXX</div>
<br><div class="cdiv"><div class="div1">CAREER OBJECTIVE </div><pre>
Seeking a challenging, responsible and a bright career by using my intelligence and creativity in a professionally<br> driven organization.</pre></div>
<div class="tdiv"><div class="div1">ACADEMIC PROFILE</div>
<table border=1em><tr><td>Year</td><td>Qualification</td></tr><tr><td>2012</td><td>10th</td></tr>
</tr><tr><td>2014</td><td>12th</td></tr></table></div>
<div class="t2div"><div class="div1">INTEREST</div>
<ul><li>Programming</li><li>knowing tech</li><li>Playing</li></ul></div>
<div class="sdiv"><div class="div1">SELF APPRIAISAL</div>
I am self confident,smart worker,self motivated,straight toward my work & a quick learner</div>
<div class="pdiv"><div class="div1">PERSONAL INFORMATION</div>
<ul><li>Father's name- Mr Cool</li>
<li>Date of Birth- 08/10/1994</li><li>Permanent Address- Mars</li></ul><div>
</div></font>
</body>
</html>
Research.html:
<html>
<head>
</head>
<body>
<form >
Name <input type="text"><br>
Known Language:<br>
<input type="checkbox" name="java">Java<br>
<input type="checkbox" name="html">HTML<br>
<input type="checkbox" name="android">Android<br>
County <select>
<option value="USA">USA</option>
<option value="USA">India</option>
<option value="USA">China</option>
<option value="USA">Japan</option>
</select>
<br>Short Intro<br><input type="text">
<br><input type="submit" value="Submit"><input type="reset" value="reset">
</form>
</body>
</html>
Resource.html:
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<a href="https://www.twitter.com" class="fa fa-twitter"></a><br>
<a href="https://www.google.com" class="fa fa-google"></a><br>
<a href="https://www.linkedin.com" class="fa fa-linkedin"></a><br>
<a href="https://www.youtube.com" class="fa fa-youtube"></a><br>
<a href="https://www.fb.com" class="fa fa-facebook"></a><br>
</head>
<body>
</body>
</html>
I hope this solves your problem
Comment if you have any problem in above code
And please give it a thumbs up if it solved your problem :)
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.