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>
<p>Let's go to Programming School
The easiest web design & programming tutorial on the web
Welcome to our web design tutorial site. Website design is a pleasure and we're sure you'll must enjoy designing and developing sites with these simple tutorials and tips. This tutorials are so easy to follow & fun to do! These website design tips and ideas to web programming language, C, C++, HTML, PHP, my sql, java, css or Fireworks and you'll find all you need to know about web design right here!Welcome to our web design tutorial site. Website design is a pleasure and we're sure you'll must enjoy designing and developing sites with these simple tutorials and tips. This tutorials are so easy to follow & fun to do! These website design tips and ideas to web programming language, C, C++, HTML, PHP, my sql, java, css or Fireworks and you'll find all you need to know about web design right here!
</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>
<h4><video width="455" controls>
<source src="video/Mastizaade.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
</video>
<video width="455" controls>
<source src="video/Rom Rom.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
</video>
</h4></p>
<p>
</p>
</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;
}
#sidebar{
width: 30%;
margin-top: 10px;
font-family: georgia;
display: inline-block;
text-align:center;
text-transform: uppercase;
font-size: 80%;
color: grey;
float:right;
}

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

  1. Needed to send you that little bit of remark so as to say thanks as before for these magnificent secrets you have documented in this article. It has been quite strangely generous of people like you in giving extensively all most people would have advertised as an electronic book to end up making some bucks for their own end, mostly given that you could have tried it if you ever decided. These secrets in addition acted as the easy way to realize that the rest have the identical desire just as my own to figure out way more in terms of this problem. I know there are millions of more enjoyable periods ahead for individuals who read your site.

  2. I wish to express some thanks to you just for bailing me out of this particular circumstance. As a result of scouting through the world-wide-web and finding notions which were not productive, I thought my life was done. Existing devoid of the answers to the difficulties you’ve resolved by way of your site is a crucial case, and ones which could have negatively damaged my entire career if I hadn’t come across your website. The training and kindness in taking care of every part was priceless. I don’t know what I would’ve done if I had not come upon such a stuff like this. I am able to at this moment relish my future. Thanks so much for the skilled and result oriented guide. I won’t hesitate to refer your web page to any individual who should have guidance about this subject matter.

  3. I have to express thanks to the writer just for bailing me out of such a incident. Because of surfing through the the web and coming across ways that were not productive, I was thinking my entire life was gone. Being alive devoid of the approaches to the difficulties you have sorted out all through this article is a crucial case, as well as the ones that might have adversely damaged my entire career if I hadn’t come across your site. Your own personal mastery and kindness in controlling every aspect was vital. I’m not sure what I would have done if I hadn’t come upon such a step like this. I’m able to at this point look forward to my future. Thanks for your time so much for your expert and results-oriented guide. I will not be reluctant to propose your web page to any person who needs and wants guidance on this matter.

  4. I together with my pals were found to be following the good guidelines on the website then immediately developed an awful suspicion I had not thanked the web blog owner for those strategies. My men appeared to be consequently stimulated to see all of them and have now definitely been enjoying them. We appreciate you being so thoughtful and for having such remarkable guides most people are really wanting to be aware of. My very own honest regret for not expressing gratitude to you earlier.

  5. I just wanted to construct a small remark so as to thank you for some of the remarkable strategies you are showing on this website. My considerable internet lookup has finally been recognized with reasonable facts and techniques to write about with my family. I would tell you that we readers are very much blessed to live in a superb network with so many awesome people with good ideas. I feel quite lucky to have used your web site and look forward to some more excellent minutes reading here. Thank you once again for a lot of things.

  6. I precisely wished to say thanks once more. I do not know the things that I would have carried out in the absence of the creative ideas shown by you concerning such a theme. It previously was a frightful case in my view, but seeing your well-written strategy you dealt with the issue took me to leap for delight. Extremely happier for your work and then trust you comprehend what a powerful job that you’re providing training others thru a blog. I’m certain you haven’t encountered any of us.

  7. Others from all of throughout the world! Have you heard connected with Web Development Tutorial
    for Beginners (P-1, Part-11) – How to build webpages with
    HTML, PHP & CSS? Are you willing to which helped me to with just a few useful
    tips about it? Come on, man what on earth must i are aware
    in advance of when I really start Web Development Tutorial for Beginners (P-1, Part-11) – How to build
    webpages with HTML, PHP & CSS?

  8. I have to point out my admiration for your kind-heartedness supporting those individuals that have the need for help with in this niche. Your special dedication to passing the message along became extraordinarily beneficial and has always allowed employees just like me to achieve their desired goals. Your personal helpful hints and tips entails so much a person like me and even further to my fellow workers. Warm regards; from all of us.

  9. I definitely wanted to construct a brief message in order to express gratitude to you for some of the awesome facts you are placing at this website. My considerable internet investigation has at the end been rewarded with good quality suggestions to share with my guests. I would suppose that we site visitors actually are undoubtedly blessed to be in a decent place with very many outstanding individuals with useful opinions. I feel very grateful to have seen your entire site and look forward to many more excellent moments reading here. Thanks again for everything.

  10. Thank you for every one of your labor on this web site. Gloria enjoys doing internet research and it’s really easy to understand why. All of us know all of the lively ways you make precious secrets on your web blog and improve response from other people about this situation and our own simple princess is undoubtedly studying a great deal. Enjoy the rest of the new year. You’re the one carrying out a great job.

  11. I as well as my friends have already been going through the good suggestions found on your web blog while then I had a terrible feeling I never thanked the web site owner for those tips. The boys appeared to be thrilled to read all of them and now have sincerely been tapping into these things. Thanks for being very kind and then for going for these kinds of amazing subjects millions of individuals are really wanting to understand about. My personal honest apologies for not saying thanks to you earlier.

  12. A lot to her surprise, the engagement during and after the webinar
    was buzzing (although no interactive tools reminiscent of polling had been used) and the suggestions on how she offered was one thing that we here at Redback felt compelled to share
    with you!

Leave a Reply

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