a:4:{s:8:"template";s:12280:"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<title>{{ keyword }}</title>
<style media="screen" rel="stylesheet" type="text/css">
#art-main
{
   font-family: Century Gothic;
   font-style: normal;
   font-weight: normal;
   font-size: 13px;
   text-align: justify;
}

p, a, ul, li
{
   margin: 0;
   padding: 0;
}

ul
{
   list-style-type: none;
}

html, body
{
   height:100%;
}

#art-main
{
   position: relative;
   z-index: 0;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}

body
{
   padding: 0;
   margin:0;
   min-width: 1000px;
   color: #292929;
   background-color: #FFFFFF;
   background-image: url();
   background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: top center;
}

.cleared
{
   display:block;
   clear: both;
   float: none;
   margin: 0;
   padding: 0;
   border: none;
   font-size: 0;
   height:0;
   overflow:hidden;
}

.reset-box
{
   overflow:hidden;
   display:table;
}

/* Start Box */
.art-box, .art-box-body {
   margin:0 auto;
   position:relative;
}
.art-box:before, .art-box:after, .art-box-body:before, .art-box-body:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat: no-repeat;
   line-height:0;
}
.art-box:before,.art-box-body:before{
   left:0;
}
.art-box:after,.art-box-body:after{
   right:0;
}
.art-box:before {
   overflow:hidden;
   background-position: bottom left;
   direction: ltr;
   z-index:-3;
}
.art-box:after {
   background-position: bottom right;
   z-index:-3;
}
.art-box-body:before, .art-box-body:after {
   background-repeat:repeat-y;
}
.art-box-body:before {
   background-position: top left;
   z-index:-3;
}
.art-box-body:after {
   background-position: top right;
   z-index:-3;
}
/* End Box */

/* Start Bar */
.art-bar {
   position:relative;
}
.art-bar:before, .art-bar:after {
   position:absolute;
   top:0;
   bottom:0;
   content:' ';
   background-repeat:repeat;
   z-index:-1;
}
.art-bar:before {
   left:0;
   background-position: top left;
}
.art-bar:after {
   right:0;
   background-position: top right;
}
/* End Bar */ 
/* end Page */

/* begin Header */
div.art-header
{
   margin: 0 auto;
   position: relative;
   z-index: -5;
   width:1000px;
   height: 174px;
   margin-top: 0;
   margin-bottom: 0;
}
.art-header-position
{
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
} 

.art-header-wrapper 
{
   position: relative;
   top:0;
   width:1000px;
   margin:0 auto;
}
.art-header-inner 
{
   position: relative;
   margin: 0 10px;
}

/* end Header */

/* begin Logo */
div.art-logo
{
   display: block;
   position: absolute;
   top: 159px;
   left: 50%;
   margin-left: -482px;
   width: 965px;
}

/* end Logo */

/* begin Menu */
/* menu structure */

ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
}

ul.art-hmenu, ul.art-hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.art-hmenu li
{
   margin: 0;
   padding: 0;
   border: 0;
   display: block;
   float: left;
   position: relative;
   z-index: 5;
   background: none;
}

ul.art-hmenu li:hover{
   z-index: 10000;
   white-space: normal;
}
ul.art-hmenu li li{
   float: none;
   width: auto;
}
ul.art-hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
ul.art-hmenu:after, ul.art-hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}
ul.art-hmenu, ul.art-hmenu ul {
   background-image: url();
   min-height: 0;
}

ul.art-hmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url();
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}

ul.art-hmenu{
   position:relative;
   padding: 13px 10px 13px 10px;
   float: left;
   left: 50%;
}
div.art-nav-center{
   position: relative;
   float: right;
   right: 50%;
}
/* end menu structure */

/* menu bar */

.art-nav
{
   width:1000px;
   margin:0 auto;
   min-height: 65px;
   z-index: 100;
   margin-top: 3px;
   margin-bottom: -7px;
}

