На главную Инструменты Панель оптимизатора

Новости Реклама у нас Обратная связь

Бесплатная доска объявлений по всей России - Do-Ska.ru

15.06.2015 в 17:02 Открытия панели отпимизатора!

Google pr	16.06.2015

Яндекс ТиЦ	22.03.2025
поиск	28.06.2019
каталог	16.01.2018

Витрина ссылок[Добавить]

доска объявлений подать объявление Аквалайн Пермь

Анализ контента сайта

Войти или зарегистрироваться

Забыли пароль?

Главная Инструменты Анализ контента сайта

Данный инструмент поможет Вам Выполнить анализ контента указанного сайта (страницы).

Для успешного продвижения сайта, необходимо иметь релевантный контент и оптимальную плотность слов. При помощи данного сервиса вы сможите выполнить максимально полный анализ контента вашего сайта.
При выполнении анализа будет проанализирован контент вашего сайта на: вес страницы; релевантность, плотность заголовка (title), ключевых слов (keywords) к тексту страницы; скорость, время загрузки страницы; анализирован текст страницы; обработаны стоп-слова; процентное соотношение вхождений слов с текстом страницы; рассчитана частота (TF) терминов содержимого страницы.

Общие данные о странице

URL:	cyberzootopia.com (WHOIS IP, WHOIS DOMAIN)
Размер страницы:	32.46 Kb
Кодировка:	UTF-8
IP сайта:	172.67.130.111
Скорость загрузки:	85.73 Kb/s
Время загрузки:	0.38 sec
Всего символов (с html тэгами):	33235
Всего символов (текст):	4478
Всего символов (текст без пробелов):	3840
Доля контента ко всему коду страницы:	13.47 %
Перенаправление:	https://cyberzootopia.com/
Внутренние / внешние ссылки:	Анализ

Постоянная ссылка на страницу

http://qoogoo.perm.ru/tools/contentcheck/cyberzootopia.com

Общие данные сайта[ Скрыть ]

Поддержка JavaScript отключена!

Заголовок (title)[ Скрыть]

Оригинальный текст

Cyber Zootopia

Обработанный текст (без стоп-слов)

Cyber Zootopia

Общая информация

Всего слов в тексте:	2
Слов в тексте (без стоп-слов):	2
Слов без повторов и стоп-слов:	2
Стоп-слов в тексте:	0
Плотность всех слов к контенту:	0
Релевантность текста к контенту:	0 %
Вхождений слов тэга в контенте:	0 из 2
Слов с повтором в тэге > 1 раза:	0

Результат анализа слов тэга

Слово - анализируемое слово

Кол-во в тэге - кол-во повторов текущего слова в анализируемом тэге

Плотность - плотность текущего слова относительно контента страницы

Вхождений - кол-во вхождений текущего слова в контенте страницы

Частота (TF) - Частота TF(Term Frequency) относительно контента страницы

Слово	Кол-во в тэге	Плотность	Вхождений	Частота (TF)
Cyber	1	0	0	0.5
Zootopia	1	0	0	0.5

Ключевые слова (keywords)[ Скрыть]

Ключевые слова не найдены на странице!

Описание страници (description)[ Скрыть]

Оригинальный текст

Обработанный текст (без стоп-слов)

Общая информация

Всего слов в тексте:	0
Слов в тексте (без стоп-слов):	0
Слов без повторов и стоп-слов:	0
Стоп-слов в тексте:	0
Плотность всех слов к контенту:	0
Релевантность текста к контенту:	0 %
Вхождений слов тэга в контенте:	0 из 0
Слов с повтором в тэге > 1 раза:	0

Результат анализа слов тэга

В тэге слова не обнаружены!

Тэги h1 - h6[ Скрыть]

Тэг h2

Services

Тэг h3

Lorem ipsum dolor sit amet consectetur.

Тэг h4

E-Commerce

Контент страницы[ Скрыть]

Общая информация

Всего слов в тексте:	639
Слов в тексте (без стоп-слов):	616
Слов без повторов и стоп-слов:	147
Стоп-слов в тексте:	23
Список стоп-слов:	[ Показать] to, it, you, about, an, is, be, of, this

