Image Border

HTML CODE

                        <!-- START Sample code  -->
<style>
.imageborder {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
}
</style>
<a href='images/201603Waterfall.JPG' target='_blank'>  
<img src='images/201603Waterfall.JPG' alt='image' 
    class="imageborder imagewidth70 centeritem" />
</a>
                        <!-- END Sample code  -->

HTML RESULTS

Image Link

HTML CODE

<a href='images/201607Sunset.JPG' target='_blank'>  
<img src='images/201607Sunset.JPG' alt='image' 
    class="centeritem imagewidth70" />
</a>
<br />

HTML RESULTS

Image Shadow

HTML CODE

                        <!-- START Sample code  -->
<style>
.sampleImageShadow {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
        box-shadow: 1px 1px 5px #999;
        }
</style>
<a href='images/201608Car.JPG' target='_blank'>  
<img src='images/201608Car.JPG' alt='image' 
    class="sampleImageShadow imagewidth70 centeritem" />
</a>
                        <!-- END Sample code  -->

HTML RESULTS

Link To CSS File

HTML CODE

                        <!-- START Sample code  -->
<link rel="stylesheet" type="text/css" href="style.css?v=2" />
                        <!-- END Sample code  -->

NOTES

Put code in "HEAD"
Use "v=?" to specify version of CSS File

Mobile Friendly

HTML CODE

                        <!-- START Sample code  -->
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
                        <!-- END Sample code  -->

NOTES

Put code in "HEAD"
Makes webpage mobile friendly