SSCS Software

by clayshannon

HTML

<h1>SSCS Software Products</h1>
<a href="http://www.sscsinc.com/products/retail-solutions/back-office/" target="_blank"><img src="http://www.sscsinc.com/wp-content/media/logo_cdb_color-266x300.png"></img></a>
<a href="http://www.sscsinc.com/products/fuel-marketing/fuel-distribution/" target="_blank"><img src="http://www.sscsinc.com/wp-content/media/fm_delivery-e1368131778643.png" height="300" width="450"></img></a>

<figure>
  <img src="http://www.sscsinc.com/wp-content/media/dd_main_screen-e1286486451458.png">
  <figcaption>Digital Dispatch<a href="http://www.sscsinc.com/products/towing-solutions/digital-dispatch/">Details</a></figcaption>
</figure>

CSS

html {
        // Red, from http://www.colorzilla.com/gradient-editor/
    background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgb(169,3,41) 0%, rgb(143,2,34) 44%, rgb(109,0,25) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgb(169,3,41)), color-stop(44%,rgb(143,2,34)), color-stop(100%,rgb(109,0,25))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgb(169,3,41) 0%,rgb(143,2,34) 44%,rgb(109,0,25) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgb(169,3,41) 0%,rgb(143,2,34) 44%,rgb(109,0,25) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgb(169,3,41) 0%,rgb(143,2,34) 44%,rgb(109,0,25) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgb(169,3,41) 0%,rgb(143,2,34) 44%,rgb(109,0,25) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
h1 {
    color: LightYellow;
    font-family: Consolas, Candara, Calibri, sans-serif;
    box-shadow: 10px 10px 5px #efefef;
}
a {
    float:left;
}
img {
    margin-right: 10px;
}