Результат анализа слов контента

Слово	Вхождений	В title	В Keywords	Частота (TF)
Menu	1	Нет	Нет	0.002
Home	1	Нет	Нет	0.002
Login	1	Нет	Нет	0.002
Register	1	Нет	Нет	0.002
Profile	1	Нет	Нет	0.002
Welcome	1	Нет	Нет	0.002
Our	4	Нет	Нет	0.006
Studio	1	Нет	Нет	0.002
s	1	Нет	Нет	0.002
Nice	1	Нет	Нет	0.002
Meet	1	Нет	Нет	0.002
Tell	1	Нет	Нет	0.002
Me	1	Нет	Нет	0.002
More	1	Нет	Нет	0.002
Services	1	Нет	Нет	0.002
Lorem	25	Нет	Нет	0.039
ipsum	25	Нет	Нет	0.039
dolor	25	Нет	Нет	0.039
sit	29	Нет	Нет	0.045
amet	25	Нет	Нет	0.039
consectetur	29	Нет	Нет	0.045
E-Commerce	1	Нет	Нет	0.002
adipisicing	14	Нет	Нет	0.022
elit	14	Нет	Нет	0.022
Minima	3	Нет	Нет	0.005
maxime	3	Нет	Нет	0.005
quam	3	Нет	Нет	0.005
architecto	3	Нет	Нет	0.005
quo	7	Нет	Нет	0.011
inventore	3	Нет	Нет	0.005
harum	3	Нет	Нет	0.005
ex	3	Нет	Нет	0.005
magni	3	Нет	Нет	0.005
dicta	3	Нет	Нет	0.005
impedit	3	Нет	Нет	0.005
Responsive	1	Нет	Нет	0.002
Design	5	Нет	Нет	0.008
Web	1	Нет	Нет	0.002
Security	1	Нет	Нет	0.002
Portfolio	1	Нет	Нет	0.002
Threads	2	Нет	Нет	0.003
Illustration	2	Нет	Нет	0.003
Explore	2	Нет	Нет	0.003
Graphic	2	Нет	Нет	0.003
Finish	2	Нет	Нет	0.003
Identity	2	Нет	Нет	0.003
Lines	2	Нет	Нет	0.003
Branding	2	Нет	Нет	0.003
Southwest	2	Нет	Нет	0.003
Website	3	Нет	Нет	0.005
Window	2	Нет	Нет	0.003
Photography	2	Нет	Нет	0.003
Humble	1	Нет	Нет	0.002
Beginnings	1	Нет	Нет	0.002
Sunt	10	Нет	Нет	0.016
ut	5	Нет	Нет	0.008
voluptatum	4	Нет	Нет	0.006
eius	4	Нет	Нет	0.006
sapiente	4	Нет	Нет	0.006
totam	5	Нет	Нет	0.008
reiciendis	10	Нет	Нет	0.016
temporibus	4	Нет	Нет	0.006
qui	4	Нет	Нет	0.006
quibusdam	4	Нет	Нет	0.006
recusandae	4	Нет	Нет	0.006
vero	4	Нет	Нет	0.006
unde	5	Нет	Нет	0.008
sed	4	Нет	Нет	0.006
incidunt	10	Нет	Нет	0.016
et	4	Нет	Нет	0.006
ea	5	Нет	Нет	0.008
dolore	4	Нет	Нет	0.006
laudantium	4	Нет	Нет	0.006
March	1	Нет	Нет	0.002
Agency	1	Нет	Нет	0.002
Born	1	Нет	Нет	0.002
December	1	Нет	Нет	0.002
Transition	1	Нет	Нет	0.002
Full	1	Нет	Нет	0.002
Service	1	Нет	Нет	0.002
July	1	Нет	Нет	0.002
Phase	1	Нет	Нет	0.002
Two	1	Нет	Нет	0.002
Expansion	1	Нет	Нет	0.002
Part	1	Нет	Нет	0.002
Story	1	Нет	Нет	0.002
Amazing	1	Нет	Нет	0.002
Team	1	Нет	Нет	0.002
Kay	1	Нет	Нет	0.002
Garland	1	Нет	Нет	0.002
Lead	3	Нет	Нет	0.005
Designer	1	Нет	Нет	0.002
Larry	1	Нет	Нет	0.002
Parker	1	Нет	Нет	0.002
Marketer	1	Нет	Нет	0.002
Diana	1	Нет	Нет	0.002
Petersen	1	Нет	Нет	0.002
Developer	1	Нет	Нет	0.002
Aut	1	Нет	Нет	0.002
eaque	1	Нет	Нет	0.002
laboriosam	1	Нет	Нет	0.002
veritatis	1	Нет	Нет	0.002
quos	1	Нет	Нет	0.002
non	1	Нет	Нет	0.002
quis	1	Нет	Нет	0.002
ad	1	Нет	Нет	0.002
perspiciatis	1	Нет	Нет	0.002
corporis	1	Нет	Нет	0.002
alias	1	Нет	Нет	0.002
Contact	1	Нет	Нет	0.002
Us	1	Нет	Нет	0.002
Send	1	Нет	Нет	0.002
Message	1	Нет	Нет	0.002
Copyright	1	Нет	Нет	0.002
Your	7	Нет	Нет	0.011
Privacy	1	Нет	Нет	0.002
Policy	1	Нет	Нет	0.002
Terms	1	Нет	Нет	0.002
Use	7	Нет	Нет	0.011
Project	18	Нет	Нет	0.028
Name	6	Нет	Нет	0.009
area	6	Нет	Нет	0.009
describe	6	Нет	Нет	0.009
Est	6	Нет	Нет	0.009
blanditiis	6	Нет	Нет	0.009
dolorem	6	Нет	Нет	0.009
culpa	6	Нет	Нет	0.009
minus	6	Нет	Нет	0.009
dignissimos	6	Нет	Нет	0.009
deserunt	6	Нет	Нет	0.009
repellat	6	Нет	Нет	0.009
aperiam	6	Нет	Нет	0.009
quasi	6	Нет	Нет	0.009
officia	6	Нет	Нет	0.009
expedita	6	Нет	Нет	0.009
beatae	6	Нет	Нет	0.009
cupiditate	6	Нет	Нет	0.009
maiores	6	Нет	Нет	0.009
repudiandae	6	Нет	Нет	0.009
nostrum	6	Нет	Нет	0.009
facere	6	Нет	Нет	0.009
nemo	6	Нет	Нет	0.009
Date	6	Нет	Нет	0.009
January	6	Нет	Нет	0.009
Client	6	Нет	Нет	0.009
Category	6	Нет	Нет	0.009
Close	6	Нет	Нет	0.009

