Our Amazing Projects
Great design comes with understanding our clients needs
Example of code used above. It is a combination of Info Slide CSS and Multibox, so those must be turned on in the template configuration. You can actually use any of the info slide styles below just be sure to wrap with the 2 pages DIVs which are "pages_portfolio three" and if you want padding between each image the "pages_padding" DIV. Notice on the first DIV there is a "three". You can enter one, two, three, four, five and six depending on how many portfolio items you want on one row (Be sure to keep that space before the three too):
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb1" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb1" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
Code Used For This Page:
<h1 class="s5_centerit">Our Amazing Projects</h1>
<span class="s5_centerit ourteam_subtitle">Great design comes with understanding our clients needs</span>
<br>
<br>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb1" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb2" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/images2.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/images2.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb3" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image3.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image3.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb4" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image4.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image4.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb5" href="http://www.shape5.com/demo/images/general/portfolio/image1.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image1.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb6" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image6.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image6.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb1" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image7.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image7.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb2" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image8.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image8.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb3" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image9.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image9.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb1" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb2" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/images2.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/images2.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb3" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image3.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image3.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
<span class="s5_centerit ourteam_subtitle">Great design comes with understanding our clients needs</span>
<br>
<br>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb1" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb2" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/images2.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/images2.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb3" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image3.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image3.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb4" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image4.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image4.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb5" href="http://www.shape5.com/demo/images/general/portfolio/image1.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image1.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb6" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image6.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image6.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb1" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image7.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image7.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb2" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image8.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image8.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb3" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image9.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image9.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb1" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image5.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb2" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/images2.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/images2.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div class="pages_portfolio three">
<div class="pages_padding">
<div class="s5_is_css_7">
<div class="s5_is_css_wrap_7">
<div class="s5_is_css_hidden">
<a class="button darkcolor s5mb" id="mb3" title="A4 Paper Project" href="http://www.shape5.com/demo/images/general/portfolio/image3.jpg" rel="[me]">Zoom Image</a>
<a class="button">View Project</a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/portfolio/image3.jpg" alt="image"/>
<div class="s5_is_slide_css"></div>
<div class="s5_is_slide_7_css">
<div class="s5_is_slide_padding">
<h3>Example Slide</h3>
This is dummy text. You can add any text or html markup here.
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
PALM OIL ENERGY INDUSTRY CO.,LTD.
การคัดสรรวัตถุดิบที่มีคุณภาพดีและการนำเทคโนโลยีทันสมัยที่เป็นมิตรต่อธรรมชาติ มาใช้ในการผลิต เช่น การใช้ระบบไอน้ำในขั้นตอนการกลั่น ทุกขั้นตอนการผลิตยังได้รับการควบคุมอย่างพิถีพิถันโดยบุคลากรผู้ชำนาญการ ส่งผลให้เราได้รับการรับรองในระดับมาตรฐานสากลอย่างต่อเนื่อง เช่น ISO 9001, GMP & HACCP, HALAL, KOSHER และ RSPO
Our Brands
PALM OIL ENERGY INDUSTRY CO.,LTD.
การคัดสรรวัตถุดิบที่มีคุณภาพดีและการนำเทคโนโลยีทันสมัยที่เป็นมิตรต่อธรรมชาติ มาใช้ในการผลิต เช่น การใช้ระบบไอน้ำในขั้นตอนการกลั่น ทุกขั้นตอนการผลิตยังได้รับการควบคุมอย่างพิถีพิถันโดยบุคลากรผู้ชำนาญการ ส่งผลให้เราได้รับการรับรองในระดับมาตรฐานสากลอย่างต่อเนื่อง เช่น ISO 9001, GMP & HACCP, HALAL, KOSHER และ RSPOPalm Olein 5 Liter Bottle
(Food grade refined vegetable oils)
|
Palm Olein 2 Liter Bottle
(Food grade refined vegetable oils)
|
Palm Olein 1 Liter Bottle
(Food grade refined vegetable oils)
|
Palm Olein 0.5 Liter Bottle
(Food grade refined vegetable oils)
|
Palm Olein 0.25 Liter Bottle
(Food grade refined vegetable oils)
|
Palm Olein 13.75 Liter
(Food grade refined vegetable oils)
|
Palm Olein 18 Liter
(Food grade refined vegetable oils)
|
Palm Olein 13.75 Liter Rectangular can
(Food grade refined vegetable oils)
|
Palm Olein 18 Liter Rectangular can
(Food grade refined vegetable oils)
|
Palm Olein 1 Liter Bag
(Food grade refined vegetable oils)
|
Palm Olein 900 Millilitre bag (KING PRAWN BRAND )
(Food grade refined vegetable oils)
|
We are a dedicated team, passionate about making your dreams a reality.
"I am dedicated to making you happy about the product that you get from my company because it's so great. I promise you will be pleased!"
- Frank Basefield
- Frank Basefield
Our Head Honchos
Our Dedicated Team
We want to hear from you!
Fusce ac eleifend erat, cursus pretium ante. Mauris euismod luctus libero ac rutrum. Morbi ullamcorper, mauris et dapibus accumsan, turpis massa ornare metus, eget commodo neque lacus sit amet erat. Vestibulum tempus, mi eget condimentum cursus, augue urna congue justo, a accumsan nunc erat eget leo. Proin sollicitudin tortor et nibh fringilla hendrerit. Praesent vel ante suscipit nisl hendrerit eleifend. Praesent a aliquet p
Photos credits by Daniele Zedda, JohnONolan, Daniele Zedda, Daniele Zedda, AllansBrain, rolands.lakis
Code Used For This Page:
<div style="border-bottom:1px solid
#ebe8e8;padding-bottom:70px;margin-bottom:70px;">
<h1 class="pages_center_text">
We are a dedicated team, passionate about making your dreams a reality.
<br><br>
</h1>
<div class="pages_center_text">
<div class="s5_title">"I am dedicated to making you happy about the product that you get from my company because it's so great. I promise you will be pleased!" <br>- Frank Basefield </div>
</div>
</div>
<h1 class="s5_centerit">Our Head Honcho's</h1>
<span class="s5_centerit overlay_subtitle">These Guys Run the Place</span>
<br><br>
<div class="overlay_outer two">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team5.jpg" alt="team5"/>
</div>
<br>
Frank Basefield
<br>
<span style="color:#a8a8a8;">CEO/Co-Owner</span>
<br><br>
</div>
</div>
<div class="overlay_outer two">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team6.jpg" alt="team6"/>
</div>
<br>
Jeremy Westfend
<br>
<span style="color:#a8a8a8;">Manager</span>
<br><br>
</div>
</div>
<div style="clear:both;"></div>
<br>
<h1 class="s5_centerit">Our Dedicated Team</h1>
<span class="s5_centerit overlay_subtitle">Of Awesome Web Developers</span>
<br><br>
<div class="overlay_outer four">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team1.jpg" alt="team1"/>
</div>
<br>
Mike Summerfield
<br>
<span style="color:#a8a8a8;">GUI Design</span>
<br><br>
</div>
</div>
<div class="overlay_outer four">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team2.jpg" alt="team2"/>
</div>
<br>
Joel Lasdingo
<br>
<span style="color:#a8a8a8;">Lead Designer</span>
<br><br>
</div>
</div>
<div class="overlay_outer four">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team3.jpg" alt="team3"/>
</div>
<br>
Michelle Wright
<br>
<span style="color:#a8a8a8;">Senior Developer</span>
<br><br>
</div>
</div>
<div class="overlay_outer four">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team4.jpg" alt="team4"/>
</div>
<br>
Frank Hammard
<br>
<span style="color:#a8a8a8;">Marketing</span>
<br><br>
</div>
</div>
<div style="clear:both;"></div>
<br><br>
<div class="pages_highlight_box">
<h3 class="s5_centerit">We want to hear from you!</h3>
<br>
Fusce ac eleifend erat, cursus pretium ante. Mauris euismod luctus libero ac rutrum. Morbi ullamcorper, mauris et dapibus accumsan, turpis massa ornare metus, eget commodo neque lacus sit amet erat. Vestibulum tempus, mi eget condimentum cursus, augue urna congue justo, a accumsan nunc erat eget leo. Proin sollicitudin tortor et nibh fringilla hendrerit. Praesent vel ante suscipit nisl hendrerit eleifend. Praesent a aliquet p
</div>
<h1 class="pages_center_text">
We are a dedicated team, passionate about making your dreams a reality.
<br><br>
</h1>
<div class="pages_center_text">
<div class="s5_title">"I am dedicated to making you happy about the product that you get from my company because it's so great. I promise you will be pleased!" <br>- Frank Basefield </div>
</div>
</div>
<h1 class="s5_centerit">Our Head Honcho's</h1>
<span class="s5_centerit overlay_subtitle">These Guys Run the Place</span>
<br><br>
<div class="overlay_outer two">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team5.jpg" alt="team5"/>
</div>
<br>
Frank Basefield
<br>
<span style="color:#a8a8a8;">CEO/Co-Owner</span>
<br><br>
</div>
</div>
<div class="overlay_outer two">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team6.jpg" alt="team6"/>
</div>
<br>
Jeremy Westfend
<br>
<span style="color:#a8a8a8;">Manager</span>
<br><br>
</div>
</div>
<div style="clear:both;"></div>
<br>
<h1 class="s5_centerit">Our Dedicated Team</h1>
<span class="s5_centerit overlay_subtitle">Of Awesome Web Developers</span>
<br><br>
<div class="overlay_outer four">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team1.jpg" alt="team1"/>
</div>
<br>
Mike Summerfield
<br>
<span style="color:#a8a8a8;">GUI Design</span>
<br><br>
</div>
</div>
<div class="overlay_outer four">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team2.jpg" alt="team2"/>
</div>
<br>
Joel Lasdingo
<br>
<span style="color:#a8a8a8;">Lead Designer</span>
<br><br>
</div>
</div>
<div class="overlay_outer four">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team3.jpg" alt="team3"/>
</div>
<br>
Michelle Wright
<br>
<span style="color:#a8a8a8;">Senior Developer</span>
<br><br>
</div>
</div>
<div class="overlay_outer four">
<div class="overlay_inner">
<div class="overlay_hover_outer">
<div class="overlay_hover_inner">
<div class="overlay_socialicons">
<a class="overlay_facebook" href="https://www.facebook.com/shape5.templates" target="_blank"></a>
<a class="overlay_twitter" href="https://twitter.com/shape_5" target="_blank"></a>
</div>
</div>
<img src="http://www.shape5.com/demo/images/general/team/team4.jpg" alt="team4"/>
</div>
<br>
Frank Hammard
<br>
<span style="color:#a8a8a8;">Marketing</span>
<br><br>
</div>
</div>
<div style="clear:both;"></div>
<br><br>
<div class="pages_highlight_box">
<h3 class="s5_centerit">We want to hear from you!</h3>
<br>
Fusce ac eleifend erat, cursus pretium ante. Mauris euismod luctus libero ac rutrum. Morbi ullamcorper, mauris et dapibus accumsan, turpis massa ornare metus, eget commodo neque lacus sit amet erat. Vestibulum tempus, mi eget condimentum cursus, augue urna congue justo, a accumsan nunc erat eget leo. Proin sollicitudin tortor et nibh fringilla hendrerit. Praesent vel ante suscipit nisl hendrerit eleifend. Praesent a aliquet p
</div>
24 Day Money Back Gaurantee
We accept all major credit cards. No hidden fees.
Basic
$49/per month
Standard
$79/per month
Premium
$99/per month
All Plans Include
- Free Email Addresses
- 24/7 security monitoring
- Flexible, easy-to-use control panel
- Free Month of Support
- 10 Fotolia Photo Credits
- *Money-back guarantee
Fusce ac eleifend erat, cursus pretium ante. Mauris euismod luctus libero ac rutrum. Morbi ullamcorper, mauris et dapibus accumsan, turpis massa ornare metus, eget commodo neque lacus sit amet erat. Vestibulum tempus, mi eget condimentum cursus, augue urna congue justo, a accumsan nunc erat eget leo. Proin sollicitudin tortor et nibh fringilla hendrerit. Praesent vel ante suscipit nisl hendrerit eleifend. Praesent a aliquet purus.
To use the price table on your site grab the following example code below and add to your site. The price table is fully responsive and can display up to 7 price columns. Once you have determined the number of columns you will be using set the wrapper div to the number of columns that you've added. You can use the wrapping classes of "s5_pricetable_1" to "s5_pricetable_7".
<div class="s5_pricetable_3">
<div class="s5_pricetable_column">
<div class="s5_pricetable_column_padding">
<div class="s5_title">Basic</div>
<div class="s5_price_wrap">
<span class="dollarsign">$</span><span class="price">49</span><span class="month">/per month</span>
</div>
<div class="s5_options">
<div class="s5_option">
Unlimited Space & Traffic
</div>
<div class="s5_option">
99.9% Server Uptime
</div>
<div class="s5_option">
24/7 Customer Care
</div>
<div class="s5_option">
30 Days Money Back
</div>
</div>
<div class="s5_horizontalrule"></div>
<div class="s5_buttoncenter"><a href="#" class="button s5_pricetable">Choose</a></div>
</div>
</div>
<div class="s5_pricetable_column recommended">
<div class="s5_pricetable_column_padding">
<div class="s5_title">Standard</div>
<div class="s5_price_wrap">
<span class="dollarsign">$</span><span class="price">79</span><span class="month">/per month</span>
</div>
<div class="s5_options">
<div class="s5_option">
Unlimited Space & Traffic
</div>
<div class="s5_option">
99.9% Server Uptime
</div>
<div class="s5_option">
24/7 Customer Care
</div>
<div class="s5_option">
30 Days Money Back
</div>
<div class="s5_option">
FREE Domain Name
</div>
<div class="s5_option">
Personal Concierge
</div>
</div>
<div class="s5_horizontalrule"></div>
<div class="s5_buttoncenter"><a href="#" class="button s5_pricetable">Choose</a></div>
</div>
</div>
<div class="s5_pricetable_column">
<div class="s5_pricetable_column_padding">
<div class="s5_title">Premium</div>
<div class="s5_price_wrap">
<span class="dollarsign">$</span><span class="price">99</span><span class="month">/per month</span>
</div>
<div class="s5_options">
<div class="s5_option">
Unlimited Space & Traffic
</div>
<div class="s5_option">
99.9% Server Uptime
</div>
<div class="s5_option">
24/7 Customer Care
</div>
<div class="s5_option">
30 Days Money Back
</div>
</div>
<div class="s5_horizontalrule"></div>
<div class="s5_buttoncenter"><a href="#" class="button s5_pricetable">Choose</a></div>
</div>
<div style="clear:both;"></div>
</div>
<div class="s5_pricetable_3">
<div class="s5_pricetable_column">
<div class="s5_pricetable_column_padding">
<div class="s5_title">Basic</div>
<div class="s5_price_wrap">
<span class="dollarsign">$</span><span class="price">49</span><span class="month">/per month</span>
</div>
<div class="s5_options">
<div class="s5_option">
Unlimited Space & Traffic
</div>
<div class="s5_option">
99.9% Server Uptime
</div>
<div class="s5_option">
24/7 Customer Care
</div>
<div class="s5_option">
30 Days Money Back
</div>
</div>
<div class="s5_horizontalrule"></div>
<div class="s5_buttoncenter"><a href="#" class="button s5_pricetable">Choose</a></div>
</div>
</div>
<div class="s5_pricetable_column recommended">
<div class="s5_pricetable_column_padding">
<div class="s5_title">Standard</div>
<div class="s5_price_wrap">
<span class="dollarsign">$</span><span class="price">79</span><span class="month">/per month</span>
</div>
<div class="s5_options">
<div class="s5_option">
Unlimited Space & Traffic
</div>
<div class="s5_option">
99.9% Server Uptime
</div>
<div class="s5_option">
24/7 Customer Care
</div>
<div class="s5_option">
30 Days Money Back
</div>
<div class="s5_option">
FREE Domain Name
</div>
<div class="s5_option">
Personal Concierge
</div>
</div>
<div class="s5_horizontalrule"></div>
<div class="s5_buttoncenter"><a href="#" class="button s5_pricetable">Choose</a></div>
</div>
</div>
<div class="s5_pricetable_column">
<div class="s5_pricetable_column_padding">
<div class="s5_title">Premium</div>
<div class="s5_price_wrap">
<span class="dollarsign">$</span><span class="price">99</span><span class="month">/per month</span>
</div>
<div class="s5_options">
<div class="s5_option">
Unlimited Space & Traffic
</div>
<div class="s5_option">
99.9% Server Uptime
</div>
<div class="s5_option">
24/7 Customer Care
</div>
<div class="s5_option">
30 Days Money Back
</div>
</div>
<div class="s5_horizontalrule"></div>
<div class="s5_buttoncenter"><a href="#" class="button s5_pricetable">Choose</a></div>
</div>
<div style="clear:both;"></div>
</div>
See What We Have To Offer
Fusce ac eleifend erat, cursus pretium ante. Mauris euismod luctus libero ac rutrum. Morbi ullamcorper, mauris et dapibus accumsan, turpis massa ornare metus, eget commodo neque lacus sit amet erat. Vestibulum tempus, mi eget condimentum cursus, augue urna congue justo, a accumsan nunc erat eget leo. Proin sollicitudin tortor et nibh fringilla hendrerit. Praesent vel ante suscipit nisl hendrerit eleifend. Praesent a aliquet purus.
Creative Services
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.Website Development
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.Consultant Work
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.Social Networks
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.Photo Services
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.Cloud Options
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.Code Used For This Page:
<div class="pages_highlight_box">
<h3>See What We Have To Offer</h3>
<br />
Fusce ac eleifend erat, cursus pretium ante. Mauris euismod luctus libero ac rutrum. Morbi ullamcorper, mauris et dapibus accumsan, turpis massa ornare metus, eget commodo neque lacus sit amet erat. Vestibulum tempus, mi eget condimentum cursus, augue urna congue justo, a accumsan nunc erat eget leo. Proin sollicitudin tortor et nibh fringilla hendrerit. Praesent vel ante suscipit nisl hendrerit eleifend. Praesent a aliquet purus.<br />
<p class="readmore"><a href="#" class="btn">Contact Us Today</a></p>
</div>
<br /><br />
<div class="services_outer_wrap" style="float:left;">
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="icon_outer_wrap">
<div class="icon_hover">
<a href="javascript:;" class="ion-link icon_element"></a>
</div>
<div class="icon_non_hover">
<span class="ion-paper-airplane icon_element"></span>
</div>
</div>
<h3>Creative Services</h3>
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.
<br />
<p class="readmore"><a href="#" class="btn">Read More</a></p>
</div>
</div>
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="icon_outer_wrap">
<div class="icon_hover">
<a href="javascript:;" class="ion-link icon_element"></a>
</div>
<div class="icon_non_hover">
<span class="ion-earth icon_element"></span>
</div>
</div>
<h3>Website Development</h3>
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.
<br />
<p class="readmore"><a href="#" class="btn">Read More</a></p>
</div>
</div>
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="icon_outer_wrap">
<div class="icon_hover">
<a href="javascript:;" class="ion-link icon_element"></a>
</div>
<div class="icon_non_hover">
<span class="ion-aperture icon_element"></span>
</div>
</div>
<h3>Consultant Work</h3>
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.
<br />
<p class="readmore"><a href="#" class="btn">Read More</a></p>
</div>
</div>
</div>
<div class="services_outer_wrap" style="float:left;">
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="icon_outer_wrap">
<div class="icon_hover">
<a href="javascript:;" class="ion-link icon_element"></a>
</div>
<div class="icon_non_hover">
<span class="ion-person-stalker icon_element"></span>
</div>
</div>
<h3>Social Networks</h3>
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.
<br />
<p class="readmore"><a href="#" class="btn">Read More</a></p>
</div>
</div>
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="icon_outer_wrap">
<div class="icon_hover">
<a href="javascript:;" class="ion-link icon_element"></a>
</div>
<div class="icon_non_hover">
<span class="ion-camera icon_element"></span>
</div>
</div>
<h3>Photo Services</h3>
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.
<br />
<p class="readmore"><a href="#" class="btn">Read More</a></p>
</div>
</div>
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="icon_outer_wrap">
<div class="icon_hover">
<a href="javascript:;" class="ion-link icon_element"></a>
</div>
<div class="icon_non_hover">
<span class="ion-upload icon_element"></span>
</div>
</div>
<h3>Cloud Options</h3>
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.
<br />
<p class="readmore"><a href="#" class="btn">Read More</a></p>
</div>
</div>
</div>
<div style="clear:both"></div>
<h3>See What We Have To Offer</h3>
<br />
Fusce ac eleifend erat, cursus pretium ante. Mauris euismod luctus libero ac rutrum. Morbi ullamcorper, mauris et dapibus accumsan, turpis massa ornare metus, eget commodo neque lacus sit amet erat. Vestibulum tempus, mi eget condimentum cursus, augue urna congue justo, a accumsan nunc erat eget leo. Proin sollicitudin tortor et nibh fringilla hendrerit. Praesent vel ante suscipit nisl hendrerit eleifend. Praesent a aliquet purus.<br />
<p class="readmore"><a href="#" class="btn">Contact Us Today</a></p>
</div>
<br /><br />
<div class="services_outer_wrap" style="float:left;">
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="icon_outer_wrap">
<div class="icon_hover">
<a href="javascript:;" class="ion-link icon_element"></a>
</div>
<div class="icon_non_hover">
<span class="ion-paper-airplane icon_element"></span>
</div>
</div>
<h3>Creative Services</h3>
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.
<br />
<p class="readmore"><a href="#" class="btn">Read More</a></p>
</div>
</div>
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="icon_outer_wrap">
<div class="icon_hover">
<a href="javascript:;" class="ion-link icon_element"></a>
</div>
<div class="icon_non_hover">
<span class="ion-earth icon_element"></span>
</div>
</div>
<h3>Website Development</h3>
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.
<br />
<p class="readmore"><a href="#" class="btn">Read More</a></p>
</div>
</div>
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="icon_outer_wrap">
<div class="icon_hover">
<a href="javascript:;" class="ion-link icon_element"></a>
</div>
<div class="icon_non_hover">
<span class="ion-aperture icon_element"></span>
</div>
</div>
<h3>Consultant Work</h3>
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.
<br />
<p class="readmore"><a href="#" class="btn">Read More</a></p>
</div>
</div>
</div>
<div class="services_outer_wrap" style="float:left;">
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="icon_outer_wrap">
<div class="icon_hover">
<a href="javascript:;" class="ion-link icon_element"></a>
</div>
<div class="icon_non_hover">
<span class="ion-person-stalker icon_element"></span>
</div>
</div>
<h3>Social Networks</h3>
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.
<br />
<p class="readmore"><a href="#" class="btn">Read More</a></p>
</div>
</div>
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="icon_outer_wrap">
<div class="icon_hover">
<a href="javascript:;" class="ion-link icon_element"></a>
</div>
<div class="icon_non_hover">
<span class="ion-camera icon_element"></span>
</div>
</div>
<h3>Photo Services</h3>
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.
<br />
<p class="readmore"><a href="#" class="btn">Read More</a></p>
</div>
</div>
<div class="services_wrap">
<div class="services_wrap_inner">
<div class="icon_outer_wrap">
<div class="icon_hover">
<a href="javascript:;" class="ion-link icon_element"></a>
</div>
<div class="icon_non_hover">
<span class="ion-upload icon_element"></span>
</div>
</div>
<h3>Cloud Options</h3>
Morbi nunc nunc, elementum quis tortor et, feugiat pharetra eros. Mauris mattis purus at lobortis auctor. Nullam eros velit, laoreet vel libero posuere, eleifend ornare libero.
<br />
<p class="readmore"><a href="#" class="btn">Read More</a></p>
</div>
</div>
</div>
<div style="clear:both"></div>