Website Template in PHP

In this article I would like to share with you a simple website template that is written in HTML,CSS and PHP. I hope you will find it useful in learning web development.

I am currently accepting programming work, it projects, school 

programming projects, thesis and capstone projects, IT consulting 

work, computer tutorials, and web development work kindly contact me in the following email address for further details.  If you want to advertise in my website kindly contact me also in my email address also. Thank you.

My email address is the following jakerpomperada@gmail.com, jakerpomperada@aol.com, and jakerpomperada@yahoo.com.

My mobile number here in the Philippines is 09173084360.

My telephone number at home here in Bacolod City, Negros Occidental Philippines is  +63 (034) 4335675.

My personal website is http://www.jakerpomperada.com

Sample Program Output

Program Listing

mystyle.css

body { margin: 0; padding: 0; background: #f9f7f5; font-family: Calibri, Tahoma, Arial; }

a { margin: 0; color: #3b608a; }

a:hover { color: #443b31;}

p { color: #443b31; }

.wrapper { width: 1000px; margin: 0 auto 0; }

#header { min-height: 120px; background: #0664DE; }

#header h1 { color: #f9f7f5; margin: 0;padding-top:35px;padding-left:75px }

#navigation { min-height: 40px; background: #9DFE74; overflow: hidden; }

.navbar { margin: 10px 0 0 0; list-style-type: none; padding: 0; }

.navbar li { display: inline; margin: 0; }

.navbar li a { color: #0664DE; text-decoration: none; padding: 12px;}

.navbar li a:hover { background: #e89440; color: #f9f7f5; padding: 12px; }

#content { width: 1000px; margin: 0 auto; overflow: auto; }

#contentleft { width: 630px; float: left; margin-right: 20px; }

#contentleft h2 { margin: 15px 0 10px 0; color: #3b608a; }

#contentleft p { }

#sidebar { width: 330px; float: left; overflow: auto; }

#sidebar h3 { color: #3b608a; }

.testimonal { }

.testimonial-title {color:blue;}

.testimonial-body {background-color:#f4f974de;}

.testimonial-meta {color:#2bbb72;}

#footer { min-height: 150px; background: #e7e1de; padding: 15px; }

#footer ul { width: 560px; margin: 0 auto; padding: 0; list-style-type: none; }

#footer ul li { display: inline; }

#footer ul li a { padding: 0 15px; }

#footer p { color: #443b31; width: 360px; margin: 15px auto; }

index.php

<?php include('header.php'); ?>

<div id="content">

<div id="contentleft">

<h2>My Website Home Page</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis euismod leo vitae nulla euismod commodo. Phasellus at mi quam.

Etiam lacinia elit pellentesque ligula faucibus nec luctus mi mollis. Duis ante elit, blandit sed placerat sit amet, varius vitae tellus.

Duis in ante sed metus mollis ornare. Donec ipsum lorem, mollis non ultrices et, porta at dolor. Sed nisi mauris, condimentum nec vehicula

nec, venenatis a nisi. Integer ac erat elit, eget convallis ipsum. Nulla eget rhoncus neque. Proin velit mauris, tristique sit amet suscipit id,

elementum quis eros. Maecenas vehicula luctus volutpat. Praesent condimentum sodales nulla, ut fermentum purus hendrerit eget. Suspendisse eget

turpis risus. Praesent ac leo egestas mauris venenatis adipiscing a at erat. Cras convallis suscipit augue, scelerisque sagittis nisi tempus in.

Sed non elit augue, a rhoncus dui.</p>

<p>Aliquam dapibus turpis id ligula feugiat et ornare eros vulputate. Pellentesque vitae libero felis. Mauris id urna et felis eleifend sodales ut

sed nisl. Nullam tristique sem in metus suscipit vestibulum. In hac habitasse platea dictumst. Donec aliquet eros quis metus egestas varius. Ut vel

magna quam, non hendrerit ante. Praesent lacinia ligula at odio porttitor porttitor et vel mi. Nunc non fermentum felis. Cras viverra dictum vulputate.

Sed quis lorem lectus. Nulla porta est sed tortor venenatis ut gravida est cursus. Aenean vehicula metus quis tellus tempor a tempor massa aliquam. Sed

in risus tellus. Curabitur egestas porttitor eros in imperdiet. Vestibulum eu mollis nibh. Donec in orci lorem. Sed ultrices dapibus justo, sed placerat

urna fermentum blandit. Suspendisse euismod elit nec nunc tristique vel aliquam neque suscipit.</p>

</div>

<?php include('sidebar.php'); ?>

</div>

<?php include('footer.php'); ?>

header.php

<!DOCTYPE>

<html>

<head>

<!--Title-->

<title>My Website</title>

<!--Links-->

<link rel="stylesheet" href="mystyle.css" type="text/css" />

</head>

<body>

<div id="header">

<div class="wrapper">

<h1>My Personal Website</h1>

</div>

</div>

<div id="navigation">

<div class="wrapper">

<ul class="navbar">

<li><a href="index.php">Home</a></li>

<li><a href="about.php">About</a><li>

<li><a href="sales.php">Sales</a><li>

<li><a href="thanks.php">Thank You</a></li>

<li><a href="contact.php">Contact Us</a></li>

</ul>

</div>

</div>

</body>

</html>

footer.php

<div id="footer">

<div class="wrapper">

<ul>

<li><a href="index.php">Terms</a></li>

<li><a href="index.php">Privacy Policy</a></li>

<li><a href="index.php">Earnings Disclaimer</a></li>

<li><a href="index.php">Affiliates</a></li>

<li><a href="index.php">Contact Us</a></li>

</ul>

<p>&copy;Copyright 2018 mywebsite.com All Rights Reserved.</p>

</div>

</div>

</body>

</html>

about.php

<?php include('header.php'); ?>

<div id="content">

<div id="contentleft">

<h2>About</h2>

<p>This is our about page</p>

</div>

<?php include('sidebar.php'); ?>

</div>

<?php include('footer.php'); ?>

contact.php

<?php include('header.php'); ?>

<div id="content">

<div id="contentleft">

<h2>Contact Us</h2>

<p>This is our contact page</p>

</div>

<?php include('sidebar.php'); ?>

</div>

<?php include('footer.php'); ?>

sales.php

<?php include('header.php'); ?>

<div id="content">

<div id="contentleft">

<h2>Sales</h2>

<p>This is our sales page</p>

</div>

<?php include('sidebar.php'); ?>

</div>

<?php include('footer.php'); ?>

sidebar.php

<div id="sidebar">

<h3>Testimonials</h3>

<!--Testimonial #1-->

<div class="testimonial">

<p class="testimonial-title">The Best Ever!</p>

<p class="testimonial-body">You guys are the best ever. I tried your product and instantly made a millions dollars. Now, I sit around sipping Pina Coladas and playing video games. I'm the happiest ever. Thanks so much!</p>

<p class="testimonial-meta">Micheal Jordan<br />Chicago, USA<br />mywebsite.com</p>

</div>

<!--Testimonial #2-->

<div class="testimonial">

<p class="testimonial-title">Saved My Life!</p>

<p class="testimonial-body">You guys saved my life. I was headed for financial disaster, bankruptcy, and divorce... then, I downloaded your 2-page PDF and my life changed forever. You're the greatest. Thanks!!</p>

<p class="testimonial-meta">Kobe Bryant<br/>Los Angeles, USA<br />lakers.com</p>

</div>

</div>

thanks.php

<?php include('header.php'); ?>

<div id="content">

<div id="contentleft">

<h2>Thank You</h2>

<p>This is our thank you page</p>

</div>

<?php include('sidebar.php'); ?>

</div>

<?php include('footer.php'); ?>

DOWNLOAD SOURCE CODE HERE