.art-nav:before, .art-nav:after{
   background-image: url();
}
.art-nav:before{
   right: 26px;
}
.art-nav:after{
   width: 26px;
}
/* end menu bar */
.art-nav-outer{
   position:absolute;
   width:100%;
}
.art-nav-wrapper 
{
   position: relative;
   width:1000px;
   margin:0 auto;
}

.art-nav-inner{
   margin: 0 17px;
}

/* end Menu */

/* begin MenuItem */
ul.art-hmenu>li>a
{
   position: relative;
   display: block;
   height: 39px;
   cursor: pointer;
   text-decoration: none;
   color: #050B96;
   padding: 0 28px;
   line-height: 39px;
   text-align: center;
}

ul.art-hmenu>li>a:before, ul.art-hmenu>li>a:after
{
   position: absolute;
   display: block;
   content:' ';
   top: 0;
   bottom:0;
   z-index: -1;
   background-image: url();
}

ul.art-hmenu>li>a:before
{
   left: 0;
   right: 4px;
   background-position: top left;
}

ul.art-hmenu>li>a:after
{
   width: 4px;
   right: 0;
   background-position: top right;
}

.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
   text-align: left;
   text-decoration: none;
}

ul.art-hmenu>li>a:hover:before {
   background-position: center left;
}
ul.art-hmenu>li>a:hover:after {
   background-position: center right;
}
ul.art-hmenu>li>a:hover, ul.art-hmenu>li:hover>a{
   color: #D4D4D4;
}

/* end MenuItem */

/* begin MenuSeparator */
ul.art-hmenu>li:before
{
   position:absolute;
   display: block;
   content:' ';
   top:0;
   left:  -13px;
   width:13px;
   height: 39px;
   background: url() center center no-repeat;
}

ul.art-hmenu>li {
   margin-left:13px;
}
ul.art-hmenu>li:first-child {
   margin-left:0;
}

ul.art-hmenu>li:first-child:before{
   display:none;
}
/* end MenuSeparator */

/* begin MenuSubItem */
.art-hmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 26px;
   background-image: url();
   background-position: left top;
   background-repeat: repeat-x;
   border-width: 1px;
   border-style: solid;
   border-top-width: 0;
   border-color: #595959;
   min-width: 7em;
   text-align: left;
   text-decoration: none;
   line-height: 26px;
   color: #FCC5C8;
   font-size: 12px;
   margin:0;
   padding: 0 17px;
}

.art-hmenu ul>li:first-child>a
{
   border-top-width: 1px;
}

.art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active
{
   text-align: left;
   text-decoration: none;
   line-height: 26px;
   color: #FCC5C8;
   font-size: 12px;
   margin:0;
   padding: 0 17px;
}

.art-hmenu ul li a:hover
{
   color: #D9D9D9;
   background-position: left bottom;
   border-color: #595959;
   border-top-width: 1px !important;
}

.art-hmenu ul li:hover>a
{
   color: #D9D9D9;
   background-position: left bottom;
   border-color: #595959;
   border-top-width: 1px !important;
}

/* end MenuSubItem */

/* begin Box, Sheet */
.art-sheet
{
   max-width:1000px;
   margin-top: 3px;
   margin-bottom: -7px;
   cursor:auto;
   width: 1000px;
}
.art-sheet-body 
{
   padding:17px;
   min-width:46px;
   min-height:46px;
   padding-top:17px;
   padding-bottom:17px;
}
.art-sheet:before, .art-sheet:after 
{
   content: url();
   font-size: 0;
   background-image: url();
}
.art-sheet:after{
   clip:rect(auto, auto, auto, 960px);
}
.art-sheet:before,.art-sheet-body:before{
   right:40px;
}
.art-sheet-body:after{
   width: 40px;
   top:40px;
   bottom:40px;
   background-image:url();
}
.art-sheet-body:before{
   top:40px;
   bottom:40px;
   background-image:url();
}

