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>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</div>
</div></body>
</html>

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;

}

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

  1. I actually wanted to type a small message so as to appreciate you for the amazing pointers you are showing on this site. My prolonged internet search has at the end of the day been paid with high-quality suggestions to write about with my companions. I would mention that we readers actually are truly fortunate to exist in a fabulous place with very many outstanding people with interesting secrets. I feel really grateful to have used the weblog and look forward to many more excellent moments reading here. Thanks once more for all the details.

  2. I wanted to post you this tiny word in order to say thank you once again with your incredible thoughts you have discussed on this website. It’s certainly surprisingly open-handed with you to make openly precisely what many individuals would’ve offered for sale as an e-book to make some cash on their own, most importantly now that you might have tried it in the event you decided. These basics as well acted to be the fantastic way to understand that other individuals have the same dreams really like my very own to figure out a little more concerning this issue. I think there are many more pleasurable instances in the future for individuals that read through your blog post.

  3. I in addition to my friends were going through the best helpful hints found on your web page then the sudden developed an awful feeling I had not thanked the blog owner for those secrets. All of the guys are actually as a consequence excited to learn them and have truly been enjoying those things. Thanks for actually being so helpful and also for settling on these kinds of good subject matter most people are really desperate to discover. My personal sincere regret for not expressing appreciation to sooner.

  4. A formidable share, I just given this onto a colleague who was doing a bit analysis on this. And he in reality purchased me breakfast because I found it for him.. smile. So let me reword that: Thnx for the treat! But yeah Thnkx for spending the time to debate this, I feel strongly about it and love studying extra on this topic. If doable, as you develop into expertise, would you mind updating your blog with more particulars? It is extremely helpful for me. Massive thumb up for this blog put up!

  5. I together with my buddies came checking out the excellent thoughts on your web site and then the sudden I got an awful suspicion I had not expressed respect to the blog owner for those strategies. Most of the ladies were definitely certainly very interested to read through them and now have really been taking pleasure in these things. I appreciate you for getting well considerate as well as for picking some quality resources most people are really eager to learn about. Our own sincere apologies for not saying thanks to earlier.

  6. Thanks for every one of your hard work on this web site. My niece takes pleasure in conducting research and it’s really simple to grasp why. All of us know all concerning the lively manner you deliver effective information on the web blog and as well as strongly encourage participation from other individuals about this content plus our own girl is undoubtedly becoming educated a great deal. Enjoy the remaining portion of the year. Your doing a powerful job.

  7. I together with my pals ended up examining the good procedures on your site then before long came up with a terrible feeling I had not expressed respect to the web blog owner for those tips. All of the young boys came for that reason stimulated to read all of them and have unquestionably been taking pleasure in them. Thank you for truly being indeed accommodating and then for deciding upon variety of cool themes most people are really wanting to be informed on. Our honest regret for not saying thanks to you sooner.

  8. A lot of thanks for all your labor on this blog. Kate take interest in participating in research and it’s really easy to see why. I learn all regarding the dynamic medium you produce great tips and tricks via this web blog and increase response from people on the area of interest then my daughter is actually understanding a great deal. Enjoy the remaining portion of the new year. Your conducting a good job.

  9. Thanks so much for providing individuals with an extraordinarily terrific possiblity to discover important secrets from this blog. It can be very nice and as well , packed with fun for me personally and my office co-workers to visit the blog a minimum of thrice in a week to learn the latest items you will have. And definitely, I’m so usually astounded for the dazzling strategies you give. Selected 2 tips in this article are truly the most efficient we have all ever had.

  10. I want to point out my gratitude for your kind-heartedness supporting men and women that really need guidance on this subject matter. Your real commitment to getting the solution all over appeared to be remarkably advantageous and have frequently permitted some individuals much like me to realize their objectives. Your personal interesting instruction denotes this much a person like me and a whole lot more to my colleagues. Many thanks; from everyone of us.

Leave a Reply

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