index.php

<!DOCTYPE html>
<html>
<head>
<title>bksit</title>
<meta name="author" content="your name" />
<meta name="description" content="" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link href="css/bar/bar.css"rel="stylesheet" type="text/css" />
<link href="css/dark/dark.css"rel="stylesheet" type="text/css" />
<link href="css/defult/defult.css"rel="stylesheet" type="text/css" />
<link href="css/light/light.css"rel="stylesheet" type="text/css" />
<link href="css/nivo-slider.css"rel="stylesheet" type="text/css" />
<style type="text/css">
<meta charset="utf-8">
<!--
.style1 {
color: #66FF00;
font-weight: bold;
}
.style2 {color: #FFFFFF}
-->
</style>
</head>
<body>
<!-- what a confusing mess -->
<!-- lets try tidying this up a little -->
<div id="page">
<div id="logo">

<div id="login">
<h4><a href="/">login/logout</a></h4>
</div>
<h1><img src="image/logo.png" width="148" height="40" alt=""/></h1>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about_us.html">About US</a></li>
<li>
<a href="#">Movies <span class="arrow">&#9660;</span></a>
<ul class="sub-menu">
<li><a href="/jordan">Michael Jordan</a></li>
<li><a href="/hawking">Stephen Hawking</a></li>
</ul>
</li>
<li><a href="programme.html">Programme</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>

style.css

@charset"utf-8";
*
{
margin: 0px;
padding: 0px;
}

p{ line-height: 1em; }
h1, h2, h3, h4{

line-height: 1.1em;
margin: 0 0 .5em 0;
}
h1{ }
h2{ }
a{

color: black;
text-decoration: none;
}

body{
font-family: arial;
font-size: 80%;
font-weight: normal;
line-height: 1.2em;
width: 100%;
margin: 0;
background: #eee;
}

#page{ margin: 20px; }

#login{
width: 35%;
margin-top: 5px;
text-align: right;
float: right;
padding:5px;
text-shadow:#E1070B;
color: grey;
}
#login a{

text-align: right;
text-transform: uppercase;
font-size: 80%;
color:#040445;
}

#logo{

width: 97%;
margin-top: 20px;
display: inline-block;
background:#d6d6e8;
padding:20px;
}

#nav {
width: 100%;
text-align: left;
float: left;
height: 45px;
background: #03073e;
box-shadow: #041952;
}
#nav ul
{
list-style: none;
}
#nav ul li
{
background-color: #0A043F;
width: 120px;
height: 43px;
border: 1px solid;
line-height: 43px;
text-align: center;
float: left;
position: relative;
}
#nav ul li a {
text-decoration: none;
color: white;
display: block;
}
#nav ul li a:hover {
background-color: #1FD31D;
}
#nav ul ul
{
position: absolute;
display: none;
}
#nav ul li:hover > ul
{
display: block;
z-index: 1000;
}