Исходный контент страницы, слов (639)

Menu Home Login Register Profile Welcome To Our Studio It s Nice To Meet You Tell Me More Services Lorem ipsum dolor sit amet consectetur E-Commerce Lorem ipsum dolor sit amet consectetur adipisicing elit Minima maxime quam architecto quo inventore harum ex magni dicta impedit Responsive Design Lorem ipsum dolor sit amet consectetur adipisicing elit Minima maxime quam architecto quo inventore harum ex magni dicta impedit Web Security Lorem ipsum dolor sit amet consectetur adipisicing elit Minima maxime quam architecto quo inventore harum ex magni dicta impedit Portfolio Lorem ipsum dolor sit amet consectetur Threads Illustration Explore Graphic Design Finish Identity Lines Branding Southwest Website Design Window Photography About Lorem ipsum dolor sit amet consectetur Our Humble Beginnings Lorem ipsum dolor sit amet consectetur adipisicing elit Sunt ut voluptatum eius sapiente totam reiciendis temporibus qui quibusdam recusandae sit vero unde sed incidunt et ea quo dolore laudantium consectetur March An Agency is Born Lorem ipsum dolor sit amet consectetur adipisicing elit Sunt ut voluptatum eius sapiente totam reiciendis temporibus qui quibusdam recusandae sit vero unde sed incidunt et ea quo dolore laudantium consectetur December Transition to Full Service Lorem ipsum dolor sit amet consectetur adipisicing elit Sunt ut voluptatum eius sapiente totam reiciendis temporibus qui quibusdam recusandae sit vero unde sed incidunt et ea quo dolore laudantium consectetur July Phase Two Expansion Lorem ipsum dolor sit amet consectetur adipisicing elit Sunt ut voluptatum eius sapiente totam reiciendis temporibus qui quibusdam recusandae sit vero unde sed incidunt et ea quo dolore laudantium consectetur Be Part Of Our Story Our Amazing Team Lorem ipsum dolor sit amet consectetur Kay Garland Lead Designer Larry Parker Lead Marketer Diana Petersen Lead Developer Lorem ipsum dolor sit amet consectetur adipisicing elit Aut eaque laboriosam veritatis quos non quis ad perspiciatis totam corporis ea alias ut unde Contact Us Lorem ipsum dolor sit amet consectetur Send Message Copyright Your Website Privacy Policy Terms of Use Project Name Lorem ipsum dolor sit amet consectetur Use this area to describe your project Lorem ipsum dolor sit amet consectetur adipisicing elit Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate maiores repudiandae nostrum reiciendis facere nemo Date January Client Threads Category Illustration Close Project Project Name Lorem ipsum dolor sit amet consectetur Use this area to describe your project Lorem ipsum dolor sit amet consectetur adipisicing elit Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate maiores repudiandae nostrum reiciendis facere nemo Date January Client Explore Category Graphic Design Close Project Project Name Lorem ipsum dolor sit amet consectetur Use this area to describe your project Lorem ipsum dolor sit amet consectetur adipisicing elit Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate maiores repudiandae nostrum reiciendis facere nemo Date January Client Finish Category Identity Close Project Project Name Lorem ipsum dolor sit amet consectetur Use this area to describe your project Lorem ipsum dolor sit amet consectetur adipisicing elit Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate maiores repudiandae nostrum reiciendis facere nemo Date January Client Lines Category Branding Close Project Project Name Lorem ipsum dolor sit amet consectetur Use this area to describe your project Lorem ipsum dolor sit amet consectetur adipisicing elit Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate maiores repudiandae nostrum reiciendis facere nemo Date January Client Southwest Category Website Design Close Project Project Name Lorem ipsum dolor sit amet consectetur Use this area to describe your project Lorem ipsum dolor sit amet consectetur adipisicing elit Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate maiores repudiandae nostrum reiciendis facere nemo Date January Client Window Category Photography Close Project

