Site Cloner PHP Script
Bargain Hunter PHP Script
Job Hunter PHP Script
Site Login and Access Control PHP Script

The code below is 2 separate fluid blocks that will be used in a fluid layout. With the code, the left block will be 50% of the width and the right would be 48%. The other 2 % is just a little space in the middle which goes unnoticed. When a large desktop monitor views the fluid web page, the 2 blocks stretch to fit the screen. The images and text all fit in proportion.

<div style=”display:block;”>
<div style=”display:block; float:left; margin-left:0; width:50%; “>

<div style=”display:block; float:left; margin-left:0px; padding:0px 5px 0px 0px; width:30%;”>
<div style=” padding:0px 5px 0px 5px; width:auto; height:70px; margin-top:0px;” ><br /><b><span style=”font-size:16px;”>TITLE 1</span></b> <br />Lorem ipsum dolor sit amet, consectetur adipisicing elit</div>
<div><img style=”float:left; padding:0px 5px 0px 5px; margin-top:10px; width:100%; height:auto;” src=”images/image1.jpg” alt=”google voice”/></div>
</div>

<div style=”display:block; float:left; margin-left:0px;padding:0px 5px 0px 0px; width:30%;”>
<div style=” padding:0px 5px 0px 5px; width:auto; margin-top:0px; height:70px;” ><br /><b><span style=”font-size:16px;”>TITLE 2</span></b> <br />Lorem ipsum dolor sit amet, consectetur adipisicing elit</div>
<div><img style=” padding:0px 5px 0px 5px; margin-top:10px; height:auto;width:100%;” src=”images/image2.jpg” alt=”web”/></div>
</div>

<div style=”display:block;float:left; margin-left:0px; padding:0px 5px 0px 0px;width:30%;”>
<div style=”padding:0px 5px 0px 5px; width:auto; margin-top:0px; height:70px;”><br /><b><span style=”font-size:16px;”>TITLE 3</span></b> <br />Lorem ipsum dolor sit amet, consectetur adipisicing elit</div>
<div><img style=”padding:0px 5px 0px 5px; margin-top:10px; width: 100%;” src=”images/image3.jpg” alt=”web” /></div>
</div>
</div>

<div style=”display:block; width:48%; float:right;”>
<div style=”float:right; width:100%;  padding:10px 10px 0px 10px; display:block;”><code style=” margin:2px 0px 2px 0px;”><span style=”color:#dc4000;”><b>HEADING 1</b></span><br/>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt </code></div>
<div style=”float:right; width:100%;  padding:10px 10px 0px 10px; display:block;”><code style=” margin:2px 0px 2px 0px;”><span style=”color:#dc4000;”><b>HEADING 2</b></span><br/>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt </code></div>
<div style=”float:right; width:100%;  padding:10px 10px 0px 10px; display:block;”><code style=” margin:2px 0px 2px 0px;”><span style=”color:#dc4000;”><b>HEADING 3</b></span><br/><b>Call 555.555.5555</b> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</code></div>
</div></div>