Write an XHTML document where the title and the main header has the same content. The document should tell very briefly in a few paragraphs about your name, where you come from, a bit about the family, parents brothers and sisters, your school background, and finally any hobbies that you feel we must know about.

In the text add a clickable email link to your own email address, re page 48 of your textbook or tthe following example:

	<p>
		To get in touch with me drop me a mail at
		<a href="mailto:nnn@nnn.nn">this address</a>
		or phone me at 999 999 999
	</p>

Also add a picture of yourself, just a mug shot ;-) re page 49 of the book, or check this out and do likewise

	<p>
		This is me: <img src="x.png" alt="Your's truly, John Doe"
		width="200" height="240" />
	</p>

If you prefer the email address reference and the picture to be in another web page, myotherPage.html, then create that page and link to it by

	<p>
		... 
		<a href="myOtherPage.html">find me here</a>
		...
	</p>

Upload the solution to the resources folder in Fronter. Name the document firstName.html. Don't forget to upload the picture file too. If you are doing this exercise as part of a workshop, then just do the exercise, and show the results to the roaming professor ;-)

What to do next, create apage along the following outline. You have already worked a bit with the p-tag, now we introduce the div-tag.

	<p>
		Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
		incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis 
		nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
		This is me: <img src="x.png" alt="Your's truly, John Doe"
		width="200" height="240" />
		Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat 
		nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui 
		officia deserunt mollit anim id est laborum.		
	</p>	
	<div>
		Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
		incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis 
		nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
		This is me: <img src="x.png" alt="Your's truly, John Doe"
		width="200" height="240" />
		Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat 
		nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui 
		officia deserunt mollit anim id est laborum.		
	</div>	
	<div>
	    <p>
			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
			incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis 
			nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
			This is me: <img src="x.png" alt="Your's truly, John Doe"
			width="200" height="240" />
			Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat 
			nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui 
			officia deserunt mollit anim id est laborum.		
	    </p>	
	</div>	
	<p>
	    <div>
			Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
			incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis 
			nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
			This is me: <img src="x.png" alt="Your's truly, John Doe"
			width="200" height="240" />
			Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat 
			nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui 
			officia deserunt mollit anim id est laborum.		
	    </div>	
	</p>	

Some, indeed most, of the above is good, but there is an error, use the validator to find out what.