Контент страницы без стоп-слов, слов (616), без повторов (147)

Menu Home Login Register Profile Welcome Our Studio s Nice Meet Tell Me More Services Lorem ipsum dolor sit amet consectetur E-Commerce Lorem ipsum dolor sit amet consectetur adipisicing elit Minima maxime quam architecto quo inventore harum ex magni dicta impedit Responsive Design Lorem ipsum dolor sit amet consectetur adipisicing elit Minima maxime quam architecto quo inventore harum ex magni dicta impedit Web Security Lorem ipsum dolor sit amet consectetur adipisicing elit Minima maxime quam architecto quo inventore harum ex magni dicta impedit Portfolio Lorem ipsum dolor sit amet consectetur Threads Illustration Explore Graphic Design Finish Identity Lines Branding Southwest Website Design Window Photography Lorem ipsum dolor sit amet consectetur Our Humble Beginnings Lorem ipsum dolor sit amet consectetur adipisicing elit Sunt ut voluptatum eius sapiente totam reiciendis temporibus qui quibusdam recusandae sit vero unde sed incidunt et ea quo dolore laudantium consectetur March Agency Born Lorem ipsum dolor sit amet consectetur adipisicing elit Sunt ut voluptatum eius sapiente totam reiciendis temporibus qui quibusdam recusandae sit vero unde sed incidunt et ea quo dolore laudantium consectetur December Transition Full Service Lorem ipsum dolor sit amet consectetur adipisicing elit Sunt ut voluptatum eius sapiente totam reiciendis temporibus qui quibusdam recusandae sit vero unde sed incidunt et ea quo dolore laudantium consectetur July Phase Two Expansion Lorem ipsum dolor sit amet consectetur adipisicing elit Sunt ut voluptatum eius sapiente totam reiciendis temporibus qui quibusdam recusandae sit vero unde sed incidunt et ea quo dolore laudantium consectetur Part Our Story Our Amazing Team Lorem ipsum dolor sit amet consectetur Kay Garland Lead Designer Larry Parker Lead Marketer Diana Petersen Lead Developer Lorem ipsum dolor sit amet consectetur adipisicing elit Aut eaque laboriosam veritatis quos non quis ad perspiciatis totam corporis ea alias ut unde Contact Us Lorem ipsum dolor sit amet consectetur Send Message Copyright Your Website Privacy Policy Terms Use Project Name Lorem ipsum dolor sit amet consectetur Use area describe your project Lorem ipsum dolor sit amet consectetur adipisicing elit Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate maiores repudiandae nostrum reiciendis facere nemo Date January Client Threads Category Illustration Close Project Project Name Lorem ipsum dolor sit amet consectetur Use area describe your project Lorem ipsum dolor sit amet consectetur adipisicing elit Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate maiores repudiandae nostrum reiciendis facere nemo Date January Client Explore Category Graphic Design Close Project Project Name Lorem ipsum dolor sit amet consectetur Use area describe your project Lorem ipsum dolor sit amet consectetur adipisicing elit Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate maiores repudiandae nostrum reiciendis facere nemo Date January Client Finish Category Identity Close Project Project Name Lorem ipsum dolor sit amet consectetur Use area describe your project Lorem ipsum dolor sit amet consectetur adipisicing elit Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate maiores repudiandae nostrum reiciendis facere nemo Date January Client Lines Category Branding Close Project Project Name Lorem ipsum dolor sit amet consectetur Use area describe your project Lorem ipsum dolor sit amet consectetur adipisicing elit Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate maiores repudiandae nostrum reiciendis facere nemo Date January Client Southwest Category Website Design Close Project Project Name Lorem ipsum dolor sit amet consectetur Use area describe your project Lorem ipsum dolor sit amet consectetur adipisicing elit Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate maiores repudiandae nostrum reiciendis facere nemo Date January Client Window Category Photography Close Project

