<div class="art-content-layout layout-item-0"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-2" style="width: 100%" > <h3 style="color:#4C5057; float: left; margin-left: 30px; padding-top: 10px">We can create software which is right for you!</h3> <p style="float: right; margin-right: 40px"><a href="#" class="art-button">Learn more</a></p> </div> </div> </div> <div class="art-content-layout-br layout-item-1"> </div><div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 63%" > <h3>Providing The Best Quality In Time</h3> </div><div class="art-layout-cell layout-item-3" style="width: 37%" > <h3>What We Do</h3> </div> </div> </div> <div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 63%" > <p><img width="400" height="290" alt="" src="./images/Fotolia_5170186_X.png" style="margin:0;" class=""></p> <p>Quis pede massa aliquet augue egestas porttitor eu sem. Nunc convallis hendrerit turpis turpis felis elit ut nulla mi nisl quam volutpat ut volutpat commodo commodo placerat mollis non quam taciti. Vestibulum in eget odio cras ultrices vel ut.</p> <p><a href="#" class="art-button">Learn more</a></p> </div><div class="art-layout-cell layout-item-3" style="width: 37%" > <p><img width="150" height="112" alt="" src="./images/w.png" class=""></p> <p style="border-bottom: 2px solid #B1B8C3">Nec eleifend nam magnis pulvinar nascetur quam quam velit fusce. Nec sollicitudin turpis ut. <a href="#"><img width="8" height="6" alt="" src="./images/5.png"></a><br> <br></p> <p><img width="150" height="112" alt="" src="./images/w2.png"></p> <p>Platea vel consectetuer ut imperdiet hendrerit imperdiet libero libero ut lectus nec. <a href="#"><img width="8" height="6" alt="" src="./images/5.png"></a></p> <p><a href="#" class="art-button">Learn more</a></p> </div> </div> </div> <div class="art-content-layout-br layout-item-4"> </div><div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 100%" > <h3>Why To Work With Us</h3> <p><img width="200" height="256" alt="" src="./images/shutterstock_46513126.jpg" style="float:left; margin-right: 10px" class=""></p> <p>Tellus nunc venenatis nisl libero metus pretium elit. Convallis mi consectetuer sagittis per fusce habitasse nostra eros egestas aliquet cras ullamcorper senectus. Ligula donec nam ullamcorper volutpat adipiscing magna non felis. Ullamcorper felis facilisi.</p> <p>Volutpat pellentesque nec vivamus at nisi accumsan enim posuere. Vestibulum laoreet pellentesque tortor nec. Non nunc ultricies ac curabitur praesent eget pellentesque litora fusce.</p> <p>Netus ipsum ut dui felis eros non. Pulvinar consectetuer. Imperdiet volutpat convallis orci malesuada velit suspendisse lacus nisi. Faucibus quis velit duis lacinia pulvinar hymenaeos nullam.</p> <p><a href="#" class="art-button">Learn more</a></p> </div> </div> </div> <div class="art-content-layout layout-item-0"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-2" style="width: 100%" > {content} </div> </div> </div> <div class="art-content-layout-br layout-item-1"> </div><div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 63%" > {content} </div><div class="art-layout-cell layout-item-3" style="width: 37%" > {content} </div> </div> </div> <div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 63%" > {content} </div><div class="art-layout-cell layout-item-3" style="width: 37%" > {content} </div> </div> </div> <div class="art-content-layout-br layout-item-4"> </div><div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 100%" > {content} </div> </div> </div> <div class="art-content-layout layout-item-0"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-2" style="width: 100%" > <h3 style="color:#4C5057; float: left; margin-left: 30px; padding-top: 10px">We can create software which is right for you!</h3> <p style="float: right; margin-right: 40px"><a href="#" class="art-button">Learn more</a></p> </div> </div> </div> <div class="art-content-layout-br layout-item-1"> </div><div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 63%" > <p><br /></p> </div><div class="art-layout-cell layout-item-3" style="width: 37%" > <p><br /></p> </div> </div> </div> <div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 63%" > <p><br /></p> </div><div class="art-layout-cell layout-item-3" style="width: 37%" > <p><br /></p> </div> </div> </div> <div class="art-content-layout-br layout-item-4"> </div><div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 100%" > <p><br /></p> </div> </div> </div> <div class="art-content-layout layout-item-0"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-2" style="width: 100%" > <h3>Providing The Best Quality In Time</h3> </div> </div> </div> <div class="art-content-layout-br layout-item-1"> </div><div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 63%" > <p><br /></p> </div><div class="art-layout-cell layout-item-3" style="width: 37%" > <p><br /></p> </div> </div> </div> <div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 63%" > <p><br /></p> </div><div class="art-layout-cell layout-item-3" style="width: 37%" > <p><br /></p> </div> </div> </div> <div class="art-content-layout-br layout-item-4"> </div><div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 100%" > <p><br /></p> </div> </div> </div> <div class="art-content-layout layout-item-0"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-2" style="width: 100%" > <h3>What We Do</h3> </div> </div> </div> <div class="art-content-layout-br layout-item-1"> </div><div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 63%" > <p><br /></p> </div><div class="art-layout-cell layout-item-3" style="width: 37%" > <p><br /></p> </div> </div> </div> <div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 63%" > <p><br /></p> </div><div class="art-layout-cell layout-item-3" style="width: 37%" > <p><br /></p> </div> </div> </div> <div class="art-content-layout-br layout-item-4"> </div><div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 100%" > <p><br /></p> </div> </div> </div> <div class="art-content-layout layout-item-0"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-2" style="width: 100%" > <p><img width="400" height="290" alt="" src="Fotolia_5170186_X.png" style="margin:0;" class=""></p> <p>Quis pede massa aliquet augue egestas porttitor eu sem. Nunc convallis hendrerit turpis turpis felis elit ut nulla mi nisl quam volutpat ut volutpat commodo commodo placerat mollis non quam taciti. Vestibulum in eget odio cras ultrices vel ut.</p> <p><a href="#" class="art-button">Learn more</a></p> </div> </div> </div> <div class="art-content-layout-br layout-item-1"> </div><div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 63%" > <p><br /></p> </div><div class="art-layout-cell layout-item-3" style="width: 37%" > <p><br /></p> </div> </div> </div> <div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 63%" > <p><br /></p> </div><div class="art-layout-cell layout-item-3" style="width: 37%" > <p><br /></p> </div> </div> </div> <div class="art-content-layout-br layout-item-4"> </div><div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 100%" > <p><br /></p> </div> </div> </div> <div class="art-content-layout layout-item-0"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-2" style="width: 100%" > <p><img width="150" height="112" alt="" src="w.png" class=""></p> <p style="border-bottom: 2px solid #B1B8C3">Nec eleifend nam magnis pulvinar nascetur quam quam velit fusce. Nec sollicitudin turpis ut. <a href="#"><img width="8" height="6" alt="" src="5.png"></a><br> <br></p> <p><img width="150" height="112" alt="" src="w2.png"></p> <p>Platea vel consectetuer ut imperdiet hendrerit imperdiet libero libero ut lectus nec. <a href="#"><img width="8" height="6" alt="" src="5.png"></a></p> <p><a href="#" class="art-button">Learn more</a></p> </div> </div> </div> <div class="art-content-layout-br layout-item-1"> </div><div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 63%" > <p><br /></p> </div><div class="art-layout-cell layout-item-3" style="width: 37%" > <p><br /></p> </div> </div> </div> <div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 63%" > <p><br /></p> </div><div class="art-layout-cell layout-item-3" style="width: 37%" > <p><br /></p> </div> </div> </div> <div class="art-content-layout-br layout-item-4"> </div><div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 100%" > <p><br /></p> </div> </div> </div> <div class="art-content-layout layout-item-0"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-2" style="width: 100%" > <h3>Why To Work With Us</h3> <p><img width="200" height="256" alt="" src="shutterstock_46513126.jpg" style="float:left; margin-right: 10px" class=""></p> <p>Tellus nunc venenatis nisl libero metus pretium elit. Convallis mi consectetuer sagittis per fusce habitasse nostra eros egestas aliquet cras ullamcorper senectus. Ligula donec nam ullamcorper volutpat adipiscing magna non felis. Ullamcorper felis facilisi.</p> <p>Volutpat pellentesque nec vivamus at nisi accumsan enim posuere. Vestibulum laoreet pellentesque tortor nec. Non nunc ultricies ac curabitur praesent eget pellentesque litora fusce.</p> <p>Netus ipsum ut dui felis eros non. Pulvinar consectetuer. Imperdiet volutpat convallis orci malesuada velit suspendisse lacus nisi. Faucibus quis velit duis lacinia pulvinar hymenaeos nullam.</p> <p><a href="#" class="art-button">Learn more</a></p> </div> </div> </div> <div class="art-content-layout-br layout-item-1"> </div><div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 63%" > <p><br /></p> </div><div class="art-layout-cell layout-item-3" style="width: 37%" > <p><br /></p> </div> </div> </div> <div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 63%" > <p><br /></p> </div><div class="art-layout-cell layout-item-3" style="width: 37%" > <p><br /></p> </div> </div> </div> <div class="art-content-layout-br layout-item-4"> </div><div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-3" style="width: 100%" > <p><br /></p> </div> </div> </div> <style>.art-content .art-postcontent-0 .layout-item-0 { border-collapse: separate; } .art-content .art-postcontent-0 .layout-item-1 { border-top-width:2px;border-top-style:solid;border-top-color:#B1B8C3;margin-top: 5px;margin-bottom: 5px; } .art-content .art-postcontent-0 .layout-item-2 { color: #1F1F1F; background: #B1B8C3; padding-right: 5px;padding-left: 5px; } .art-content .art-postcontent-0 .layout-item-3 { padding-right: 5px;padding-left: 5px; } .art-content .art-postcontent-0 .layout-item-4 { border-top-width:2px;border-top-style:solid;border-top-color:#B1B8C3;margin-top: 0px;margin-bottom: 0px; } .ie7 .post .layout-cell {border:none !important; padding:0 !important; } .ie6 .post .layout-cell {border:none !important; padding:0 !important; } </style> <div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-0" style="width: 100%" > <p>Auctor duis quam ultricies fusce consectetuer sed quis. Nulla at eros turpis a in leo elementum iaculis eu per suspendisse fringilla dapibus ac sagittis hendrerit non.</p><p>Sit litora quam phasellus et nulla gravida placerat libero eu non. Tristique tempus nunc vitae. Egestas ligula ut curae odio nec non vulputate ultrices praesent. Eu nostra tortor nulla metus non neque augue.</p><hr style="border:none;background-color:#b0b7c2;color:#b0b7c2;height:2px;"><h4>OUR ADDRESS</h4><p>Amet lorem ligula nisl neque. <br> Principal Ciudad, Country 12345-6789</p><p>Eget ligula nullam.<br> Aenean ac eros nec.</p><p>A. <a href="#">http://www.domain.com</a><br> A. <a href="#">email@domain.com</a></p> </div> </div> </div> <div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-0" style="width: 100%" > {content} </div> </div> </div> <div class="art-content-layout"> <div class="art-content-layout-row"> <div class="art-layout-cell layout-item-0" style="width: 100%" > <p>Auctor duis quam ultricies fusce consectetuer sed quis. Nulla at eros turpis a in leo elementum iaculis eu per suspendisse fringilla dapibus ac sagittis hendrerit non.</p><p>Sit litora quam phasellus et nulla gravida placerat libero eu non. Tristique tempus nunc vitae. Egestas ligula ut curae odio nec non vulputate ultrices praesent. Eu nostra tortor nulla metus non neque augue.</p><hr style="border:none;background-color:#b0b7c2;color:#b0b7c2;height:2px;"><h4>OUR ADDRESS</h4><p>Amet lorem ligula nisl neque. <br> Principal Ciudad, Country 12345-6789</p><p>Eget ligula nullam.<br> Aenean ac eros nec.</p><p>A. <a href="#">http://www.domain.com</a><br> A. <a href="#">email@domain.com</a></p> </div> </div> </div> <style>.art-content .art-postcontent-0 .layout-item-0 { padding-left: 10px; } .ie7 .post .layout-cell {border:none !important; padding:0 !important; } .ie6 .post .layout-cell {border:none !important; padding:0 !important; } </style> <p>Metus at blandit. <a href="#"><img width="8" height="6" alt="" src="5.png"></a></p> <p>Eu quam pellentesque. <a href="#"><img width="8" height="6" alt="" src="5.png"></a></p> <p>Nostra quis. <a href="#"><img width="8" height="6" alt="" src="5.png"></a></p> <p>Scelerisque ac tellus. <a href="#"><img width="8" height="6" alt="" src="5.png"></a></p> <p>Ac rutrum eu eu magna. <a href="#"><img width="8" height="6" alt="" src="5.png"></a></p> <p>Suscipit cursus lacus. <a href="#"><img width="8" height="6" alt="" src="5.png"></a></p> <p>Fusce nisl non ut purus non. <a href="#"><img width="8" height="6" alt="" src="5.png"></a></p> <p>Suspendisse et dui. <a href="#"><img width="8" height="6" alt="" src="5.png"></a></p> <br> <p><a href="#" class="art-button">Learn more</a></p> <p style="text-align: center;"><img width="50" height="50" alt="" src="1305276470_social_facebook_box_white.png"><img width="50" height="50" alt="" src="1305276480_social_twitter_box_white.png"><img width="50" height="50" alt="" src="1305276487_social_rss_box_white.png"></p> <p style="border-bottom: 1px solid #374865"><a href="#">Nunc nascetur a egestas imperdiet etiam quam sed. Amet sagittis orci pretium odio. Ligula rutrum vitae non nullam dignissim ut lacus arcu et.</a><br> <br></p> <p style="border-bottom: 1px solid #374865"><a href="#">Donec nisl sem varius placerat et suscipit in lectus nunc. Ut sed enim. Fringilla pulvinar ultrices curabitur vel.</a><br> <br></p> <p><a href="#">Phasellus eros vestibulum et varius arcu dictum urna. Semper in mi ante ligula nisl condimentum ligula. Lobortis adipiscing nibh viverra.</a></p>