API tools faq
paste
qsadfasdgfgads

Untitled

qsadfasdgfgads
Mar 22nd, 2017
164
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 18.16 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2. require 'includes/config.php';
  3. ?>
  4. <!DOCTYPE html>
  5. <html lang="en">
  6. <head>
  7.   <meta charset="UTF-8">
  8.   <title><?php echo $config['title']; ?></title>
  9.  
  10.   <!-- Bootstrap Grid -->
  11.   <link rel="stylesheet" type="text/css" href="/media/assets/bootstrap-grid-only/css/grid12.css">
  12.  
  13.   <!-- Google Fonts -->
  14.   <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
  15.  
  16.   <!-- Custom -->
  17.   <link rel="stylesheet" type="text/css" href="/media/css/style.css">
  18. </head>
  19. <body>
  20.  
  21.   <div id="wrapper">
  22.  
  23.     <?php
  24.     include 'includes/header.php';
  25.   ?>
  26.  
  27.     <div id="content">
  28.       <div class="container">
  29.         <div class="row">
  30.           <section class="content__left col-md-8">
  31.             <div class="block">
  32.               <a href="#">Все записи</a>
  33.               <h3>Новейшее_в_блоге</h3>
  34.               <div class="block__content">
  35.                 <div class="articles articles__horizontal">
  36. <?php $articles = mysqli_query($connection,"SELECT * FROM `articles`"); ?>
  37.  
  38. <?php    while ($art = mysqli_fetch_assoc($articles) )   {
  39. ?>
  40.  
  41.                     <article class="article">
  42.                       <div class="article__image" style="background-image: url(media1/images/ <?php echo $art['image']; ?>);"></div>
  43.                       <div class="article__info">
  44.                         <a href="/article.php?id=<?php echo $art['id']; ?>"><?php echo $art['title']; ?></a>
  45.                         <div class="article__info__meta">
  46.                           <small>Категория: <a href="#">Программирование</a></small>
  47.                         </div>
  48.                         <div class="article__info__preview"><?php echo mb_substr($art['text'], 0 , 50, 'utf-8'); ?></div>
  49.                       </div>
  50.                     </article>
  51.  
  52.                     <article class="article">
  53.                       <div class="article__image"></div>
  54.                       <div class="article__info">
  55.                         <a href="#">Название статьи #2</a>
  56.                         <div class="article__info__meta">
  57.                           <small>Категория: <a href="#">Lifestyle</a></small>
  58.                         </div>
  59.                         <div class="article__info__preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ...</div>
  60.                       </div>
  61.                     </article>
  62.  
  63.                     <article class="article">
  64.                       <div class="article__image"></div>
  65.                       <div class="article__info">
  66.                         <a href="#">Название статьи #3</a>
  67.                         <div class="article__info__meta">
  68.                           <small>Категория: <a href="#">Программирование</a></small>
  69.                         </div>
  70.                         <div class="article__info__preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ...</div>
  71.                       </div>
  72.                     </article>
  73. <?php
  74.   }                                                          
  75. ?>
  76.  
  77.                   <article class="article">
  78.                     <div class="article__image"></div>
  79.                     <div class="article__info">
  80.                       <a href="#">Название статьи #4</a>
  81.                       <div class="article__info__meta">
  82.                         <small>Категория: <a href="#">Lifestyle</a></small>
  83.                       </div>
  84.                       <div class="article__info__preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ...</div>
  85.                     </div>
  86.                   </article>
  87.  
  88.                 </div>
  89.               </div>
  90.             </div>
  91.  
  92.             <div class="block">
  93.               <a href="#">Все записи</a>
  94.               <h3>Безопасность [Новейшее]</h3>
  95.               <div class="block__content">
  96.                 <div class="articles articles__horizontal">
  97.  
  98.                   <article class="article">
  99.                     <div class="article__image"></div>
  100.                     <div class="article__info">
  101.                       <a href="#">Название статьи</a>
  102.                       <div class="article__info__meta">
  103.                         <small>Категория: <a href="#">Программирование</a></small>
  104.                       </div>
  105.                       <div class="article__info__preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ...</div>
  106.                     </div>
  107.                   </article>
  108.  
  109.                   <article class="article">
  110.                     <div class="article__image"></div>
  111.                     <div class="article__info">
  112.                       <a href="#">Название статьи #2</a>
  113.                       <div class="article__info__meta">
  114.                         <small>Категория: <a href="#">Lifestyle</a></small>
  115.                       </div>
  116.                       <div class="article__info__preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ...</div>
  117.                     </div>
  118.                   </article>
  119.  
  120.                   <article class="article">
  121.                     <div class="article__image"></div>
  122.                     <div class="article__info">
  123.                       <a href="#">Название статьи #3</a>
  124.                       <div class="article__info__meta">
  125.                         <small>Категория: <a href="#">Программирование</a></small>
  126.                       </div>
  127.                       <div class="article__info__preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ...</div>
  128.                     </div>
  129.                   </article>
  130.  
  131.                   <article class="article">
  132.                     <div class="article__image"></div>
  133.                     <div class="article__info">
  134.                       <a href="#">Название статьи #4</a>
  135.                       <div class="article__info__meta">
  136.                         <small>Категория: <a href="#">Lifestyle</a></small>
  137.                       </div>
  138.                       <div class="article__info__preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ...</div>
  139.                     </div>
  140.                   </article>
  141.  
  142.                 </div>
  143.               </div>
  144.             </div>
  145.  
  146.             <div class="block">
  147.               <a href="#">Все записи</a>
  148.               <h3>Программирование [Новейшее]</h3>
  149.               <div class="block__content">
  150.                 <div class="articles articles__horizontal">
  151.  
  152.                   <article class="article">
  153.                     <div class="article__image"></div>
  154.                     <div class="article__info">
  155.                       <a href="#">Название статьи</a>
  156.                       <div class="article__info__meta">
  157.                         <small>Категория: <a href="#">Программирование</a></small>
  158.                       </div>
  159.                       <div class="article__info__preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ...</div>
  160.                     </div>
  161.                   </article>
  162.  
  163.                   <article class="article">
  164.                     <div class="article__image"></div>
  165.                     <div class="article__info">
  166.                       <a href="#">Название статьи #2</a>
  167.                       <div class="article__info__meta">
  168.                         <small>Категория: <a href="#">Lifestyle</a></small>
  169.                       </div>
  170.                       <div class="article__info__preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ...</div>
  171.                     </div>
  172.                   </article>
  173.  
  174.                   <article class="article">
  175.                     <div class="article__image"></div>
  176.                     <div class="article__info">
  177.                       <a href="#">Название статьи #3</a>
  178.                       <div class="article__info__meta">
  179.                         <small>Категория: <a href="#">Программирование</a></small>
  180.                       </div>
  181.                       <div class="article__info__preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ...</div>
  182.                     </div>
  183.                   </article>
  184.  
  185.                   <article class="article">
  186.                     <div class="article__image"></div>
  187.                     <div class="article__info">
  188.                       <a href="#">Название статьи #4</a>
  189.                       <div class="article__info__meta">
  190.                         <small>Категория: <a href="#">Lifestyle</a></small>
  191.                       </div>
  192.                       <div class="article__info__preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ...</div>
  193.                     </div>
  194.                   </article>
  195.  
  196.                 </div>
  197.               </div>
  198.             </div>
  199.           </section>
  200.           <section class="content__right col-md-4">
  201.             <div class="block">
  202.               <h3>Мы_знаем</h3>
  203.               <div class="block__content">
  204.                 <script type="text/javascript" src="//ra.revolvermaps.com/0/0/6.js?i=02op3nb0crr&amp;m=7&amp;s=320&amp;c=e63100&amp;cr1=ffffff&amp;f=arial&amp;l=0&amp;bv=90&amp;lx=-420&amp;ly=420&amp;hi=20&amp;he=7&amp;hc=a8ddff&amp;rs=80" async="async"></script>
  205.               </div>
  206.             </div>
  207.  
  208.             <div class="block">
  209.               <h3>Топ читаемых статей</h3>
  210.               <div class="block__content">
  211.                 <div class="articles articles__vertical">
  212.  
  213.                   <article class="article">
  214.                     <div class="article__image" style="background-image: url(/media/images/post-image.png);"></div>
  215.                     <div class="article__info">
  216.                       <a href="#">Название статьи</a>
  217.                       <div class="article__info__meta">
  218.                         <small>Категория: <a href="#">Программирование</a></small>
  219.                       </div>
  220.                       <div class="article__info__preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ...</div>
  221.                     </div>
  222.                   </article>
  223.  
  224.                   <article class="article">
  225.                     <div class="article__image" style="background-image: url(/media/images/post-image.png);"></div>
  226.                     <div class="article__info">
  227.                       <a href="#">Название статьи</a>
  228.                       <div class="article__info__meta">
  229.                         <small>Категория: <a href="#">Программирование</a></small>
  230.                       </div>
  231.                       <div class="article__info__preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ...</div>
  232.                     </div>
  233.                   </article>
  234.  
  235.                   <article class="article">
  236.                     <div class="article__image" style="background-image: url(/media/images/post-image.png);"></div>
  237.                     <div class="article__info">
  238.                       <a href="#">Название статьи</a>
  239.                       <div class="article__info__meta">
  240.                         <small>Категория: <a href="#">Программирование</a></small>
  241.                       </div>
  242.                       <div class="article__info__preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ...</div>
  243.                     </div>
  244.                   </article>
  245.  
  246.                   <article class="article">
  247.                     <div class="article__image" style="background-image: url(/media/images/post-image.png);"></div>
  248.                     <div class="article__info">
  249.                       <a href="#">Название статьи</a>
  250.                       <div class="article__info__meta">
  251.                         <small>Категория: <a href="#">Программирование</a></small>
  252.                       </div>
  253.                       <div class="article__info__preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ...</div>
  254.                     </div>
  255.                   </article>
  256.  
  257.                   <article class="article">
  258.                     <div class="article__image" style="background-image: url(/media/images/post-image.png);"></div>
  259.                     <div class="article__info">
  260.                       <a href="#">Название статьи</a>
  261.                       <div class="article__info__meta">
  262.                         <small>Категория: <a href="#">Программирование</a></small>
  263.                       </div>
  264.                       <div class="article__info__preview">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ...</div>
  265.                     </div>
  266.                   </article>
  267.  
  268.                 </div>
  269.               </div>
  270.             </div>
  271.  
  272.             <div class="block">
  273.               <h3>Комментарии</h3>
  274.               <div class="block__content">
  275.                 <div class="articles articles__vertical">
  276.  
  277.                   <article class="article">
  278.                     <div class="article__image" style="background-image: url(/media/images/post-image.png);"></div>
  279.                     <div class="article__info">
  280.                       <a href="#">Jonny Flame</a>
  281.                       <div class="article__info__meta">
  282.                         <small><a href="#">Название статьи #1</a></small>
  283.                       </div>
  284.                       <div class="article__info__preview">Бла бла бла бла бла бла бла, и думаю еще что бла бла бла бла бла бла бла ...</div>
  285.                     </div>
  286.                   </article>
  287.  
  288.                   <article class="article">
  289.                     <div class="article__image" style="background-image: url(/media/images/post-image.png);"></div>
  290.                     <div class="article__info">
  291.                       <a href="#">Jonny Flame</a>
  292.                       <div class="article__info__meta">
  293.                         <small><a href="#">Название статьи #1</a></small>
  294.                       </div>
  295.                       <div class="article__info__preview">Бла бла бла бла бла бла бла, и думаю еще что бла бла бла бла бла бла бла ...</div>
  296.                     </div>
  297.                   </article>
  298.  
  299.                   <article class="article">
  300.                     <div class="article__image" style="background-image: url(/media/images/post-image.png);"></div>
  301.                     <div class="article__info">
  302.                       <a href="#">Jonny Flame</a>
  303.                       <div class="article__info__meta">
  304.                         <small><a href="#">Название статьи #1</a></small>
  305.                       </div>
  306.                       <div class="article__info__preview">Бла бла бла бла бла бла бла, и думаю еще что бла бла бла бла бла бла бла ...</div>
  307.                     </div>
  308.                   </article>
  309.  
  310.                   <article class="article">
  311.                     <div class="article__image" style="background-image: url(/media/images/post-image.png);"></div>
  312.                     <div class="article__info">
  313.                       <a href="#">Jonny Flame</a>
  314.                       <div class="article__info__meta">
  315.                         <small><a href="#">Название статьи #1</a></small>
  316.                       </div>
  317.                       <div class="article__info__preview">Бла бла бла бла бла бла бла, и думаю еще что бла бла бла бла бла бла бла ...</div>
  318.                     </div>
  319.                   </article>
  320.  
  321.                   <article class="article">
  322.                     <div class="article__image" style="background-image: url(/media/images/post-image.png);"></div>
  323.                     <div class="article__info">
  324.                       <a href="#">Jonny Flame</a>
  325.                       <div class="article__info__meta">
  326.                         <small><a href="#">Название статьи #1</a></small>
  327.                       </div>
  328.                       <div class="article__info__preview">Бла бла бла бла бла бла бла, и думаю еще что бла бла бла бла бла бла бла ...</div>
  329.                     </div>
  330.                   </article>
  331.  
  332.                 </div>
  333.               </div>
  334.             </div>
  335.           </section>
  336.         </div>
  337.       </div>
  338.     </div>
  339.  
  340.     <footer id="footer">
  341.       <div class="container">
  342.         <div class="footer__logo">
  343.           <h1><?php echo $config['title']; ?></h1>
  344.         </div>
  345.         <nav class="footer__menu">
  346.           <ul>
  347.             <li><a href="#">Главная</a></li>
  348.             <li><a href="#">Обо мне</a></li>
  349.             <li><a href="https://vk.com/php7developer">Я Вконтакте</a></li>
  350.             <li><a href="#">Правообладателям</a></li>
  351.           </ul>
  352.         </nav>
  353.       </div>
  354.     </footer>
  355.  
  356.   </div>
  357.  
  358. </body>
  359. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!