.art-footer
{
   position: relative;
   margin-top:0;
   margin-bottom:0;
   width: 100%;
}

.art-footer-body
{
   position:relative;
   padding: 15px;
   color: #000000;
   font-size: 11px;
}

.art-footer-body:before
{
   position: absolute;
   content:' ';
   z-index:-2;
   left:0;
   right:0;
   top:0;
   bottom:3px;
   background:rgba(224, 223, 223, 1);
   background-position:bottom left;
}

.art-footer:before, .art-footer:after 
{
   position: absolute;
   content:' ';
   z-index:-2;
   bottom:0;
   height:3px;
   background:#170BA0;
}

.art-footer:before
{
   left:0;
   right:3px;
   background-position: bottom left;
}

.art-footer:after
{
   right:0;
   width:3px;
   background-position: bottom right;
}

.art-footer-body .art-rss-tag-icon
{
   position: absolute;
   left:   6px;
   bottom:15px;
   z-index:1;
}

.art-rss-tag-icon
{
   display: block;
   background-image: url();
   background-position: center right;
   background-repeat: no-repeat;
   height: 30px;
   width: 32px;
   cursor: default;
}

.art-footer-text p
{
   padding:0;
   margin:0;
   text-align: center;
}

.art-footer-body a,
.art-footer-body a:link,
.art-footer-body a:visited,
.art-footer-body a:hover
{
   color: #000000;
   font-size: 11px;
}

.art-footer-text
{
   min-height: 30px;
   padding-left: 10px;
   padding-right: 10px;
   text-align: center;
}

.art-footer-body a,
.art-footer-body a:link
{
   color: #FA999E;
   text-decoration: none;
}

.art-footer-body a:visited
{
   color: #9E9E9E;
}

.art-footer-body a:hover
{
   color: #402903;
   text-decoration: underline;
}/* end Footer */

/* begin PageFooter */
.art-page-footer
{
   font-family: Arial;
   font-size: 10px;
   letter-spacing: normal;
   word-spacing: normal;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
   color: #A00810;
}

.art-page-footer
{
   position: relative;
   z-index: 10;
   padding: 1em;
   text-align: center;
   text-decoration: none;
   color: #1C1C1C;
}

</style>

</head><body class="">
<div id="art-main">
<div class="cleared reset-box"></div>
<div class="art-header">
<div class="art-header-position">
<div class="art-header-wrapper">
<div class="cleared reset-box"></div>
<div class="art-header-inner">
<div class="art-logo">
</div>
</div>
</div>
</div>
</div>
<div class="cleared reset-box"></div>
<div class="art-bar art-nav">
<div class="art-nav-outer">
<div class="art-nav-wrapper">
<div class="art-nav-inner">
<div class="art-nav-center">
<ul class="art-hmenu menu-2">
<li class="menu-item-47"><a href="#" title="Home">Home</a>
</li>
<li class="menu-item-41"><a href="#" title="About us">About us</a>
<ul>
<li class="menu-item-42"><a href="#" title="Business Philosophy">Business Philosophy</a>
</li>
<li class="menu-item-50"><a href="#" title="Organisation Structure">Organisation Structure</a>
</li>
</ul>
</li>
<li class="menu-item-44"><a href="#" title="CASES">CASES</a>
</li>
<li class="menu-item-46"><a href="#" title="Services And Support">Services And Support</a>
</li>
<li class="menu-item-221"><a href="#" title="Products and Services">Products and Services</a>
<ul>
<li class="menu-item-111"><a href="#" title="Solar Systems">Solar Systems</a>
</li>
<li class="menu-item-110"><a href="#" title="Irrigation Systems">Irrigation Systems</a>
</li>
<li class="menu-item-112"><a href="#" title="Swimming Pools">Swimming Pools</a>
</li>
<li class="menu-item-218"><a href="#" title="Electrical Control Systems">Electrical Control Systems</a>
</li>
<li class="menu-item-219"><a href="#" title="Generator Sales and Service">Generator Sales and Service</a>
</li>
<li class="menu-item-220"><a href="#" title="Water Treatment Equipment">Water Treatment Equipment</a>
</li>
</ul>
</li>
<li class="menu-item-43"><a href="#" title="Contact us">Contact us</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="cleared reset-box"></div>
<div class="art-box art-sheet">
<div class="art-box-body art-sheet-body">

