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>
<div class="fix-slider">
<div class="slider-wrapper theme-bar">
<div class="nivoSlider" id="slider">
<img src="image/model1.jpg" alt=""/>
<img src="image/model2.jpg" alt=""/>
<img src="image/model3.jpg" alt=""/>
<img src="image/model4.jpg" alt=""/>
<img src="image/model5.jpg" alt=""/>
<img src="image/model6.jpg" alt=""/>
</div>
</div>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>

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;
}

.fix-slider
{
float: right;
padding-top: 1px;
width: 100%;
z-index: -1000;
}

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

  1. Thanks so much for providing individuals with an extraordinarily remarkable opportunity to read in detail from this site. It is usually very kind and as well , jam-packed with a lot of fun for me personally and my office acquaintances to visit your web site a minimum of thrice every week to learn the newest secrets you have got. Of course, we are always fulfilled concerning the gorgeous ideas you give. Selected 4 ideas in this article are ultimately the most impressive I’ve had.

  2. I precisely wanted to thank you so much once more. I do not know the things that I might have made to happen without the actual tricks discussed by you concerning my problem. It became a very troublesome concern for me personally, however , being able to see your specialised manner you managed the issue took me to leap for gladness. I’m just thankful for your information and thus hope that you really know what a powerful job you are accomplishing training the mediocre ones using a site. I’m certain you’ve never encountered all of us.

  3. I want to get across my gratitude for your kindness giving support to persons that require help with this concern. Your personal dedication to passing the message up and down turned out to be exceptionally useful and has all the time permitted employees much like me to attain their aims. Your amazing informative facts indicates this much a person like me and still more to my fellow workers. With thanks; from each one of us.

  4. I抦 impressed, I have to say. Actually hardly ever do I encounter a blog that抯 each educative and entertaining, and let me inform you, you’ve gotten hit the nail on the head. Your idea is excellent; the issue is one thing that not enough people are talking intelligently about. I’m very pleased that I stumbled across this in my seek for one thing regarding this.

  5. My wife and i got so ecstatic that Emmanuel could finish up his survey through the ideas he had using your blog. It’s not at all simplistic just to always be offering guidelines that some others have been trying to sell. And now we understand we have got the writer to be grateful to because of that. Those illustrations you’ve made, the straightforward blog menu, the relationships your site make it easier to promote – it’s many excellent, and it is making our son in addition to us imagine that the issue is exciting, which is pretty serious. Many thanks for all the pieces!

  6. Thanks a lot for giving everyone remarkably terrific possiblity to read from here. It can be very brilliant and also stuffed with a great time for me and my office fellow workers to search your web site at a minimum 3 times in 7 days to study the latest guides you have. Not to mention, I’m also at all times pleased with the spectacular points served by you. Some 2 points in this post are easily the most effective I have ever had.

  7. I would like to point out my respect for your generosity in support of those who must have help with this important content. Your real commitment to passing the solution all over was exceptionally practical and have really encouraged employees much like me to achieve their aims. Your warm and friendly tutorial implies so much a person like me and even further to my fellow workers. Warm regards; from all of us.

  8. I needed to create you a very small remark to finally give thanks yet again for your personal pretty secrets you have contributed in this article. This is really surprisingly generous with you to provide unhampered just what many individuals could possibly have advertised as an e-book to earn some bucks for themselves, especially seeing that you could possibly have done it in case you decided. These techniques in addition acted as a great way to recognize that some people have similar interest much like my personal own to find out somewhat more on the topic of this problem. I’m certain there are thousands of more enjoyable instances up front for many who examine your blog.

  9. I am just commenting to let you know what a helpful encounter my cousin’s girl encountered going through your webblog. She noticed a good number of issues, most notably what it is like to have an awesome coaching nature to make certain people with no trouble completely grasp a number of complex topics. You actually did more than visitors’ expected results. I appreciate you for rendering those beneficial, dependable, educational and as well as unique thoughts on this topic to Janet.

  10. My wife and i felt very peaceful when Jordan managed to round up his inquiry out of the precious recommendations he was given from your very own site. It is now and again perplexing to simply happen to be giving freely helpful hints which often a number of people could have been trying to sell. We really understand we need you to be grateful to for this. All the illustrations you’ve made, the easy blog navigation, the friendships you can assist to engender – it’s many superb, and it’s helping our son and the family do think the idea is satisfying, and that’s exceptionally indispensable. Thanks for the whole thing!

  11. I together with my friends have been taking note of the best guidelines from your site then all of a sudden came up with a terrible suspicion I never expressed respect to the web site owner for those secrets. All the women had been absolutely happy to learn them and have honestly been taking pleasure in them. Appreciation for getting indeed considerate and then for settling on such incredible areas most people are really desirous to understand about. My very own sincere apologies for not saying thanks to you earlier.

Leave a Reply

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