В редакторе JCE обрезается код

Для решения проблемы с обрезкой кода в редакторе JCE делаем следующее:

1. В панели управления проходим по следующему пути: "Система" - "Общие настройки" - вкладка "Фильтры текста" - в группе "Super Users" ставим "Нет фильтрации"
2. В панели управления проходим по следующему пути: "Компоненты" - "Редактор JCE" - "Профили"
3. Выбираем активный профиль (по умолчанию: default)
4. Выбираем вкладку "Особенности и макет", напротив "Медиа" ставим галочку
5. Выбираем вкладку "Параметры редактора" - "Расширенные", напротив "Разрешить Javascript", "Разрешить CSS", "Разрешить PHP", "Встроенные скрипты XHTML" ставим "Да"
6. Выбираем вкладку "Параметры плагина" - "Медиа", напротив "Iframe" ставим "Да"

Форма обратной связи

1. В файл HTML между тегами HEAD размещаем скрипт, где указываем Id формы (в данном случае #contact-form) и расположение файла send_form.php:
<script>
        function send_form() {
        var msg = $("#contact-form").serialize();
        $.ajax({
        type: "POST",
        url: "send_form.php",
        data: msg,
        success: function(data) {
        alert("Сообщение отправлено");
        setTimeout(function () {
        $(".feedback_form_bg").fadeOut();}, 1000);
        },
        error:  function(xhr, str){
        alert("Возникла ошибка!");
        setTimeout(function () {$(".feedback_form_bg").fadeOut();}, 1000);
        }
        });
        }
    </script>


2. Между тегами BODY размещаем непосредственно саму форму:
<form method="post" action="javascript:void(0);" onsubmit="send_form();" id="contact-form">
<input type="text" id="name" name="name" placeholder="Ваше имя и фамилия" required="required" /></br>
<input type="email" id="email" name="email" placeholder="Ваш электронный адрес" required="required" /></br>
<input type="text" id="subject" name="subject" placeholder="Тема сообщения" required="required" /></br>
<textarea name="message" id="message" rows="4" cols="25" required="required" placeholder="Ваше сообщение"> </textarea></br>
<button type="submit" id="btnContactUs">Отправить сообщение</button></br></form>

3. Содержимое файла send_form.php

<?php
$name= $_POST['name'];
$subject= $_POST['subject'];
$email= $_POST['email'];
$message= $_POST['message'];
$emailTo = 'name@name.ru'; //Сюда введите Ваш email
$body = "$name \n\n$subject\n\n$email \n\n$message";
$headers = "Content-Type: text/plain; charset=utf-8\r\n".'From: MySite <'.$emailTo.'>' . "\r\n" . 'Reply-To: ' . $emailTo;
mail($emailTo, $name, $body, $headers);
$emailSent = true;
?>

4. Все файлы должны располагаться на сервере с поддержкой PHP.

Модальное Окно

HTML

<div id="overlay">
<div class="popup">
<h2>Заголовок</h2>
<p>Текст сообщения</p>
<button class="close" title="Закрыть" onclick="document.getElementById('overlay').style.display='none';"></button></div>
</div>

Конструкторы Landing Page

Mobirise - это оффлайн приложение для Windows и Mac, с помощью которого можно создавать небольшие веб-сайты, лендинги, онлайн-резюме и портфолио, промо сайты для приложений, событий, продуктов и услуг. Интерфейс английский. Программа бесплатная для частного и коммерческого использования. Можно купить дополнительные виджеты.
Ссылка на сайт - https://mobirise.com/ru/ 

Script Den Bootstrap Builder очень похож на Mobirise, только работает онлайн. Имеется набор готовых элементов интерфейса, элементы которого можно перетащить на страницу и получить готовый макет сайта. Имеет немного больше виджетов чем Mobirise.
Ссылка на сайт - http://scripteden.com/builder/bootstrap/

Плавная смена такста

html:
<div class="test">привет</div>

css:
#my{opacity:0;}

js:
setTimeout(function() {
$(".test").html('<a id="my" href="#">Ссылка куда надо</a>');
$("#my").fadeTo(5000, 1);
}, 3000/*Время задержки*/);