HTML код страницы, символов всего (33235)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <title>Cyber Zootopia</title>
    <link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
    
     
    
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
    <link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
    <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" />
    
    <link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
    
    <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
        <div class="container">
            <a class="navbar-brand js-scroll-trigger" href="#page-top"><img src="assets/img/logos/logo.png" alt="" width="25%" style="height: 25%;" /></a>
            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                Menu
                <i class="fas fa-bars ml-1"></i>
            </button>
            <div class="collapse navbar-collapse" id="navbarResponsive">
                <ul class="navbar-nav text-uppercase ml-auto">
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="index.php">Home</a></li>
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="login.php">Login</a></li>
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="register.php">Register</a></li>
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="profile.php">Profile</a></li>
                </ul>
            </div>
        </div>
    </nav>
    
    <header class="masthead">
        <div class="container">
            <div class="masthead-subheading">Welcome To Our Studio!</div>
            <div class="masthead-heading text-uppercase">It's Nice To Meet You</div>
            <a class="btn btn-danger btn-xl text-uppercase js-scroll-trigger" href="#services">Tell Me More</a>
        </div>
    </header>
    
    <section class="page-section" id="services">
        <div class="container">
            <div class="text-center">
                <h2 class="section-heading text-uppercase">Services</h2>
                <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
            </div>
            <div class="row text-center">
                <div class="col-md-4">
                    <span class="fa-stack fa-4x">
                        <i class="fas fa-circle fa-stack-2x text-danger"></i>
                        <i class="fas fa-shopping-cart fa-stack-1x fa-inverse"></i>
                    </span>
                    <h4 class="my-3">E-Commerce</h4>
                    <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
                </div>
                <div class="col-md-4">
                    <span class="fa-stack fa-4x">
                        <i class="fas fa-circle fa-stack-2x text-danger"></i>
                        <i class="fas fa-laptop fa-stack-1x fa-inverse"></i>
                    </span>
                    <h4 class="my-3">Responsive Design</h4>
                    <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
                </div>
                <div class="col-md-4">
                    <span class="fa-stack fa-4x">
                        <i class="fas fa-circle fa-stack-2x text-danger"></i>
                        <i class="fas fa-lock fa-stack-1x fa-inverse"></i>
                    </span>
                    <h4 class="my-3">Web Security</h4>
                    <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
                </div>
            </div>
        </div>
    </section>
    
    <section class="page-section bg-light" id="portfolio">
        <div class="container">
            <div class="text-center">
                <h2 class="section-heading text-uppercase">Portfolio</h2>
                <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
            </div>
            <div class="row">
                <div class="col-lg-4 col-sm-6 mb-4">
                    <div class="portfolio-item">
                        <a class="portfolio-link" data-toggle="modal" href="#portfolioModal1">
                            <div class="portfolio-hover">
                                <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
                            </div>
                            <img class="img-fluid" src="assets/img/portfolio/01-thumbnail.jpg" alt="" />
                        </a>
                        <div class="portfolio-caption">
                            <div class="portfolio-caption-heading">Threads</div>
                            <div class="portfolio-caption-subheading text-muted">Illustration</div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 mb-4">
                    <div class="portfolio-item">
                        <a class="portfolio-link" data-toggle="modal" href="#portfolioModal2">
                            <div class="portfolio-hover">
                                <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
                            </div>
                            <img class="img-fluid" src="assets/img/portfolio/02-thumbnail.jpg" alt="" />
                        </a>
                        <div class="portfolio-caption">
                            <div class="portfolio-caption-heading">Explore</div>
                            <div class="portfolio-caption-subheading text-muted">Graphic Design</div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 mb-4">
                    <div class="portfolio-item">
                        <a class="portfolio-link" data-toggle="modal" href="#portfolioModal3">
                            <div class="portfolio-hover">
                                <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
                            </div>
                            <img class="img-fluid" src="assets/img/portfolio/03-thumbnail.jpg" alt="" />
                        </a>
                        <div class="portfolio-caption">
                            <div class="portfolio-caption-heading">Finish</div>
                            <div class="portfolio-caption-subheading text-muted">Identity</div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
                    <div class="portfolio-item">
                        <a class="portfolio-link" data-toggle="modal" href="#portfolioModal4">
                            <div class="portfolio-hover">
                                <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
                            </div>
                            <img class="img-fluid" src="assets/img/portfolio/04-thumbnail.jpg" alt="" />
                        </a>
                        <div class="portfolio-caption">
                            <div class="portfolio-caption-heading">Lines</div>
                            <div class="portfolio-caption-subheading text-muted">Branding</div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6 mb-4 mb-sm-0">
                    <div class="portfolio-item">
                        <a class="portfolio-link" data-toggle="modal" href="#portfolioModal5">
                            <div class="portfolio-hover">
                                <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
                            </div>
                            <img class="img-fluid" src="assets/img/portfolio/05-thumbnail.jpg" alt="" />
                        </a>
                        <div class="portfolio-caption">
                            <div class="portfolio-caption-heading">Southwest</div>
                            <div class="portfolio-caption-subheading text-muted">Website Design</div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6">
                    <div class="portfolio-item">
                        <a class="portfolio-link" data-toggle="modal" href="#portfolioModal6">
                            <div class="portfolio-hover">
                                <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
                            </div>
                            <img class="img-fluid" src="assets/img/portfolio/06-thumbnail.jpg" alt="" />
                        </a>
                        <div class="portfolio-caption">
                            <div class="portfolio-caption-heading">Window</div>
                            <div class="portfolio-caption-subheading text-muted">Photography</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <section class="page-section" id="about">
        <div class="container">
            <div class="text-center">
                <h2 class="section-heading text-uppercase">About</h2>
                <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
            </div>
            <ul class="timeline">
                <li>
                    <div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/1.jpg" alt="" /></div>
                    <div class="timeline-panel">
                        <div class="timeline-heading">
                            <h4>2009-2011</h4>
                            <h4 class="subheading">Our Humble Beginnings</h4>
                        </div>
                        <div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div>
                    </div>
                </li>
                <li class="timeline-inverted">
                    <div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/2.jpg" alt="" /></div>
                    <div class="timeline-panel">
                        <div class="timeline-heading">
                            <h4>March 2011</h4>
                            <h4 class="subheading">An Agency is Born</h4>
                        </div>
                        <div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div>
                    </div>
                </li>
                <li>
                    <div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/3.jpg" alt="" /></div>
                    <div class="timeline-panel">
                        <div class="timeline-heading">
                            <h4>December 2012</h4>
                            <h4 class="subheading">Transition to Full Service</h4>
                        </div>
                        <div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div>
                    </div>
                </li>
                <li class="timeline-inverted">
                    <div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/4.jpg" alt="" /></div>
                    <div class="timeline-panel">
                        <div class="timeline-heading">
                            <h4>July 2014</h4>
                            <h4 class="subheading">Phase Two Expansion</h4>
                        </div>
                        <div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div>
                    </div>
                </li>
                <li class="timeline-inverted">
                    <div class="timeline-image">
                        <h4>
                            Be Part
                            <br />
                            Of Our
                            <br />
                            Story!
                        </h4>
                    </div>
                </li>
            </ul>
        </div>
    </section>
    
    <section class="page-section bg-light" id="team">
        <div class="container">
            <div class="text-center">
                <h2 class="section-heading text-uppercase">Our Amazing Team</h2>
                <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="team-member">
                        <img class="mx-auto rounded-circle" src="assets/img/team/1.jpg" alt="" />
                        <h4>Kay Garland</h4>
                        <p class="text-muted">Lead Designer</p>
                        <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
                        <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
                        <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="team-member">
                        <img class="mx-auto rounded-circle" src="assets/img/team/2.jpg" alt="" />
                        <h4>Larry Parker</h4>
                        <p class="text-muted">Lead Marketer</p>
                        <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
                        <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
                        <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="team-member">
                        <img class="mx-auto rounded-circle" src="assets/img/team/3.jpg" alt="" />
                        <h4>Diana Petersen</h4>
                        <p class="text-muted">Lead Developer</p>
                        <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
                        <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
                        <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8 mx-auto text-center"><p class="large text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p></div>
            </div>
        </div>
    </section>
    
    <div class="py-5">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-sm-6 my-3">
                    <a href="#!"><img class="img-fluid d-block mx-auto" src="assets/img/logos/envato.jpg" alt="" /></a>
                </div>
                <div class="col-md-3 col-sm-6 my-3">
                    <a href="#!"><img class="img-fluid d-block mx-auto" src="assets/img/logos/designmodo.jpg" alt="" /></a>
                </div>
                <div class="col-md-3 col-sm-6 my-3">
                    <a href="#!"><img class="img-fluid d-block mx-auto" src="assets/img/logos/themeforest.jpg" alt="" /></a>
                </div>
                <div class="col-md-3 col-sm-6 my-3">
                    <a href="#!"><img class="img-fluid d-block mx-auto" src="assets/img/logos/creative-market.jpg" alt="" /></a>
                </div>
            </div>
        </div>
    </div>
    
    <section class="page-section" id="contact">
        <div class="container">
            <div class="text-center">
                <h2 class="section-heading text-uppercase">Contact Us</h2>
                <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
            </div>
            <form id="contactForm" name="sentMessage" novalidate="novalidate">
                <div class="row align-items-stretch mb-5">
                    <div class="col-md-6">
                        <div class="form-group">
                            <input class="form-control" id="name" type="text" placeholder="Your Name *" required="required" data-validation-required-message="Please enter your name." />
                            <p class="help-block text-danger"></p>
                        </div>
                        <div class="form-group">
                            <input class="form-control" id="email" type="email" placeholder="Your Email *" required="required" data-validation-required-message="Please enter your email address." />
                            <p class="help-block text-danger"></p>
                        </div>
                        <div class="form-group mb-md-0">
                            <input class="form-control" id="phone" type="tel" placeholder="Your Phone *" required="required" data-validation-required-message="Please enter your phone number." />
                            <p class="help-block text-danger"></p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group form-group-textarea mb-md-0">
                            <textarea class="form-control" id="message" placeholder="Your Message *" required="required" data-validation-required-message="Please enter a message."></textarea>
                            <p class="help-block text-danger"></p>
                        </div>
                    </div>
                </div>
                <div class="text-center">
                    <div id="success"></div>
                    <button class="btn btn-danger btn-xl text-uppercase" id="sendMessageButton" type="submit">Send Message</button>
                </div>
            </form>
        </div>
    </section>
    
    <footer class="footer py-4">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-4 text-lg-left">Copyright © Your Website 2020</div>
                <div class="col-lg-4 my-3 my-lg-0">
                    <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
                    <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
                    <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>
                </div>
                <div class="col-lg-4 text-lg-right">
                    <a class="mr-3" href="#!">Privacy Policy</a>
                    <a href="#!">Terms of Use</a>
                </div>
            </div>
        </div>
    </footer>
    
    
    <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-8">
                            <div class="modal-body">
                                
                                <h2 class="text-uppercase">Project Name</h2>
                                <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
                                <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/01-full.jpg" alt="" />
                                <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
                                <ul class="list-inline">
                                    <li>Date: January 2020</li>
                                    <li>Client: Threads</li>
                                    <li>Category: Illustration</li>
                                </ul>
                                <button class="btn btn-danger" data-dismiss="modal" type="button">
                                    <i class="fas fa-times mr-1"></i>
                                    Close Project
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-8">
                            <div class="modal-body">
                                
                                <h2 class="text-uppercase">Project Name</h2>
                                <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
                                <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/02-full.jpg" alt="" />
                                <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
                                <ul class="list-inline">
                                    <li>Date: January 2020</li>
                                    <li>Client: Explore</li>
                                    <li>Category: Graphic Design</li>
                                </ul>
                                <button class="btn btn-danger" data-dismiss="modal" type="button">
                                    <i class="fas fa-times mr-1"></i>
                                    Close Project
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-8">
                            <div class="modal-body">
                                
                                <h2 class="text-uppercase">Project Name</h2>
                                <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
                                <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/03-full.jpg" alt="" />
                                <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
                                <ul class="list-inline">
                                    <li>Date: January 2020</li>
                                    <li>Client: Finish</li>
                                    <li>Category: Identity</li>
                                </ul>
                                <button class="btn btn-danger" data-dismiss="modal" type="button">
                                    <i class="fas fa-times mr-1"></i>
                                    Close Project
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-8">
                            <div class="modal-body">
                                
                                <h2 class="text-uppercase">Project Name</h2>
                                <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
                                <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/04-full.jpg" alt="" />
                                <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
                                <ul class="list-inline">
                                    <li>Date: January 2020</li>
                                    <li>Client: Lines</li>
                                    <li>Category: Branding</li>
                                </ul>
                                <button class="btn btn-danger" data-dismiss="modal" type="button">
                                    <i class="fas fa-times mr-1"></i>
                                    Close Project
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-8">
                            <div class="modal-body">
                                
                                <h2 class="text-uppercase">Project Name</h2>
                                <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
                                <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/05-full.jpg" alt="" />
                                <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
                                <ul class="list-inline">
                                    <li>Date: January 2020</li>
                                    <li>Client: Southwest</li>
                                    <li>Category: Website Design</li>
                                </ul>
                                <button class="btn btn-danger" data-dismiss="modal" type="button">
                                    <i class="fas fa-times mr-1"></i>
                                    Close Project
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-8">
                            <div class="modal-body">
                                
                                <h2 class="text-uppercase">Project Name</h2>
                                <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
                                <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/06-full.jpg" alt="" />
                                <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
                                <ul class="list-inline">
                                    <li>Date: January 2020</li>
                                    <li>Client: Window</li>
                                    <li>Category: Photography</li>
                                </ul>
                                <button class="btn btn-danger" data-dismiss="modal" type="button">
                                    <i class="fas fa-times mr-1"></i>
                                    Close Project
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
     
     
    
     
    
     
     
    
     
</body>
</html>

Ответ сервера