{{ text }}
    <div class="art-footer">
<div class="art-footer-body">
<a class="art-rss-tag-icon" href="#" title="{{ keyword }} RSS Feed"></a>
<div class="art-footer-text">
<p>Copyright All Rights Reserved  Jobak Engineering Ltd 2017 Powered by Hostalite</p>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
</div>
</div>
<div class="cleared"></div>
<div class="cleared"></div>
</div>
<div id="wp-footer">
<p class="art-page-footer"></p>




</div>
</body>
</html>";s:4:"text";s:3221:"For Mac and Windows! Javadoc Home Page. Create Simple HTML Table with Images and Captions for Blogs. If I limit the image/link to just one, ... </html> Actual PHP code is: Code: Select all <html> <head> Hello I was wondering how to add multiple images to a header in a <div> tag? [HTML5] evolves HTML and its related APIs to ease the authoring of Web-based applications. Is this even the best way to go about this? A collaboration of MIT and Harvard University. Create awesome website with slideshow in seconds. Hi, i want to have 2 images on one line like this: ... HTML & CSS; Align 2 images on 1 ... Align 2 images on 1 line? This document describes the style guide, tag and image conventions we use in Free HTML Website Maker. Void elements only have a start tag, which contains any HTML I'm new to HTML and am wondering how I can put multiple images along the same line. How can I add multiple .jpg images in an HTML webpage, without sacrificing speed or tools like Jquery? This form can help you determine which intelligences are strongest for you. Forums  CSS  How to simply position images on the same line. By Keith A. Johnson, MD and J. Alex Becker, PhD. This document explains the step-by-step procedure to upgrade the software image on Cisco Catalyst 3550 series switches with use of the command-line interface (CLI). How to use two <div> tag and align in a same line if kept in a single <div> tag? Multiple images in same line. Create Simple HTML Table with Images FAQ. There are multiple kinds of HTML elements: void elements, raw text elements, and normal elements. Heya, I'm trying to display multiple images on a single line in iText in order to replicate the behavior of a web renderer. yourdairyman # June 6, 2012 at 11:30 pm Hi, thanks How can I add multiple .jpg images in an HTML webpage, without sacrificing speed or tools like Jquery? Participant. Hi, I'm trying to align multiple thumbnails in a single line with CSS. I have a div and I want to align in the center of that div multiple images. Cells may span multiple rows and columns. ... how do i put 2 images on the same line in html? I am publishing multiple galleries (to different pages). 11.1 Introduction to tables. 2 images on same line in html? I wonder how it is being done. The code I currently have: Hello Jonein, and welcome to the forums. lineWidth [ = value] Returns the current line width. I'm trying to put multiple images on a single line. Path // www.yourhtmlsource.com  My First Site  BASIC IMAGES. I can only get one to display correctly. ... html css. Several template photo gallery on the same page. Including but not limited to: <canvas> 2d and WebGL <audio> How to Write Doc Comments for the Javadoc Tool. Can be set, to change the line width. MRI views of the normal and diseased human brain. I'm currently skinning site for a virtual airline and I need help as to how to get two images to show up on the same line instead of one breaking onto the next line. Perplexity is the beginning of knowledge. Welcome to Dynamic Drive, the #1 place on the net to obtain free, original DHTML & Javascripts to enhance your web site! The images in question were created using an online tutorial (which I'm not allowed to link to). ";s:7:"keyword";s:32:"html multiple images on one line";s:7:"expired";i:-1;}