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>

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-7) – How to build webpages with HTML, PHP & CSS

  1. My husband and i have been so fortunate Louis managed to round up his investigations by way of the ideas he came across from your very own web site. It is now and again perplexing just to choose to be giving freely tricks that many other folks have been making money from. And we also realize we’ve got the writer to give thanks to for that. The main explanations you made, the easy website menu, the relationships your site make it easier to promote – it’s everything superb, and it is assisting our son and the family know that that situation is interesting, which is extremely pressing. Many thanks for all the pieces!

  2. Thank you so much for giving everyone a very wonderful opportunity to read from here. It is always very excellent and as well , stuffed with a good time for me personally and my office fellow workers to visit your blog a minimum of 3 times a week to find out the fresh secrets you have. And indeed, I’m just usually amazed for the powerful tips you give. Selected 1 tips in this posting are essentially the most suitable I’ve had.

  3. I precisely had to appreciate you once again. I do not know the things that I might have undertaken in the absence of those aspects discussed by you concerning such situation. It actually was a depressing circumstance in my circumstances, nevertheless coming across a new professional strategy you treated the issue took me to jump over delight. I’m happy for your work and in addition sincerely hope you comprehend what an amazing job you are always providing instructing many others using your web page. I am sure you’ve never got to know any of us.

  4. I needed to compose you the bit of observation in order to thank you very much yet again for all the spectacular techniques you’ve shown in this case. This is really pretty generous of people like you giving freely all that numerous people could have supplied as an ebook to help make some cash for themselves, most notably considering that you might well have tried it if you desired. Those strategies as well worked to be a great way to recognize that many people have similar fervor just as my own to understand great deal more in terms of this problem. I am sure there are many more pleasurable sessions up front for many who find out your site.

  5. I together with my buddies ended up reading the best items found on the blog while suddenly got a terrible feeling I had not expressed respect to the web site owner for those strategies. Most of the young boys happened to be consequently warmed to learn all of them and already have really been having fun with those things. Appreciate your truly being quite thoughtful as well as for picking these kinds of helpful topics millions of individuals are really needing to discover. My very own honest apologies for not expressing appreciation to you sooner.

  6. My wife and i got absolutely lucky when John managed to do his investigation because of the precious recommendations he grabbed from your web page. It’s not at all simplistic just to continually be offering guides which other folks have been making money from. And now we do understand we have the blog owner to appreciate because of that. The entire explanations you made, the simple blog navigation, the friendships you will make it possible to promote – it is many awesome, and it is making our son and the family do think that issue is satisfying, which is very serious. Thank you for all!

  7. I and my friends were actually going through the best pointers found on your web page while at once came up with an awful suspicion I had not thanked the site owner for them. These young men had been as a result thrilled to read all of them and have now honestly been using these things. Appreciate your being indeed kind and then for getting some brilliant information millions of individuals are really desirous to be informed on. My personal sincere apologies for not expressing gratitude to sooner.

  8. My spouse and i were very contented when Raymond could finish up his survey via the precious recommendations he came across using your web pages. It’s not at all simplistic to just be giving away tips and tricks which often the others might have been making money from. And we grasp we now have the blog owner to thank for that. The main illustrations you made, the easy blog menu, the friendships you will give support to instill – it’s got many sensational, and it’s facilitating our son in addition to us know that that idea is enjoyable, and that is pretty essential. Thank you for all the pieces!

  9. I simply wanted to post a quick word to be able to say thanks to you for all of the nice points you are posting at this site. My extended internet research has at the end of the day been paid with reliable know-how to go over with my friends and classmates. I ‘d declare that most of us visitors actually are undeniably blessed to dwell in a decent site with so many brilliant professionals with very helpful ideas. I feel very lucky to have encountered your entire web pages and look forward to really more awesome moments reading here. Thanks once more for everything.

  10. I want to show my thanks to this writer for bailing me out of this situation. After scouting through the online world and finding advice which are not productive, I was thinking my life was gone. Being alive minus the strategies to the difficulties you’ve fixed by way of your entire article content is a critical case, and the kind that could have in a wrong way damaged my career if I hadn’t noticed your website. Your primary understanding and kindness in dealing with all the details was precious. I’m not sure what I would’ve done if I hadn’t discovered such a thing like this. It’s possible to at this point look ahead to my future. Thanks so much for the reliable and result oriented help. I won’t hesitate to propose the website to anybody who needs assistance about this subject matter.

Leave a Reply

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