@@ -41,6 +41,7 @@ if ($xml === false) {

 echo '</div><!-- ./panel-body -->';

 echo '</div><!-- ./panel panel-default -->';

 echo '</div><!-- ./col-md-6 -->';

+echo "\n<!-- ==================== menu end ============== -->\n";

 echo '<div class="col-md-6">';

 echo '<div class="panel panel-default">';

 echo '<div class="panel-body">';

@@ -49,10 +50,9 @@ $cpt=0;

 foreach ($articles as $article ) {

   $cpt_prev=$cpt-1;

   $cpt_next=$cpt+1;

-  echo '<!-- ==================== article '.$cpt.'============== -->';

+  echo "\n<!-- ==================== article '.$cpt.'============== -->\n";

   echo "<div class=\"article\" id=\"article-$cpt\" style=\"display: none;\">\n";

-  echo "<hr>";

-  echo "<a name=\"article-$cpt\">";

+  echo "<hr><a name=\"article-$cpt\">\n";

   //$article_content = file_get_contents($article['link']);

   $article_content = http_get_contents($article['link']);

   $doc = new DOMDocument();

@@ -80,6 +80,12 @@ foreach ($articles as $article ) {

     '<div class="col-md-8">',

     '<div class="container width_wrap">',

     '<div class="col-left">',

+    '<div class="article-header__inner col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">',

+    '<div class="content-left col-md-8 col-auto">',

+    '<p class="article-header__infos article-infos">',

+    '<div class="article-thumb-wrapper">',

+    '<div class="article-thumb">',

+    '<figure class="preload article-image">',

     '<h3> </h3>',

     '<h1>',

     '</h1>',

@@ -89,6 +95,12 @@ foreach ($articles as $article ) {

     '<div>',

     '<div>',

     '<div>',

+    '<div>',

+    '<div>',

+    '<p>',

+    '<div>',

+    '<div>',

+    '<figure>',

     '',

     '<h4>',

     '</h4>',

@@ -128,7 +140,6 @@ foreach ($articles as $article ) {

   $temp = preg_replace($re, '<img width="100%" src=', $article_only); 

   $article_only = $temp;

-

   $SEARCH='<div class="sharing-tools sharing-tools--align-center">';

   $posend = strpos($article_only,$SEARCH);

   if($posend) {

@@ -136,15 +147,29 @@ foreach ($articles as $article ) {

     $article_only = $temp;

   }

   echo '<div id="nav-up" style="display:inline;"><a href="#top"><i class="fa fa-home fa-2x"></i></a></div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';

+  echo "\n";

   echo '<div id="nav-source" style="display:inline;"><a href="'.$article['link'].'" target="new-'.$cpt.'"><i class="fa fa-link fa-2x"></i></a></div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';

+  echo "\n";

   echo '<div id="nav-prev" onclick="onArticle('.$cpt_prev.')" style="display:inline;"><i class="fa fa-chevron-left fa-2x"></i></div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';

+  echo "\n";

   echo '<div id="nav-next" onclick="onArticle('.$cpt_next.')" style="display:inline;"><i class="fa fa-chevron-right fa-2x"></i></div>';

-  echo '<div class="extract-content" id="'.$cpt.'">'.$article_only.'</div>';

+  echo "\n";

+  echo '<div class="extract-content" id="'.$cpt.'">';

+  echo "\n";

+  echo $article_only;

+  echo "\n";

+  echo '</div>';

+  echo "\n";

   echo '<div id="nav-up" style="display:inline;"><a href="#top"><i class="fa fa-home fa-2x"></i></a></div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';

+  echo "\n";

   echo '<div id="nav-up" style="display:inline;"><a href="#article-top"><i class="fa fa-chevron-up fa-2x"></i></a></div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';

+  echo "\n";

   echo '<div id="nav-source" style="display:inline;"><a href="'.$article['link'].'" target="new-'.$cpt.'"><i class="fa fa-link fa-2x"></i></a></div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';

+  echo "\n";

   echo '<div id="nav-prev" onclick="onArticle('.$cpt_prev.')" style="display:inline;"><i class="fa fa-chevron-left fa-2x"></i></div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';

+  echo "\n";

   echo '<div id="nav-next" onclick="onArticle('.$cpt_next.')" style="display:inline;"><i class="fa fa-chevron-right fa-2x"></i></div></div>';

+  echo "\n";

   $cpt++;

   if( $cpt > $NEWS_RSS_MAX_ITEMS ) {

       break;