HTML Guide me plz to edit my Css Template !!

To link your pages you have to point to those pages and they have to exist on the server.

Your code

instructs the browser to look at "boubrik.webs. com", but does not tell the browser what to look for.
The >Home</a> part - displays the word "Home" on the screen.
First of all open the index.html file for editing.
Then edit all your links, like below

HTML:

<li><a href="index.html">Home</a></li>
<li><a href="about.html">About me</a></li>
<li><a href="passion.html">Passion</a></li>
<li><a href="hobbies.html">Hobbies</a></li>
<li><a href="profession.html">Profession</a></li>
<li><a href="collection.html">Collection</a></li>
<li><a href="contact.html">Contact</a></li>

Now save the file as index.html as this is your start page the server looks for. This is your first page with all the links installed.
Now with this page opened in your editor save it as your second page, name it "about.html" (without the qoutes). Edit the about page with some text so you know it is a different page. Either finish it with your content or just put some text in it so you can see the difference.
Load both pages up to your server. Browse to your web site, index.html should open, click on the "about" link - your new page should open.
Do this for the remaining pages - remember code is in lower case.
Put a link back so we can see your work, when you finish the web post it in the review section to get some good feed back.

Hope this helps.