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 id="content">
<h2>Let's go to Programming School</h2>
<div id="sidebar">
<h4>Latest Tutorial</h4>
<h4><video width="300" controls>
<source src="video/Aao Na Full Video Song.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
</video>
</h4>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>

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

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

  1. I wish to show my thanks to you just for bailing me out of this type of issue. Because of looking throughout the online world and getting thoughts which were not beneficial, I was thinking my entire life was well over. Existing minus the strategies to the problems you’ve solved by way of this post is a critical case, and the kind that could have in a wrong way affected my career if I had not come across your web blog. That skills and kindness in playing with a lot of things was excellent. I am not sure what I would’ve done if I hadn’t come across such a thing like this. I can also at this moment relish my future. Thanks so much for this reliable and effective guide. I will not hesitate to endorse your site to any individual who desires guidelines on this subject.

  2. I and also my buddies were checking out the great advice from your web site while the sudden developed a terrible feeling I had not expressed respect to the site owner for those secrets. These ladies came for this reason excited to read through all of them and have now in truth been making the most of those things. Thank you for turning out to be simply thoughtful as well as for getting some amazing topics millions of individuals are really needing to be informed on. My honest regret for not saying thanks to you sooner.

  3. My husband and i felt now glad that Emmanuel managed to conclude his studies because of the ideas he grabbed while using the web pages. It’s not at all simplistic just to possibly be handing out information and facts which usually people today might have been selling. And now we do understand we have the writer to thank for this. Those illustrations you made, the simple web site menu, the friendships your site help to instill – it’s most excellent, and it’s letting our son in addition to the family feel that this subject matter is amusing, and that’s incredibly essential. Many thanks for the whole lot!

  4. My spouse and i felt so lucky Chris managed to deal with his researching while using the precious recommendations he had in your site. It is now and again perplexing just to find yourself releasing guidance that some other people could have been making money from. And we all grasp we need you to give thanks to for that. Most of the explanations you have made, the simple site menu, the friendships you give support to engender – it is all amazing, and it is assisting our son and our family imagine that this subject is fun, and that is exceptionally fundamental. Thank you for the whole thing!

  5. Thank you so much for giving everyone remarkably wonderful possiblity to read critical reviews from this blog. It’s always so fantastic and also packed with a good time for me personally and my office friends to visit your site on the least three times per week to read through the new tips you will have. Not to mention, I’m also usually satisfied with your eye-popping secrets you give. Some 2 areas on this page are absolutely the most efficient we have all had.

  6. I simply wanted to appreciate you all over again. I am not sure what I would have accomplished in the absence of these basics discussed by you regarding such a area. It actually was a real scary scenario in my view, however , viewing your skilled manner you dealt with the issue forced me to leap over gladness. Now i am thankful for this assistance and hope that you comprehend what a great job you happen to be getting into educating some other people using your websites. I am sure you have never encountered all of us.

  7. My wife and i ended up being really lucky Albert managed to do his homework from your precious recommendations he discovered out of your weblog. It is now and again perplexing to just happen to be giving for free guidelines that many a number of people have been making money from. Therefore we grasp we now have the website owner to appreciate for that. The entire illustrations you’ve made, the straightforward web site menu, the friendships you can assist to create – it’s most awesome, and it’s aiding our son and the family believe that the situation is exciting, and that’s particularly mandatory. Many thanks for all!

  8. I wish to convey my admiration for your kindness for women who really need assistance with your area of interest. Your personal commitment to passing the message throughout had become exceedingly valuable and has consistently encouraged individuals much like me to achieve their targets. This warm and friendly hints and tips signifies so much a person like me and much more to my colleagues. Many thanks; from all of us.

  9. I’m also commenting to let you be aware of of the remarkable experience my daughter had viewing your site. She learned numerous details, not to mention what it is like to have a wonderful helping nature to let many others clearly understand a number of very confusing things. You really exceeded our expectations. Thank you for showing those helpful, trustworthy, revealing not to mention cool tips on the topic to Emily.

  10. Let’s be trustworthy, webinars are a particularly easy, common and convenient
    platform to teach, encourage and move people into motion, but too many presenters (and webinar organisers) suppose it is all concerning
    the content material.

  11. I’m writing to make you know of the fantastic encounter my friend’s girl developed using your site. She learned too many pieces, with the inclusion of what it is like to have an amazing coaching character to have most people without hassle have an understanding of some complicated subject areas. You really surpassed her expected results. Thanks for producing these precious, trusted, informative and also cool tips about the topic to Ethel.

  12. I simply wanted to appreciate you once more. I am not sure what I might have accomplished in the absence of these smart ideas provided by you about my problem. Previously it was an absolute frightening situation for me, but being able to view a well-written approach you processed that took me to weep with contentment. I am happier for the service and sincerely hope you comprehend what a great job that you’re carrying out teaching many people all through a site. I’m certain you haven’t met any of us.

Leave a Reply

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