Code for websites. Your home page will serve as a simple directory to assignment
ID: 3839891 • Letter: C
Question
Code for websites.
Your home page will serve as a simple directory to assignments and projects. For purposes of this assignment, your home page has these requirements.
It is named index.htm or index.html
It has your name, a link to your email address and an image on it. You can use your picture or any other images. Don’t use huge image on your homepage.
Create a title for your homepage: WELCOME TO MY HOME PAGE!
If you like, you can put your name instead of MY.
Display at least one message on your homepage introducing yourself and why you are taking this course.
This page should include links to subsequent assignments and projects (assignment 3 link, assignment 4 link, assignment 5 link, assignment 6 link, assignment 7 link, assignment 8 link, assignment 9 link, final project link). As you complete assignments and projects, you can go back to this page and make the applicable link active. These links enable the instructor to view your work and offer advice.
It has three of your favorite external links
Horizontal lines separating the areas of the page.
Your homepage should demonstrate a carefully-considered design (color, alignment, image, font).
Explanation / Answer
Code for index.html and please fill out your name email and picture of urself. as well write about urself and interest
<html>
<head>
<title>Demo Page</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<h1 align='center'><font color='blue'>WELCOME TO MY HOME PAGE!</font></h1>
<div class='container'>
<div class='row'>
<div class='col-sm-4'>
<h2>NAME: XYZ</h2>
</div>
<div class='col-sm-4'>
<h3>Email: <a href="mailto:abc@xyz.com">abc@xyz.com</a></h3>
</div>
<div class='col-sm-4'>
<h3><img src="http://t2.gstatic.com/images?q=tbn:ANd9GcQeSWYbd6SGWZMoA6eHn7r2I2MMSb8t8GBFB-QgEZ7CbOouGWd5" width='50px'></h3>
</div>
</div>
<hr/>
<div class="container">
<div class="row">
<div class="col-sm-4">
<h3>Introduction</h3>
<p>Tell us about urself... provide introduction here</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
<div class="col-sm-4">
<h3>Interest for taking up Course</h3>
<p>Write why you are taking up course</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
<div class="col-sm-4">
<h3>Hobbies</h3>
<p>What are your hobbies and interest</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
<hr/>
</div>
<hr/>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">Assignment List</a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="#"><font size='4px' color='blue'>Home</font></a></li>
<li><a href="assign3.html"><font size='4px' color='blue'>Assignment 3</font></a></li>
<li><a href="assign4.html"><font size='4px' color='blue'>Assignment 4</font></a></li>
<li><a href="#"><font size='4px' color='blue'>Assignment 5</font></a></li>
<li><a href="#"><font size='4px' color='blue'>Assignment 6</font></a></li>
<li><a href="#"><font size='4px' color='blue'>Assignment 7</font></a></li>
<li><a href="#"><font size='4px' color='blue'>Assignment 8</font></a></li>
<li><a href="#"><font size='4px' color='blue'>Assignment 9</font></a></li>
<li><a href="#"><font size='4px' color='blue'>Final Project</font></a></li>
<li><a href="http://www.google.co.in" target='_blank'><font size='4px' color='blue'>FAV Link 1</font></a></li>
<li><a href="http://live.com" target='_blank'><font size='4px' color='blue'>FAV Link 2</font></a></li>
<li><a href="http://yahoo.co.in" target='_blank'><font size='4px' color='blue'>FAV Link 3</font></a></li>
</ul>
</div>
</nav>
</div>
</body>
</html>
Code for assign3.html
<!DOCTYPE html>
<html>
<head>
<title>Assignment 3</title>
</head>
<body>
<a href="index.html">Back</a>
Assignment 3
</body>
</html>
Code for Assign 4
<!DOCTYPE html>
<html>
<head>
<title>Assignment 4</title>
</head>
<body>
<a href="index.html">Back</a>
Assignment 4
</body>
</html>