Files
nhgooi.nl/pressroom/www/php/about.php
2020-01-04 20:41:09 +01:00

356 lines
14 KiB
PHP

<div class="page">
<div class="page_header clearfix page_margin_top">
<div class="page_header_left">
<h1 class="page_title">About Us</h1>
</div>
<div class="page_header_right">
<ul class="bread_crumb">
<li>
<a title="Home" href="?page=home">
Home
</a>
</li>
<li class="separator icon_small_arrow right_gray">
&nbsp;
</li>
<li>
Pages
</li>
<li class="separator icon_small_arrow right_gray">
&nbsp;
</li>
<li>
About
</li>
</ul>
</div>
</div>
<div class="page_layout clearfix">
<div class="divider_block clearfix">
<hr class="divider first">
<hr class="divider subheader_arrow">
<hr class="divider last">
</div>
<div class="row page_margin_top">
<div class="column column_1_2">
<img class="responsive pr_preload" src='images/samples/510x374/image_09.jpg' alt='img'>
</div>
<div class="column column_1_2">
<h1 class="about_title">Top Stories from</h1>
<h2 class="about_subtitle">Around the World</h2>
<h3 class="page_margin_top">Politicians have looked weak in the face of such natural disaster, with many facing criticism from local.</h3>
<p class="text padding_top_0 page_margin_top">Politicians have looked weak in the face of such natural disaster, with many facing criticism from local residents for doing little more than turning up as “flood tourists” at the site of disasters, incapable of helping those in crisis and only there for a photo.</p>
</div>
</div>
<div class="row page_margin_top_section">
<div class="column column_1_3 border_top">
<ul class="page_margin_top">
<li class="item_content clearfix">
<span title="Engaging Oppurtunities" class="features_icon printer animated_element animation-scale">
</span>
<div class="text">
<h3>Engaging Oppurtunities</h3>
<p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios nulla.</p>
</div>
</li>
</ul>
</div>
<div class="column column_1_3 border_top">
<ul class="page_margin_top">
<li class="item_content clearfix">
<span title="Source of Daily News" class="features_icon calendar animated_element animation-scale">
</span>
<div class="text">
<h3>Source of Daily News</h3>
<p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios nulla.</p>
</div>
</li>
</ul>
</div>
<div class="column column_1_3 border_top">
<ul class="page_margin_top">
<li class="item_content clearfix">
<span title="Rankings and Ratings" class="features_icon graph animated_element animation-scale">
</span>
<div class="text">
<h3>Rankings and Ratings</h3>
<p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios nulla.</p>
</div>
</li>
</ul>
</div>
</div>
<div class="row page_margin_top_section">
<div class="column_1_1">
<h4 class="box_header">
Our Valuable Team Members
</h4>
<div class="horizontal_carousel_container page_margin_top">
<ul class="horizontal_carousel autoplay-1 scroll-1 visible-4 navigation-1 easing-easeInOutQuint duration-750">
<li class="author">
<a href="?page=author" title="Debora Hilton">
<img src='images/samples/Team_330x242/image_01.jpg' alt='img'>
</a>
<h6>EDITOR</h6>
<h4><a href="?page=author" title="Debora Hilton">Debora Hilton</a></h4>
<p>Maecenas novum mauris elementum est morbi interdum at ague cursus elite imperdiet libero. Proin an odios dapibus integer.</p>
<ul class="social_icons margin_top_10 clearfix">
<li>
<a target="_blank" title="" href="http://facebook.com/QuanticaLabs" class="social_icon facebook">
&nbsp;
</a>
</li>
<li>
<a target="_blank" title="" href="https://twitter.com/QuanticaLabs" class="social_icon twitter">
&nbsp;
</a>
</li>
<li>
<a title="" href="#" class="social_icon skype">
&nbsp;
</a>
</li>
</ul>
</li>
<li class="author">
<a href="?page=author" title="Anna Shubina">
<img src='images/samples/Team_330x242/image_02.jpg' alt='img'>
</a>
<h6>EDITOR</h6>
<h4><a href="?page=author" title="Anna Shubina">Anna Shubina</a></h4>
<p>Maecenas novum mauris elementum est morbi interdum at ague cursus elite imperdiet libero. Proin an odios dapibus integer.</p>
<ul class="social_icons margin_top_10 clearfix">
<li>
<a target="_blank" title="" href="http://facebook.com/QuanticaLabs" class="social_icon facebook">
&nbsp;
</a>
</li>
<li>
<a target="_blank" title="" href="https://twitter.com/QuanticaLabs" class="social_icon twitter">
&nbsp;
</a>
</li>
<li>
<a title="" href="#" class="social_icon skype">
&nbsp;
</a>
</li>
</ul>
</li>
<li class="author">
<a href="?page=author" title="Lian Holden">
<img src='images/samples/Team_330x242/image_03.jpg' alt='img'>
</a>
<h6>PUBLISHER</h6>
<h4><a href="?page=author" title="Lian Holden">Lian Holden</a></h4>
<p>Maecenas novum mauris elementum est morbi interdum at ague cursus elite imperdiet libero. Proin an odios dapibus integer.</p>
<ul class="social_icons margin_top_10 clearfix">
<li>
<a target="_blank" title="" href="http://facebook.com/QuanticaLabs" class="social_icon facebook">
&nbsp;
</a>
</li>
<li>
<a target="_blank" title="" href="https://twitter.com/QuanticaLabs" class="social_icon twitter">
&nbsp;
</a>
</li>
<li>
<a title="" href="#" class="social_icon skype">
&nbsp;
</a>
</li>
</ul>
</li>
<li class="author">
<a href="?page=author" title="Heather Dale">
<img src='images/samples/Team_330x242/image_04.jpg' alt='img'>
</a>
<h6>ILLUSTRATOR</h6>
<h4><a href="?page=author" title="Heather Dale">Heather Dale</a></h4>
<p>Maecenas novum mauris elementum est morbi interdum at ague cursus elite imperdiet libero. Proin an odios dapibus integer.</p>
<ul class="social_icons margin_top_10 clearfix">
<li>
<a target="_blank" title="" href="http://facebook.com/QuanticaLabs" class="social_icon facebook">
&nbsp;
</a>
</li>
<li>
<a target="_blank" title="" href="https://twitter.com/QuanticaLabs" class="social_icon twitter">
&nbsp;
</a>
</li>
<li>
<a title="" href="#" class="social_icon skype">
&nbsp;
</a>
</li>
</ul>
</li>
<li class="author">
<a href="?page=author" title="Mary Doe">
<img src='images/samples/Team_330x242/image_05.jpg' alt='img'>
</a>
<h6>EDITOR</h6>
<h4><a href="?page=author" title="Mary Doe">Mary Doe</a></h4>
<p>Maecenas novum mauris elementum est morbi interdum at ague cursus elite imperdiet libero. Proin an odios dapibus integer.</p>
<ul class="social_icons margin_top_10 clearfix">
<li>
<a target="_blank" title="" href="http://facebook.com/QuanticaLabs" class="social_icon facebook">
&nbsp;
</a>
</li>
<li>
<a target="_blank" title="" href="https://twitter.com/QuanticaLabs" class="social_icon twitter">
&nbsp;
</a>
</li>
<li>
<a title="" href="#" class="social_icon skype">
&nbsp;
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="row page_margin_top_section">
<div class="column column_1_2">
<ul class="accordion medium clearfix">
<li>
<div id="accordion-cras-rutrum">
<h4>Cras rutrum leo at odio volutpat id blandit fugiats?</h4>
</div>
<ul>
<li class="item_content clearfix">
<span title="Engaging Oppurtunities and Top Benefits" class="features_icon pin animated_element animation-scale">
</span>
<div class="text">
<h5>Engaging Oppurtunities and Top Benefits</h5>
<p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
</div>
</li>
<li class="item_content clearfix">
<span title="Press Office, Licensees and Employment" class="features_icon quote animated_element animation-scale">
</span>
<div class="text">
<h5>Press Office, Licensees and Employment</h5>
<p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
</div>
</li>
</ul>
</li>
<li>
<div id="accordion-donec-fermentum">
<h4>Donec fermentum porttitor nunc amet gravida?</h4>
</div>
<ul>
<li class="item_content clearfix">
<span title="Engaging Oppurtunities and Top Benefits" class="features_icon app animated_element animation-scale">
</span>
<div class="text">
<h5>Engaging Oppurtunities and Top Benefits</h5>
<p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
</div>
</li>
<li class="item_content clearfix">
<span title="Press Office, Licensees and Employment" class="features_icon clock animated_element animation-scale">
</span>
<div class="text">
<h5>Press Office, Licensees and Employment</h5>
<p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
</div>
</li>
</ul>
</li>
<li>
<div id="accordion-aenean-faucibus">
<h4>Aenean faucibus sapien a odio varius?</h4>
</div>
<ul>
<li class="item_content clearfix">
<span title="Engaging Oppurtunities and Top Benefits" class="features_icon image animated_element animation-scale">
</span>
<div class="text">
<h5>Engaging Oppurtunities and Top Benefits</h5>
<p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
</div>
</li>
<li class="item_content clearfix">
<span title="Press Office, Licensees and Employment" class="features_icon video animated_element animation-scale">
</span>
<div class="text">
<h5>Press Office, Licensees and Employment</h5>
<p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
</div>
</li>
</ul>
</li>
<li>
<div id="accordion-donec-pilvinar">
<h4>Donec pulvinar lectus quis laoreet vestibulum?</h4>
</div>
<ul>
<li class="item_content clearfix">
<span title="Engaging Oppurtunities and Top Benefits" class="features_icon envelope animated_element animation-scale">
</span>
<div class="text">
<h5>Engaging Oppurtunities and Top Benefits</h5>
<p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
</div>
</li>
<li class="item_content clearfix">
<span title="Press Office, Licensees and Employment" class="features_icon mobile animated_element animation-scale">
</span>
<div class="text">
<h5>Press Office, Licensees and Employment</h5>
<p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
</div>
</li>
</ul>
</li>
</ul>
</div>
<div class="column column_1_2">
<h4 class="box_header">Press Office News</h4>
<ul class="blog small">
<li class="post">
<a href="?page=post" title="Engaging Oppurtunities and Top Benefits">
<img src='images/samples/100x100/image_06.jpg' alt='img'>
</a>
<div class="post_content">
<h5>
<a href="?page=post" title="Engaging Oppurtunities and Top Benefits">Engaging Oppurtunities and Top Benefits</a>
</h5>
<p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
</div>
</li>
<li class="post">
<a href="?page=post_small_image" title="Advertising With PressRoom">
<img src='images/samples/100x100/image_12.jpg' alt='img'>
</a>
<div class="post_content">
<h5>
<a href="?page=post_small_image" title="Advertising With PressRoom">Advertising With PressRoom</a>
</h5>
<p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
</div>
</li>
<li class="post">
<a href="?page=post_small_image" title="Press Office, Licensees and Employment">
<img src='images/samples/100x100/image_02.jpg' alt='img'>
</a>
<div class="post_content">
<h5>
<a href="?page=post_small_image" title="Press Office, Licensees and Employment">Press Office, Licensees and Employment</a>
</h5>
<p>Maecenas mauris elementum, est morbi interdum cursus at elite imperdiet libero. Proin odios dapibus integer an nulla augue pharetra cursus.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>