11 thoughts on “Web Development Tutorial for Beginners (P-1, Part-6) – How to build webpages with HTML, PHP & CSS

  1. I must show thanks to you just for rescuing me from such a issue. Just after checking through the the net and getting strategies that were not pleasant, I was thinking my life was well over. Existing minus the strategies to the difficulties you have fixed all through this posting is a crucial case, as well as those that might have badly damaged my entire career if I hadn’t come across your blog post. Your main understanding and kindness in taking care of all things was useful. I don’t know what I would’ve done if I hadn’t come upon such a thing like this. It’s possible to at this moment relish my future. Thanks a lot very much for the reliable and effective guide. I won’t hesitate to endorse your web sites to any individual who would need direction on this topic.

  2. I actually wanted to send a small comment to be able to thank you for all the unique tactics you are writing on this website. My rather long internet investigation has at the end of the day been paid with really good tips to talk about with my relatives. I ‘d assume that many of us visitors actually are quite blessed to live in a fabulous site with so many marvellous individuals with insightful tactics. I feel truly grateful to have seen your entire webpage and look forward to plenty of more enjoyable times reading here. Thanks a lot once more for a lot of things.

  3. Thank you a lot for giving everyone an extraordinarily splendid possiblity to read from this website. It’s usually very ideal and as well , stuffed with amusement for me personally and my office co-workers to visit the blog not less than 3 times weekly to find out the newest guidance you have. Not to mention, I am also certainly fascinated with your breathtaking thoughts you give. Selected 3 ideas in this article are rather the most effective we’ve ever had.

  4. I not to mention my friends were found to be reviewing the nice information and facts located on your web site and immediately I got an awful feeling I had not thanked the website owner for those secrets. These young men ended up as a consequence thrilled to learn all of them and have in effect very much been enjoying those things. We appreciate you turning out to be well helpful and then for picking certain brilliant things millions of individuals are really needing to be informed on. Our own sincere apologies for not expressing gratitude to earlier.

  5. The next time I learn a weblog, I hope that it doesnt disappoint me as a lot as this one. I imply, I do know it was my option to read, but I actually thought youd have something fascinating to say. All I hear is a bunch of whining about something that you could possibly fix in the event you werent too busy on the lookout for attention.

  6. I have to show some thanks to the writer for bailing me out of this particular predicament. Because of surfing throughout the search engines and obtaining solutions which are not powerful, I was thinking my entire life was gone. Existing without the answers to the problems you’ve resolved as a result of the guide is a serious case, as well as ones that would have adversely damaged my entire career if I hadn’t discovered your web page. Your skills and kindness in dealing with everything was vital. I’m not sure what I would’ve done if I hadn’t encountered such a solution like this. I’m able to now look forward to my future. Thank you so much for this specialized and result oriented help. I won’t hesitate to refer your web sites to any individual who requires care on this topic.

  7. I wanted to send you the little bit of note so as to give thanks as before with your pleasant basics you’ve contributed at this time. It has been so extremely generous of you giving extensively what exactly many individuals would have advertised for an e book to get some dough on their own, chiefly given that you might have done it in the event you considered necessary. These suggestions likewise acted like the fantastic way to be certain that most people have the identical zeal just like mine to learn great deal more with respect to this condition. I’m sure there are thousands of more pleasant occasions in the future for individuals who look over your blog post.

  8. I as well as my buddies ended up reading the good advice located on your web blog and all of the sudden I had a terrible feeling I never expressed respect to the web site owner for those techniques. All the men happened to be absolutely very interested to study them and already have undoubtedly been loving these things. Many thanks for being quite accommodating as well as for settling on varieties of magnificent subject matter most people are really needing to be informed on. Our sincere regret for not saying thanks to earlier.

  9. I’m commenting to let you be aware of what a nice encounter our princess developed browsing yuor web blog. She came to understand too many things, which include what it’s like to possess an excellent helping heart to have many others just fully grasp a variety of hard to do topics. You undoubtedly exceeded people’s desires. Thank you for presenting those insightful, dependable, revealing and unique tips about your topic to Tanya.

  10. I as well as my friends were found to be looking at the great guidelines found on your site and so immediately developed a horrible suspicion I never thanked the blog owner for those techniques. Those men came totally passionate to read them and already have really been making the most of those things. Thanks for really being quite kind as well as for having certain terrific issues millions of individuals are really wanting to be informed on. My very own sincere apologies for not expressing gratitude to earlier.

  11. I as well as my buddies have been checking the great recommendations found on your web page and so quickly developed a terrible feeling I had not thanked the site owner for those secrets. All the women are actually so happy to see them and now have really been taking advantage of these things. I appreciate you for turning out to be quite kind and for having these kinds of excellent themes most people are really desperate to be informed on. My personal sincere regret for not saying thanks to you sooner.

Leave a Reply

Your email address will not be published. Required fields are marked *