- •«Затверджую»
- •На дипломну роботу студенту Гончару Роману Вячеславовичу
- •1.Тема роботи: Розробка «Landing Page» за допомогою препроцесора sass та cms «WordPress»
- •Анотація
- •В ступ
- •Розділ і аналітичний огляд літературних джерел
- •1.1 Система управління контентом WordPress
- •1.2 Системи управління контентом
- •1.3 Установка та налаштування cms WordPress
- •Розділ іі постановка задачі
- •2.1 Постановка та обгрунутвання задачі
- •Розділ ііі розробка landing page
- •3.1 Засоби які використовувались при створенні шаблона
- •3.2 Завантаження та керування темою у сms WordPress
- •3.3 Створення категорій та записів
- •3.4 Плагін MailPoet
- •Далі після натиснення на «Створити нову форму» відкриється вікно в якому можна налаштувати форму (Рис. 3.24).
- •Розділ іv Охорона праці
- •4.1. Шкідливі фактори, які впливають на користувача комп’ютера
- •4.2. Вибір монітора
- •4.3. Вимоги до приміщення
- •Висновки
- •Перелік використаних джерел
- •Додатки
Висновки
Під час переддипломної практики було розроблено Landing Page використовуючи систему управління контентом CMS WordPress 4.7.3. Для завантажування файлів та самої системи управління контентом CMS на хостинг було використано FTP клієнт «FileZilla».
Отже, CMS WordPress – це безкоштовна професійна система управління вмістом, яка доступна абсолютно всім користувачам Інтернету. Кожен користувач може користуватись даною системою для різних цілей, як для розробки блогів, електронної бібліотеки, інформаційних порталів і сервісів та Інтернет – магазину, так і для створення сайтів з нуля на WordPress.
Перелік використаних джерел
Вікіпедія: Cистема управління контентом (CMS)
https://uk.wikipedia.org/wiki/Система_керування_вмістом
Вікіпедія: WordPress
https://uk.wikipedia.org/wiki/WordPress
Інтернет – ресурс: WPfan
http://wpfan.com.ua/tak-scho-zh-take-wordpress/
Інтернет – ресурс: max1net
http://max1net.com/cms-wordpress-osnovy-preimushhestva-i-rabota-po-organizacii-sajta/
Підтримка WordPress
https://ru.support.wordpress.com
Характеристика CMS WordPress
http://wordpress.cmsmagazine.ru/tech/
Система керування вмістом:
http://webdreamlab.com/cms.html
Історія виникнення CMS:
http://www.grizliart.ru/cms/
Аналіз існуючих систем керування вмістом:
http://mydocx.ru/9-9972.html
Види CMS:
https://www.avahost.ua/ua/vidi-cms-sistemi-upravlinnya-sajtami/
Грачев А. Создаем свой сайт на WordPress: быстро, легко и бесплатно. Работа с WordPress 3. – СПб.: Питер, 2011. – 288 с.: ил
Вікіпедія: jQuery
https://uk.wikipedia.org/wiki/JQuery
Вікіпедія: СSS
https://uk.wikipedia.org/wiki/CSS
Вікіпедія: Bootstrap
https://uk.wikipedia.org/wiki/Bootstrap
Жидецький В. Ц. Охорона праці користувачів комп’ютерів. / В. Ц. Жидецький. – Львів : Афіша, 2000. – 173 с.
Державні санітарні правила і норми роботи з візуальними дисплейними терміналами електронно-обчислювальних машин: ДСанПІН 3.3.2.007-98.
Пелипчук С. М. Охорона праці та безпека в надзвичайних ситуаціях : навч.-метод. посіб. / С. М. Пелипчук, В. Г. Кускова. – Чернівці : 2013. – 88с.
НПАОП 0.00-1.31-99. Правила охорони праці під час експлуатації електронно-обчислювальних машин.
Додатки
ДОДАТОК А
Вигляд Сайту
ДОДАТОК Б
Код заголовка теми «header.php»
<!DOCTYPE html>
<html class="no-js" lang="ru">
<head>
<meta charset="<?php bloginfo('charset') ?>">
<title><?php bloginfo('title') ?></title>
<meta name="description" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta property="og:image" content="path/to/image.jpg">
<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/img/favicon/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/img/favicon/apple-touch-icon.png">
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/libs/jquery/jquery-1.11.2.min.js"></script>
<!-- Load CSS Start -->
<script>loadLocalStorageCSS( "webfonts", "css/fonts.min.css?ver=1.0.0" );</script>
<script>loadCSS( "css/header.min.css?ver=1.0.0", false, "all" );</script>
<script>loadCSS( "css/main2.css?ver=1.0.0", false, "all" );</script>
<!-- Load CSS End -->
<!-- Load CSS Compiled without JS -->
<noscript>
<link rel="stylesheet" type="text/css" href="css/fonts.min.css">
<link rel="stylesheet" type="text/css" href="css/main2.css"></noscript>
<?php wp_head(); ?>
<script>
jQuery(document).ready(function($) {
$(window).load(function() {
setTimeout(function() {
$('#preloader').fadeOut('slow', function() {});
}, 2000);});});</script>
<style type="text/css">
#preloader {position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; overflow: visible;
background: #e78483 url(<?php echo get_template_directory_uri(); ?>/img/spinner.gif) no-repeat center center;}
</style></head><body><div id="preloader"> </div><section id="section-1">
<header class="clearfix navbar-fixed-top" id="menu"><div class="container">
<div class="logo"><a href="#">DesiGn</a></div>
<a href="#" id="touch-menu" class="navbar-to" role="button"> <i class="fa fa-bars" aria-hidden="true"></i></a><nav><ul class="nav text-uppercase">
<li><a href="#home">Головна</a></li>
<li><a href="#about-us">Про нас</a></li>
<li><a href="#services">Сервіс</a></li>
<li><a href="#what-we-do">Послуги</a></li>
<li><a href="#our-team">Команда</a></li>
<li><a href="#works">Наші роботи</a></li>
<li><a href="#blog">Блог</a></li>
<li><a href="#footer">Контакти</a></li>
</ul></nav></div>
</header>
</section>
ДОДАТОК В
Код підвалу теми «footer.php»
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-4 col-lg-4 col-sm-12 col-xs-12">
<div class="footer-content">
<div class="footer-logo"><?php echo get_cat_name(15) ?></div>
<p>
<?php echo category_description( 15 ); ?></p>
<?php if ( have_posts() ) : query_posts('p=167');
while (have_posts()) : the_post(); ?>
<?php the_content(); ?>
<?php endwhile; endif; wp_reset_query(); ?>
<hr/>
<div class="footer-social"><p>
<?php echo get_cat_name(16) ?><span>
<?php if ( have_posts() ) : query_posts('cat=16');
while (have_posts()) : the_post(); ?>
<a href="<?php echo get_post_meta($post->ID, 'soc_url', true); ?>" title="<?php the_title(); ?>">
<i class="fa <?php echo get_post_meta($post->ID, 'fonts_awesome', true); ?>"></i></a>
<?php endwhile; endif; wp_reset_query(); ?></span></p>
</div><div class="mail">
<div class="input-group">
<input type="text" placeholder="Ваш е-mail" class="form-control">
<span class="input-group-btn">
<button class="btn btn-default text-uppercase" type="button">Підписатися</button>
</span></div></div></div></div>
<div class="col-md-4 col-lg-4 col-sm-12 col-xs-12">
<div class="footer-blog">
<h3 class="fotter-title-blog text-uppercase"><?php echo get_cat_name(17) ?></h3>
<?php if ( have_posts() ) : query_posts('p=216');while (have_posts()) : the_post(); ?>
<div class="footer-blog-s">
<div class="fotter-img pull-lg-left pull-md-left pull-sm-left pull-xs-left">
<?php if ( has_post_thumbnail() ) : ?>
<?php the_post_thumbnail(full, array('class' =>'img-fluid')); ?><?php endif; ?></div>
<div class="footer-blog-content pull-lg-right pull-md-right pull-sm-left pull-xs-left">
<a href="https://blogs.pravda.com.ua"><h4 class="footer-heading text-uppercase"><?php the_title(); ?> </h4></a><?php the_content(); ?> </div></div><?php endwhile; endif; wp_reset_query(); ?>
<?php if ( have_posts() ) : query_posts('p=219');
while (have_posts()) : the_post(); ?><div class="footer-blog-s">
<div class="fotter-img pull-lg-left pull-md-left pull-sm-left pull-xs-left">
<?php if ( has_post_thumbnail() ) : ?><?php the_post_thumbnail(full, array('class' =>'img-fluid')); ?>
<?php endif; ?></div>
<div class="footer-blog-content pull-lg-right pull-md-right pull-sm-left pull-xs-left">
<a href="http://design-mania.ru"><h4 class="footer-heading text-uppercase"><?php the_title(); ?></h4>
</a><?php the_content(); ?></div></div><?php endwhile; endif; wp_reset_query(); ?>
<?php if ( have_posts() ) : query_posts('p=221');while (have_posts()) : the_post(); ?>
<div class="footer-blog-s">
<div class="fotter-img pull-lg-left pull-md-left pull-sm-left pull-xs-left">
<?php if ( has_post_thumbnail() ) : ?> <?php the_post_thumbnail(full, array('class' =>'img-fluid')); ?><?php endif; ?></div>
<div class="footer-blog-content pull-lg-right pull-md-right pull-sm-left pull-xs-left">
<a href="https://habrahabr.ru/hub/web_design/">
<h4 class="footer-heading text-uppercase"><?php the_title(); ?></h4></a>
<?php the_content(); ?></div></div></div></div>
<?php endwhile; endif; wp_reset_query(); ?>
<div class="col-md-4 col-lg-4 col-sm-12 col-xs-12"><div class="footer-ins">
<h3 class="footer-title-ins text-uppercase">Інстаграм</h3>
<?php if ( have_posts() ) : query_posts('p=184');
while (have_posts()) : the_post(); ?>
<div class="img-ints">
<?php if ( has_post_thumbnail() ) : ?>
<a class=" item-inst" href="<?php
$large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' );
echo $large_image_url[0]; ?>">
<?php the_post_thumbnail(array (94, 94)); ?>
</a>
<?php endif; ?>
</div>
<? endwhile; endif; wp_reset_query(); ?>
<?php if ( have_posts() ) : query_posts('p=186');
while (have_posts()) : the_post(); ?>
<div class="img-ints">
<?php if ( has_post_thumbnail() ) : ?>
<a class=" item-inst" href="<?php
$large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' );
echo $large_image_url[0]; ?>">
<?php the_post_thumbnail(array (94, 94)); ?>
</a>
<?php endif; ?></div>endwhile; endif; wp_reset_query(); ?>
<?php the_post_thumbnail(array (94, 94)); ?>
</a>
<?php endif; ?></div><? endwhile; endif; wp_reset_query(); ?>
<?php if ( have_posts() ) : query_posts('p=200');
while (have_posts()) : the_post(); ?>
<div class="img-ints">
<?php if ( has_post_thumbnail() ) : ?>
<a class=" item-inst" href="<?php
$large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' );
echo $large_image_url[0]; ?>">
<?php the_post_thumbnail(array (94, 94)); ?></a>
<?php endif; ?>
</div>
<? endwhile; endif; wp_reset_query(); ?>
</div>
</div>
</div>
</div>
</footer>
<a href="#top" class="top">
<i class="fa fa-arrow-up" aria-hidden="true"></i>
</a>
</body>
</html>
ДОДАТОК Г
Код головного шаблону «index.php»
<?php get_header(); ?>
<section id="home" name="home" class="text-lg-center text-md-center text-sm-center text-xs-center">
<div class="main">
<div class="sl-home">
<div class="sl_slide" style="background-image:url(<?php echo get_template_directory_uri(); ?>/img/slider/slider3.jpg)"> <div class="slider-gradient"></div>
<div class="sl__text">
<div class="caption">
<h1 class="Welcome text-uppercase">
<?php echo get_bloginfo('name'); ?> <br></h1><br><hr class="hr-1"><br>
<a class="btn btn-section1 text-uppercase " href="#about-us" >
<?php echo get_bloginfo('description'); ?></a></div></div></div>
<div class="sl_slide" style="background-image:url(<?php echo get_template_directory_uri(); ?>/img/slider/slider1.jpg)">
<div class="slider-gradient"></div>
<div class="sl__text">
<div class="caption">
<h1 class="Welcome text-uppercase">
<?php echo get_bloginfo('name'); ?></h1><br><hr class="hr-1"><br>
<a class="btn btn-section1 text-uppercase" href="#about-us" >
<?php echo get_bloginfo('description'); ?></a></div></div></div>
<div class="sl_slide" style="background-image:url(<?php echo get_template_directory_uri(); ?>/img/slider/slider2.jpg)">
<div class="slider-gradient"></div>
<div class="sl__text">
<div class="caption">
<h1 class="Welcome text-uppercase">
<?php echo get_bloginfo('name'); ?></h1><br><hr class="hr-1 "><br>
<a class="btn btn-section1 text-uppercase" href="#about-us" >
<?php echo get_bloginfo('description'); ?></a></div></div></div></div></div></section>
<section id="about-us" name="about-us" class="text-md-center text-xs-center">
<div class="container clearfix">
<div class="about-header wow zoomIn">
<h3 class="name-section-style-h2"><?php echo get_cat_name(2) ?></h3>
<h2 class="name-section-style-h1 text-uppercase"><?php echo category_description( 2 ); ?></h2>
<hr class="hr-standart story">
<?php if ( have_posts() ) : query_posts('p=56');
while (have_posts()) : the_post(); ?>
<div class="desc">
<?php the_content(); ?>
</div>
<? endwhile; endif; wp_reset_query(); ?>
</div><div class="about-us-content text-uppercase wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0.3s">
<?php if ( have_posts() ) : query_posts('p=58');
while (have_posts()) : the_post(); ?>
<div class="col-md-4 col-sm-6 col-xs-12 about-item">
<div class="about-us-single">
<div class="about-us-single-img"><?php the_post_thumbnail(array(800, 600)); ?></div>
<div class="about-us-single-img-overlay all_overlay ">
<a href="#" class="popup_content"> <i class="fa fa-users"></i><br>
<span class="about-p-name"><?php the_title(); ?></span></a></div>
<div class="hidden"><div class="about-descr" >
<div class="about-descr-img"><img src="<?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); echo $large_image_url[0]; ?>" alt="<?php the_title(); ?>" /></div><h3><?php the_title(); ?></h3>
<?php the_content(); ?> </div></div></div>
<? endwhile; endif; wp_reset_query(); ?></div></div>
<div class="about-us-content text-uppercase wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0.3s">
<?php if ( have_posts() ) : query_posts('p=60');
while (have_posts()) : the_post(); ?>
<div class="col-md-4 col-sm-6 col-xs-12 about-item">
<div class="about-us-single">
<div class="about-us-single-img">
<?php the_post_thumbnail(array(800, 600)); ?></div>
<div class="about-us-single-img-overlay all_overlay ">
<a href="#" class="popup_content"> <i class="fa fa-users"></i><br>
<span class="about-p-name"><?php the_title(); ?></span></a></div>
<div class="hidden"><div class="about-descr" >
<div class="about-descr-img"><img src="<?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); echo $large_image_url[0]; ?>" alt="<?php the_title(); ?>" /></div>
<h3><?php the_title(); ?></h3><?php the_content(); ?></div></div></div>
<? endwhile; endif; wp_reset_query(); ?></div></div>
<div class="about-us-content text-uppercase wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0.3s">
<?php if ( have_posts() ) : query_posts('p=62');
while (have_posts()) : the_post(); ?>
<div class="col-md-4 col-sm-6 col-xs-12 about-item">
<div class="about-us-single">
<div class="about-us-single-img">
<?php the_post_thumbnail(array(800, 600)); ?></div>
<div class="about-us-single-img-overlay all_overlay ">
<a href="#" class="popup_content"> <i class="fa fa-users"></i><br>
<span class="about-p-name"><?php the_title(); ?></span></a></div><div class="hidden">
<div class="about-descr" ><div class="about-descr-img">
<img src="<?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); echo $large_image_url[0]; ?>" alt="<?php the_title(); ?>" /></div>
<h3><?php the_title(); ?></h3><?php the_content(); ?></div></div></div>
<? endwhile; endif; wp_reset_query(); ?></div></div></div> </section>
<section id="counter" name="counter" class="text-md-center text-xs-center text-uppercase wow fadeIn" data-wow-duration="2s" data-wow-delay="0.2s">
<div class="container clearfix">
<div class="counter-item">
<div data-num="42" class="number">0</div>
<span class="text1">Створено Web дизайн-проектів</span></div>
<div class="counter-item">
<div data-num="123" class="number">0</div>
<span class="text1">Щасливих Клієнти</span></div>
<div class="counter-item">
<div data-num="15" class="number">0</div>
<span class="text1">Лауреат премії</span></div>
<div class="counter-item">
<div data-num="99" class="number">0</div>
<span class="text1">Випито чашок кави</span></div>
<div class="counter-item">
<div data-num="24" class="number">0</div>
<span class="text1">Учасники</span></div></div></section>
<section id="slider2">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 wow rotateInDownLeft" data-wow-delay="0.3s">
<div id="slider2-list" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#slider2-list" data-slide-to="0" class="active"></li>
<li data-target="#slider2-list" data-slide-to="1"></li>
<li data-target="#slider2-list" data-slide-to="2"></li></ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<div class="single-slide">
<?php if ( have_posts() ) : query_posts('p=89');
while (have_posts()) : the_post(); ?>
<div class="single-slide-img"><?php the_post_thumbnail(array(100, 100)); ?> </div>
<?php the_content(); ?> <h3><?php the_title(); ?></h3><? endwhile; endif; wp_reset_query(); ?></div>
</div>
<div class="carousel-item"><div class="single-slide" >
<?php if ( have_posts() ) : query_posts('p=91'); while (have_posts()) : the_post(); ?>
<div class="single-slide-img"><?php the_post_thumbnail(array(100, 100)); ?></div>
<?php the_content(); ?> <h3><?php the_title(); ?></h3>
<? endwhile; endif; wp_reset_query(); ?> </div></div>
<div class="carousel-item"><div class="single-slide">
<?php if ( have_posts() ) : query_posts('p=93');
while (have_posts()) : the_post(); ?> <div class="single-slide-img"><?php the_post_thumbnail(array(100, 100)); ?> </div><?php the_content(); ?>
<h3><?php the_title(); ?></h3><? endwhile; endif; wp_reset_query(); ?></div></div></div>
<a class="left tc-control1" href="#slider2-list" role="button" data-slide="prev"><i class="fa fa-angle-left"></i></a><a class="right tc-control1" href="#slider2-list" role="button" data-slide="next">
<i class="fa fa-angle-right"></i></a></div></div></div></div></section>
<section id="our-team" class="text-md-center text-xs-center">
<div class="container clearfix">
<div class="head-title wow zoomIn ">
<h3 class="name-section-style-h2">
<?php echo get_cat_name(7) ?></h3>
<div class="name-section-style-h1 text-uppercase">
<?php echo category_description( 7 ); ?></div>
<hr class="hr-standart story">
<?php if ( have_posts() ) : query_posts('p=95');
while (have_posts()) : the_post(); ?>
<div class="desc">
<?php the_content(); ?></div>
<? endwhile; endif; wp_reset_query(); ?></div>
<div class="team-content text-center text-xs-center">
<div class="col-md-4 col-sm-6">
<div class="team wow zoomInUp" data-wow-delay="0.4s">
<?php if ( have_posts() ) : query_posts('p=97');
while (have_posts()) : the_post(); ?>
<div class="team-img">
<?php if ( has_post_thumbnail() ) : ?>
<?php the_post_thumbnail(full); ?>
<?php endif; ?>
<div class="team-overlay all_overlay">
<a href="https://vk.com/vitaliy_kapaniuk">
<i class="fa fa-facebook"></i></a>
<a href="https://vk.com/vitaliy_kapaniuk">
<i class="fa fa-twitter"></i></a>
<a href="https://vk.com/vitaliy_kapaniuk">
<i class="fa fa-vk"></i></a>
<a href="https://vk.com/vitaliy_kapaniuk">
<i class="fa fa-instagram"></i></a></div></div>
<div class="team-content">
<h5><?php the_title(); ?></h5>
<?php the_content(); ?></div></div></div>
<? endwhile; endif; wp_reset_query(); ?>
<div class="col-md-4 col-sm-6">
<div class="team wow zoomInDown" data-wow-delay="0.5s">
<?php if ( have_posts() ) : query_posts('p=99');
while (have_posts()) : the_post(); ?>
<div class="team-img">
<?php if ( has_post_thumbnail() ) : ?>
<?php the_post_thumbnail(full); ?>
<?php endif; ?>
<div class="team-overlay all_overlay">
<a href="https://vk.com/valentynmarusyk">
<i class="fa fa-facebook"></i></a>
<a href="https://vk.com/valentynmarusyk">
<i class="fa fa-twitter"></i></a>
<a href="https://vk.com/valentynmarusyk">
<i class="fa fa-vk"></i></a>
<a href="https://vk.com/valentynmarusyk">
<i class="fa fa-instagram"></i></a>
</div></div>
<div class="team-content">
<h5><?php the_title(); ?></h5>
<?php the_content(); ?></div></div></div>
<? endwhile; endif; wp_reset_query(); ?>
<div class="col-md-4 col-sm-6">
<div class="team wow zoomInUp" data-wow-delay="0.4s">
<?php if ( have_posts() ) : query_posts('p=101');
while (have_posts()) : the_post(); ?>
<div class="team-img">
<?php if ( has_post_thumbnail() ) : ?>
<?php the_post_thumbnail(full); ?>
<?php endif; ?>
<div class="team-overlay all_overlay">
<a href="https://vk.com/zakyska1">
<i class="fa fa-facebook"></i></a>
<a href="https://twitter.com/Zakyska_1">
<i class="fa fa-twitter"></i></a>
<a href="https://vk.com/zakyska1">
<i class="fa fa-vk"></i></a>
<a href="https://www.instagram.com/zakyska1/">
<i class="fa fa-instagram"></i></a></div></div>
<div class="team-content">
<h5><?php the_title(); ?></h5>
<?php the_content(); ?></div></div></div>
<? endwhile; endif; wp_reset_query(); ?>
<div class="col-md-4 col-sm-6"></div></div></div></section>
<section id="works" class="text-md-center text-xs-center">
<div class="container clearfix">
<div class="portfolio-header wow zoomIn">
<h3 class="name-section-style-h2"><?php echo get_cat_name(9) ?></h3>
<h2 class="name-section-style-h1 text-uppercase"><?php echo category_description( 9 ); ?></h2>
<hr class="hr-standart story">
<?php if ( have_posts() ) : query_posts('p=131');
while (have_posts()) : the_post(); ?>
<div class="desc"><?php the_content(); ?></div>
<? endwhile; endif; wp_reset_query(); ?></div></div>
<div class="row m-x-auto">
<div class="library text-uppercase ">
<div class="col-lg-12 cols-sm-12 padi">
<?php if ( have_posts() ) : query_posts('p=115');
while (have_posts()) : the_post(); ?>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 pad">
<div class="library-us-single"><div class="library-us-single-img">
<?php the_post_thumbnail(array(800, 600)); ?></div>
<div class="library-us-single-img-overlay all_overlay ">
<a class="item" href="<?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); echo $large_image_url[0]; ?>" alt="<?php the_title(); ?>">
<i class="fa fa-eye"></i><br>
<span class="library-p-name"><?php the_title(); ?></span></a></div></div></div>
<? endwhile; endif; wp_reset_query(); ?>
<?php if ( have_posts() ) : query_posts('p=117');
while (have_posts()) : the_post(); ?>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 pad">
<div class="library-us-single "><div class="library-us-single-img">
<?php the_post_thumbnail(array(800, 600)); ?></div>
<div class="library-us-single-img-overlay all_overlay ">
<a class="item" href="<?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); echo $large_image_url[0]; ?>" alt="<?php the_title(); ?>"> <i class="fa fa-eye"></i><br>
<span class="library-p-name"><?php the_title(); ?></span></a></div></div></div>
<? endwhile; endif; wp_reset_query(); ?>
<?php if ( have_posts() ) : query_posts('p=119');
while (have_posts()) : the_post(); ?>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 pad">
<div class="library-us-single"><div class="library-us-single-img">
<?php the_post_thumbnail(array(800, 600)); ?> </div>
<div class="library-us-single-img-overlay all_overlay ">
<a class="item" href="<?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); echo $large_image_url[0]; ?>" alt="<?php the_title(); ?>"> <i class="fa fa-eye"></i><br>
<span class="library-p-name"><?php the_title(); ?></span></a></div></div></div>
<? endwhile; endif; wp_reset_query(); ?>
<?php if ( have_posts() ) : query_posts('p=121');
while (have_posts()) : the_post(); ?>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 pad">
<div class="library-us-single" >
<div class="library-us-single-img">
<?php the_post_thumbnail(array(800, 600)); ?> </div>
<div class="library-us-single-img-overlay all_overlay ">
<a class="item" href="<?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); echo $large_image_url[0]; ?>" alt="<?php the_title(); ?>"> <i class="fa fa-eye"></i><br>
<span class="library-p-name"><?php the_title(); ?></span></a></div></div></div>
<? endwhile; endif; wp_reset_query(); ?>
<?php if ( have_posts() ) : query_posts('p=123');
while (have_posts()) : the_post(); ?>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 pad">
<div class="library-us-single">
<div class="library-us-single-img">
<?php the_post_thumbnail(array(800, 600)); ?></div>
<div class="library-us-single-img-overlay all_overlay ">
<a class="item" href="<?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); echo $large_image_url[0]; ?>" alt="<?php the_title(); ?>"> <i class="fa fa-eye"></i><br>
<span class="library-p-name"><?php the_title(); ?></span></a></div></div></div>
<? endwhile; endif; wp_reset_query(); ?>
<?php if ( have_posts() ) : query_posts('p=125');
while (have_posts()) : the_post(); ?>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 pad">
<div class="library-us-single"><div class="library-us-single-img">
<?php the_post_thumbnail(array(800, 600)); ?></div>
<div class="library-us-single-img-overlay all_overlay ">
<a class="item" href="<?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); echo $large_image_url[0]; ?>" alt="<?php the_title(); ?>"> <i class="fa fa-eye"></i><br>
<span class="library-p-name"><?php the_title(); ?></span></a></div></div></div>
<? endwhile; endif; wp_reset_query(); ?>
<?php if ( have_posts() ) : query_posts('p=127');
while (have_posts()) : the_post(); ?>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 pad">
<div class="library-us-single"><div class="library-us-single-img">
<?php the_post_thumbnail(array(800, 600)); ?> </div>
<div class="library-us-single-img-overlay all_overlay ">
<a class="item" href="<?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); echo $large_image_url[0]; ?>" alt="<?php the_title(); ?>"> <i class="fa fa-eye"></i><br>
<span class="library-p-name"><?php the_title(); ?></span></a></div></div></div>
<? endwhile; endif; wp_reset_query(); ?>
<?php if ( have_posts() ) : query_posts('p=129');
while (have_posts()) : the_post(); ?>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-6 pad">
<div class="library-us-single">
<div class="library-us-single-img">
<?php the_post_thumbnail(array(800, 600)); ?> </div>
<div class="library-us-single-img-overlay all_overlay ">
<a class="item" href="<?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large' ); echo $large_image_url[0]; ?>" alt="<?php the_title(); ?>">
<i class="fa fa-eye"></i><br>
<span class="library-p-name"><?php the_title(); ?></span></a></div></div></div>
<? endwhile; endif; wp_reset_query(); ?>< div></div></div>
</section>
<section id="slider3">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 wow rotateInDownLeft" data-wow-delay="0.3s">
<div id="slider3-list" class="carousel slide carousel-fade1 " data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#slider3-list" data-slide-to="0" class="active"></li>
<li data-target="#slider3-list" data-slide-to="1"></li>
<li data-target="#slider3-list" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<div class="single1-slide">
<?php if ( have_posts() ) : query_posts('p=133');
while (have_posts()) : the_post(); ?>
<div class="single-slide-img1">
<?php the_post_thumbnail(array(100, 100)); ?>
</div>
<?php the_content(); ?>
<h3><?php the_title(); ?></h3>
<? endwhile; endif; wp_reset_query(); ?></div></div>
<div class="carousel-item">
<div class="single1-slide" >
<?php if ( have_posts() ) : query_posts('p=135');
while (have_posts()) : the_post(); ?>
<div class="single-slide-img1">
<?php the_post_thumbnail(array(100, 100)); ?>
</div>
<?php the_content(); ?>
<h3><?php the_title(); ?></h3>
<? endwhile; endif; wp_reset_query(); ?></div></div>
<div class="carousel-item">
<div class="single1-slide">
<?php if ( have_posts() ) : query_posts('p=137');
while (have_posts()) : the_post(); ?>
<div class="single-slide-img1">
<?php the_post_thumbnail(array(100, 100)); ?>
</div>
<?php the_content(); ?>
<h3><?php the_title(); ?></h3>
<? endwhile; endif; wp_reset_query(); ?></div></div></div>
<a class="left1 tc-control2" href="#slider3-list" role="button" data-slide="prev">
<i class="fa fa-caret-left"></i></a>
<a class="right1 tc-control2" href="#slider3-list" role="button" data-slide="next">
<i class="fa fa-caret-right"></i></a></div></div></div></div>
</section>
<section id="happy-say" name="happy" class="happy-sect">
<div class="happy-overlay">
<div class="container">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="happy-header wow zoomIn text-md-center text-xs-center" data-wow-duration="s" data-wow-delay="0.3s">
<h3 class="name-section-style-h2"><?php echo get_cat_name(12) ?></h3>
<h2 class="name-section-style-h1 text-uppercase"><?php echo category_description( 12 ); ?></h2>
<hr class="hr-standart story"></div>
</div>
<div class="row ">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="happy-content">
<?php if ( have_posts() ) : query_posts('p=139');
while (have_posts()) : the_post(); ?>
<div class="client-img m-x-auto">
<?php if ( has_post_thumbnail() ) : ?>
<?php the_post_thumbnail(array(100, 100), array('class' =>
'img-circle')); ?>
<?php endif; ?></div>
<div class="body1">
<h6 class="heading text-uppercase"><?php the_title(); ?></h6>
<?php the_content(); ?>
<p class="text-p">
<?php the_excerpt(); ?></p></div>
<? endwhile; endif; wp_reset_query(); ?></div></div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="happy-content">
<?php if ( have_posts() ) : query_posts('p=142');
while (have_posts()) : the_post(); ?>
<div class="client-img m-x-auto">
<?php if ( has_post_thumbnail() ) : ?>
<?php the_post_thumbnail(array(100, 100), array('class' =>'img-circle')); ?>
<?php endif; ?></div>
<div class="body1">
<h6 class="heading text-uppercase"><?php the_title(); ?></h6>
<?php the_content(); ?>
<p class="text-p">
<?php the_excerpt(); ?></p></div>
<? endwhile; endif; wp_reset_query(); ?></div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="happy-content">
<?php if ( have_posts() ) : query_posts('p=144');
while (have_posts()) : the_post(); ?>
<div class="client-img m-x-auto">
<?php if ( has_post_thumbnail() ) : ?>
<?php the_post_thumbnail(array(100, 100), array('class' =>
'img-circle')); ?>
<?php endif; ?></div>
<div class="body1">
<h6 class="heading text-uppercase"><?php the_title(); ?></h6>
<?php the_content(); ?>
<p class="text-p">
<?php the_excerpt(); ?></p></div>
<? endwhile; endif; wp_reset_query(); ?>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="happy-content">
<?php if ( have_posts() ) : query_posts('p=146');
while (have_posts()) : the_post(); ?>
<div class="client-img m-x-auto">
<?php if ( has_post_thumbnail() ) : ?>
<?php the_post_thumbnail(array(100, 100), array('class' =>
'img-circle')); ?>
<?php endif; ?></div>
<div class="body1">
<h6 class="heading text-uppercase"><?php the_title(); ?></h6>
<?php the_content(); ?>
<p class="text-p">
<?php the_excerpt(); ?> </p></div>
<? endwhile; endif; wp_reset_query(); ?></div></div></div></div></div></section>
<section id="blog" name="blog">
<div class="container">
<div class="blog-header wow zoomIn text-md-center text-xs-center" data-wow-duration="s" data-wow-delay="0.3s">
<h3 class="name-section-style-h2"><?php echo get_cat_name(13) ?></h3>
<h2 class="name-section-style-h1 text-uppercase"><?php echo category_description( 13 ); ?></h2>
<hr class="hr-standart story"></div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="row m-x-auto">
<div class="col-md-4 col-sm-6 col-xs-12">
<?php if ( have_posts() ) : query_posts('p=148');
while (have_posts()) : the_post(); ?>
<div class="blog-col-content">
<div class="blog-img">
<a href="http://chernovtsy.zzz.com.ua">
<?php if ( has_post_thumbnail() ) : ?>
<?php the_post_thumbnail(full, array('class' =>'img-fluid')); ?>
<?php endif; ?></a><div class="date">
<span class="number">6</span>
<span class="text">Травня</span></div></div>
<h3 class="blog-Title text-uppercase">
<a href="http://chernovtsy.zzz.com.ua"><?php the_title(); ?></a></h3>
<p class="blog-p"><?php the_content(); ?></p>
<div class="blog-prosmot">
<a href="#">
<i class="fa fa-eye fa-icon"></i>
40</a>
<a href="#"><i class="fa fa-comment fa-icon"></i>
0</a></div></div>
<? endwhile; endif; wp_reset_query(); ?>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<?php if ( have_posts() ) : query_posts('p=151');
while (have_posts()) : the_post(); ?>
<div class="blog-col-content">
<div class="blog-img">
<a href="http://travelblog1.zzz.com.ua">
<?php if ( has_post_thumbnail() ) : ?>
<?php the_post_thumbnail(full, array('class' =>'img-fluid')); ?>
<?php endif; ?></a>
<div class="date">
<span class="number">6</span>
<span class="text">Травня</span>
</div>
</div>
<h3 class="blog-Title text-uppercase">
<a href="http://travelblog1.zzz.com.ua"><?php the_title(); ?></a>
</h3>
<p class="blog-p"><?php the_content(); ?></p>
<div class="blog-prosmot">
<a href="#"><i class="fa fa-eye fa-icon"></i>
20</a>
<a href="#">
<i class="fa fa-comment fa-icon"></i>
0</a></div></div>
<? endwhile; endif; wp_reset_query(); ?></div>
<div class="col-md-4 col-sm-6 col-xs-12">
<?php if ( have_posts() ) : query_posts('p=154');
while (have_posts()) : the_post(); ?>
<div class="blog-col-content">
<div class="blog-img">
<a href="http://desk31.zzz.com.ua">
<?php if ( has_post_thumbnail() ) : ?>
<?php the_post_thumbnail(full, array('class' =>'img-fluid')); ?>
<?php endif; ?></a>
<div class="date">
<span class="number">6</span>
<span class="text">Травня</span>
</div>
</div>
<h3 class="blog-Title text-uppercase">
<a href="http://desk31.zzz.com.ua"><?php the_title(); ?></a>
</h3>
<p class="blog-p">
<?php the_content(); ?></p>
<div class="blog-prosmot">
<a href="#">
<i class="fa fa-eye fa-icon"></i>
12
</a>
<a href="#">
<i class="fa fa-comment fa-icon"></i>
0
</a>
</div>
</div>
<? endwhile; endif; wp_reset_query(); ?>
</div>
</div>
</div>
</div>
</section>
<section id="google-map" name="google-map" class="text-md-center text-xs-center">
<div class="container">
<h2 class="map-heading text-uppercase">
<i class="fa fa-map-marker fa-icon-map"></i>
<span class="text2">Відкрити Мапу</span>
<span class="text2" style="display: none">Закрити Мапу</span>
</h2>
<div class="gmap">
<iframe src="https://api-maps.yandex.ua/frame/v1/-/CZxJrL6e" width="560" height="400" frameborder="0"></iframe>
</div></div>
</section>
<?php get_footer(); ?>
