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

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

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

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

Google pr	16.06.2015

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

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

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

Анализ сайта

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

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

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

Данный инструмент поможет Вам Выполнить анализ сайта по наиболее значимым показателям сайта.

URL	www.vectormediagroup.com (WHOIS IP, WHOIS DOMAIN)
Заголовок	Happy Cog® \| Full-Service Digital Agency
Ключевые слова	(нет)
Описание	Happy Cog is an award-winning, full-service digital agency. We offer web development, design & branding, and digital marketing services.
Тэг h1	(нет)
Размер страницы	117.39 Kb
Кодировка	UTF-8
IP сайта	172.67.71.170 Все сайты на IP
Скорость загрузки	363.28 Kb/s
Время загрузки	0.32 sec
Перенаправление	https://www.happycog.com/
Внутренние / внешние ссылки	Анализ
Анализ контента страницы	Выполнить
Посетителей за сутки по LI	?
Посетителей за месяц по LI	?
Сервер сайта	172.67.71.170
Расположение датацентра	?
Сервер	cloudflare
Заработок	Вы можете зарабатывать на сайте более 150$

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

http://qoogoo.perm.ru/tools/analysis/www.vectormediagroup.com

Основные показатели сайта[ Скрыть ]

Яндекс ТиЦ: 0

Склей домена: Нет

С WWW

Без WWW

Яндекс Ранг: 0 из 6

Яндекс.Каталог: (не описан в каталоге)

Поднять ТиЦ регистрируя сайт в каталогах

Google PageRank: 0 из 10

Alexa Traffic Rank: ?

Alexa Traffic Rank (график):

Счетчик Live Internet:

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

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

Поисковый трафик с Google[ Скрыть ]

Backlink History (Majestic SEO)[ Скрыть ]

Наличие сайта в каталогах[ Скрыть ]

Яндекс Каталог: (Нет)	Посмотреть	DMOZ:	Посмотреть
Google каталог:	Посмотреть	Mail.ru:	Посмотреть
Aport:	Посмотреть	Rambler Top 100:	Посмотреть

Проиндексировано страниц[ Скрыть ]

Яндекс:	Посмотреть	Google:	Посмотреть
Bing:	Посмотреть	Yahoo:	Посмотреть
Rambler:	Посмотреть

Ссылаются на сайт из[ Скрыть ]

Яндекс:	Посмотреть	Сайты из Я-Каталога:	Посмотреть
Яндекс блоги:	Посмотреть	Google:	Посмотреть
Google блоги:	Посмотреть	Yahoo:	Посмотреть
Bing:	Посмотреть	Rambler:	Посмотреть
Яндекс картинки:	Посмотреть	Google картинки:	Посмотреть

Дополнительная информация[ Скрыть ]

В кэше Google:	Посмотреть	В кэше Yandex:	Посмотреть
Похожие сайты в Google:	Посмотреть	История сайта:	Посмотреть
Упоминания в Ответы@Mail.ru:	Посмотреть	Поиск плагиата:	Посмотреть

Дополнительные инструменты[ Скрыть ]

Проверка валидности HTML:	Посмотреть	Проверка валидности CSS:	Посмотреть
Ping\Traceroute\DNS:	Посмотреть	Скорость загрузки страницы:	Посмотреть

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

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

HTTP/1.1 200 OK
Date: Sun, 17 Nov 2024 16:36:26 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: keep-alive
vary: Accept-Encoding
cache-control: public, s-maxage=31536000, max-age=0
x-robots-tag: all
link: <https://www.happycog.com>; rel='canonical'
referrer-policy: no-referrer-when-downgrade
referrer-policy: no-referrer-when-downgrade
x-powered-by: SEOmatic
x-frame-options: SAMEORIGIN
x-content-type-options: nosniff
strict-transport-security: max-age=31536000; includeSubDomains
via: 1.1 google
CF-Cache-Status: HIT
Age: 483879
Last-Modified: Tue, 12 Nov 2024 02:11:47 GMT
Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=dcND8rDIrjrInP7GkvkQlaGc%2FznaZoOinrUSwfTnHGrZDJC3vHVV8VYcUpG5%2FgNT4mNV20wwHZWNyvwsg%2BDK4y6VPUQDbPrsF9VJrz2yNfx0jODNa2TG7eoMZnIuy4%2Bxnoo%3D"}],"group":"cf-nel","max_age":604800}
NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
Server: cloudflare
CF-RAY: 8e4123c35cb9d0d4-SOF
server-timing: cfL4;desc="?proto=TCP&rtt=783&sent=4&recv=7&lost=0&retrans=0&sent_bytes=2611&recv_bytes=488&delivery_rate=3736774&cwnd=247&unsent_bytes=0&cid=09409eb94a75858f&ts=31&x=0"

Файл robots.txt, размер: 104.95 Kb , проверить на Яндекс.Вебмастер

<!DOCTYPE html>
<html class="h-full" lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" /><link rel="icon" href="https://www.happycog.com/favicon.ico" sizes="any">
        <link rel="icon" href="https://www.happycog.com/icon.svg" type="image/svg+xml">
        <link rel="apple-touch-icon" href="https://www.happycog.com/apple-touch-icon.png">
        <link rel="manifest" href="https://www.happycog.com/manifest.webmanifest">

<div
        class="flex overflow-hidden flex-col min-h-screen kern ligatures"
        id="page-wrapper"
        x-data="{
            currentTheme: {
                backgroundColor: '',
                textColor: '',
                accentColor: '',
            },
            themeBlocks: [],
            footerTheme:{
                backgroundColor: '#F5F4F1',
                textColor: '#1B1B1B',
                accentColor: '#1B1B1B'
            },
            pageTheme:{
                backgroundColor: '#F5F4F1',
                textColor: '#1B1B1B',
                accentColor: '#1B1B1B'
            },
            defaultTheme:{
                backgroundColor: '#F5F4F1',
                textColor: '#1B1B1B',
                accentColor: '#1B1B1B'
            },
            switchToThemeBlock(index) {
                this.setCurrentTheme(this.themeBlocks[index]);
            },
            switchToSpecialTheme(name){
                if(name == 'page'){
                    this.setCurrentTheme(this.pageTheme);
                }else if (name == 'footer'){
                    this.setCurrentTheme(this.footerTheme);
                }else{
                    this.setCurrentTheme(this.defaultTheme);
                }
            },
            setCurrentTheme(theme){
                this.currentTheme['backgroundColor'] = theme.backgroundColor;
                this.currentTheme['textColor'] = theme.textColor;
                this.currentTheme['accentColor'] = theme.accentColor;
            },
            styleTheme(theme){
                document.body.style.setProperty('--bg', this.currentTheme['backgroundColor'] )
                document.body.style.setProperty('--theme', this.currentTheme['textColor'] )
                document.body.style.setProperty('--accent', this.currentTheme['accentColor'] )
            },
            lightOrDark(color){
                let r, g, b, hsp;

if (color.match(/^rgb/)) {
                    color = color.match(/^rgba?$(\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?$$/);

r = color[1];
                    g = color[2];
                    b = color[3];
                } else {
                    color = +('0x' + color.slice(1).replace(
                    color.length < 5 && /./g, '$&$&'));

r = color >> 16;
                    g = color >> 8 & 255;
                    b = color & 255;
                }

hsp = Math.sqrt(
                    0.299 * (r * r) +
                    0.587 * (g * g) +
                    0.114 * (b * b)
                );

return hsp > 127.5
            },
            visibleThemedAreas: 0,
            footerInViewport: false,
            lightBackground: true,
            activeFilter: 1
        }"
        x-init="
            lightBackground = lightOrDark(currentTheme.backgroundColor),
            $watch('currentTheme', (value) => {
                styleTheme(currentTheme),
                lightBackground = lightOrDark(currentTheme.backgroundColor)
            })
        "
    >
        <div
            x-data="{
                menuOpen: false,
                menuAnimating: false,
                heroScrolled: false,
                introScrolled: false,
                themeColor: '',
                cogColor: '',
                toggleMenu() {
                    if (this.menuOpen) {
                        return this.closeMenu()
                    }
                    this.menuOpen = true
                    this.menuAnimating = true
                },
                closeMenu() {
                    if (!this.menuOpen) return
                    this.menuOpen = false
                    setTimeout(() => {
                        this.menuAnimating = false
                    }, 1000)
                },
                                                    blocks: [
                                                                                                            {
                                themeColor:  '#eeeeee',
                                cogColor: '#0a0a0a'
                            },
                                                                                                            {
                                themeColor:  '#e4e4e4',
                                cogColor: '#b89fcc'
                            },
                                                                                                            {
                                themeColor:  '#ffffff',
                                cogColor: '#ffffff'
                            },
                                                                                                            {
                                themeColor:  '#7f34b9',
                                cogColor: '#7f34b9'
                            },
                                                                                                            {
                                themeColor:  '#d9e184',
                                cogColor: '#d9e184'
                            },
                                                                                                            {
                                themeColor:  '#302dd0',
                                cogColor: '#302dd0'
                            },
                                                                                                            {
                                themeColor:  '#282828',
                                cogColor: '#282828'
                            },
                                                                                                            {
                                themeColor:  '#282828',
                                cogColor: '#282828'
                            },
                                                                                                            {
                                themeColor:  '#ffffff',
                                cogColor: '#0a0a0a'
                            },
                                            ],
                    activeBgIndex: 0,
                    activeElemIndex: 0,
                    activeElemVisibleIndex: 0,
                    themeColorIndex: 0,
                    cogColorIndex: 0,
                    activeTextIndex: 0,
                    atBottom: false,
                    textIndex: 0,
                    charIndex: 0,
                    desktopInit: false,
                    mobileInit: false,
                    controller: {},
                    typeEffect(element, direction = 'forward') {
                        if (element) {
                            let text = element.dataset.typeEffect
                            let delay = element.dataset.delay ?? 18
                            if (text && delay) {
                                let type = new Typewriter(element, {
                                    cursor: '',
                                    delay: delay,
                                });
                                // console.log(direction)
                                if (direction == 'forward') {
                                    type.typeString(text).start()
                                } else {
                                    // is backwards too much?
                                }
                            }
                        }
                    },
                    homepageScroll() {
                        $data.controller = new ScrollMagic.Controller({
                            refreshInterval: 500
                        })

let blocks = [...$root.querySelectorAll('[data-block]')]

if (blocks.length) {
                            blocks.forEach((block, index) => {

let dotlotties = block.querySelectorAll('dotlottie-player')
                                let lottieelements = block.querySelectorAll('[data-lottie]')
                                let videos = block.querySelectorAll('video')
                                let iframes = block.querySelectorAll('iframe')
                                let inner = block.querySelector('[x-ref=block-inner]')
                                let isLastBlock = index == blocks.length - 1

// scrolling down

new ScrollMagic.Scene({ triggerElement: block })
                                    // .addIndicators()
                                    .on('enter', (event) => {
                                        if (dotlotties.length) {
                                            dotlotties.forEach(dotlottie => {
                                                let src = dotlottie.dataset.src
                                                // console.log( src )
                                                if (src && dotlottie.getAttribute('played') != 'true') {
                                                    dotlottie.load(src)
                                                    dotlottie.addEventListener('ready', ()  => {
                                                        // console.log('src is ready, going to call play(): ', src)
                                                        dotlottie.play()
                                                        dotlottie.setAttribute('played','true')
                                                    })
                                                }
                                            })
                                        }

if (lottieelements.length) {
                                            lottieelements.forEach(lottieelement => {
                                                let src = lottieelement.dataset.src
                                                let loop = lottieelement.dataset.loop

// console.log( src )
                                                if (src && lottieelement.getAttribute('played') != 'true') {
                                                    let instance = lottie.loadAnimation({
                                                        container: lottieelement,
                                                        loop: loop ? true : false,
                                                        autoplay: false,
                                                        path: src
                                                    });

instance.addEventListener('DOMLoaded', () => {
                                                        // console.log('play: ', instance)
                                                        instance.play()
                                                    })
                                                    lottieelement.setAttribute('played','true')
                                                }
                                            })
                                        }
                                    })
                                    .triggerHook(0.70)
                                    .addTo($data.controller)

new ScrollMagic.Scene({ triggerElement: block })
                                    // .addIndicators()
                                    .on('enter', (event) => {
                                        if (videos.length) {
                                            videos.forEach(video => {
                                                if (video && !video.hasAttribute('loop') && video.getAttribute('played') != 'true') {
                                                    // console.log('play video: ', index)
                                                    video.play()
                                                    video.setAttribute('played','true')
                                                }
                                            })
                                        }
                                        if (iframes.length) {
                                            iframes.forEach(iframe => {
                                                if (iframe.getAttribute('data-played') != 'true') {
                                                    var player = new Vimeo.Player(iframe);
                                                    player.play();
                                                    iframe.setAttribute('data-played','true');
                                                }
                                            })
                                        }
                                    })
                                    .triggerHook(0.99)
                                    .addTo($data.controller)

if (inner) {

// scrolling down, handling last block

new ScrollMagic.Scene({ triggerElement: inner })
                                        // .addIndicators()
                                        .on('enter', (event) => {
                                            if (index == $data.blocks.length - 1) {
                                                $data.atBottom = true
                                            }
                                        })
                                        .triggerHook(0.003)
                                        .addTo($data.controller)

new ScrollMagic.Scene({ triggerElement: inner })
                                        // .addIndicators()
                                        .on('leave', (event) => {
                                            if (index == $data.blocks.length - 1 && event.scrollDirection == 'FORWARD') {
                                                $data.themeColorIndex = 0
                                                $data.cogColorIndex = 0
                                            }
                                        })
                                        .duration('90%')
                                        .triggerHook(0.003)
                                        .addTo($data.controller)

// scrolling down, handling blocks that are not the last block

new ScrollMagic.Scene({ triggerElement: inner })
                                        // .addIndicators()
                                        .on('enter', (event) => {
                                            if (index < $data.blocks.length) {
                                                $data.activeElemIndex = index
                                            }
                                        })
                                        .triggerHook(0.003)
                                        .addTo($data.controller)

new ScrollMagic.Scene({ triggerElement: inner })
                                        // .addIndicators()
                                        .on('enter', (event) => {
                                            if (index < $data.blocks.length) {
                                                $data.activeTextIndex = index
                                            }
                                        })
                                        .triggerHook(window.innerWidth >= 768 ? 0.85 : 0.15)
                                        .addTo($data.controller)

new ScrollMagic.Scene({ triggerElement: inner })
                                        // .addIndicators()
                                        .on('enter', (event) => {
                                            if (index < $data.blocks.length) {
                                                $data.activeBgIndex = index
                                                $data.activeElemVisibleIndex = index
                                                $data.themeColorIndex = index
                                                $data.cogColorIndex = index

$data.activeTextIndex = index

let activeOuter = document.querySelector(`[data-index='${index}']`)
                                                if (activeOuter) {
                                                    let headerLabel = activeOuter.querySelector('[data-header-label]')
                                                    let blockHeading = activeOuter.querySelector('[data-block-heading]')
                                                    let blockCta = activeOuter.querySelector('[data-block-cta]')
                                                    if (headerLabel) {
                                                        $data.typeEffect(headerLabel)
                                                    }
                                                    if (blockHeading) {
                                                        $data.typeEffect(blockHeading)
                                                    }
                                                    if (blockCta) {
                                                        $data.typeEffect(blockCta)
                                                    }
                                                }
                                            }
                                        })
                                        .triggerHook(window.innerWidth >= 768 ? 0.80 : 0.15)
                                        .addTo($data.controller)

// scrolling up, handling last block

new ScrollMagic.Scene({ triggerElement: inner })
                                        // .addIndicators()
                                        .on('leave', (event) => {
                                            if (index == $data.blocks.length - 1) {
                                                $data.atBottom = false
                                            }
                                        })
                                        .triggerHook(0.003)
                                        .addTo($data.controller)

new ScrollMagic.Scene({ triggerElement: inner })
                                        // .addIndicators()
                                        .on('enter', (event) => {
                                            if (index == $data.blocks.length - 1 && event.scrollDirection == 'REVERSE') {
                                                $data.themeColorIndex = index
                                                $data.cogColorIndex = index
                                            }
                                        })
                                        .duration('90%')
                                        .triggerHook(0.003)
                                        .addTo($data.controller)

// scrolling up, handling blocks that are not the last block

new ScrollMagic.Scene({ triggerElement: inner })
                                        // .addIndicators()
                                        .on('leave', (event) => {
                                            if (index - 1 >= 0) {
                                                $data.activeElemIndex = index - 1
                                            }
                                        })
                                        .triggerHook(0.003)
                                        .addTo($data.controller)

new ScrollMagic.Scene({ triggerElement: inner })
                                        // .addIndicators()
                                        .on('leave', (event) => {
                                            if (index - 1 >= 0) {
                                                $data.activeTextIndex = index - 1
                                                $data.activeBgIndex = index - 1
                                                $data.activeElemVisibleIndex = index - 1
                                                $data.themeColorIndex = index - 1
                                                $data.cogColorIndex = index - 1
                                            }
                                        })
                                        .triggerHook(window.innerWidth >= 768 ? 0.85 : 0.15)
                                        .addTo($data.controller)
                                }
                            })
                        }
                    }
                            }"
            x-id="['menu']"
            x-init="
                                    window.innerWidth >= 768 ? $data.desktopInit = true : $data.mobileInit = true,
                    homepageScroll(),
                    $data.themeColor = $data.blocks[0].themeColor,
                    $data.cogColor = $data.blocks[0].cogColor,
                    $watch('themeColorIndex', (value, oldValue) => {
                        if (value !== oldValue) {
                            $data.themeColor = $data.blocks[ value ].themeColor
                        }
                    }),
                    $watch('cogColorIndex', (value, oldValue) => {
                        if (value !== oldValue) {
                            $data.cogColor = $data.blocks[ value ].cogColor
                        }
                    })
                                            "
            @keydown.escape.prevent.stop="closeMenu(); closeListing(); location.hash = ''"
                            x-on:resize.window.debounce="
                    if (window.innerWidth >= 768) {
                        $data.mobileInit = false
                        if (!$data.desktopInit) {
                            $data.controller.destroy(true)
                            homepageScroll()
                            $data.desktopInit = true
                        }
                    } else {
                        $data.desktopInit = false
                        if (!$data.mobileInit) {
                            $data.controller.destroy(true)
                            homepageScroll()
                            $data.mobileInit = true
                        }
                    }
                "
                        class="relative grow"
            id="content-wrapper"
        >
        
                    
        
    
    
        
    
    
    
    <header  class="w-full z-30 pointer-events-none fixed text-header-theme z-20" :class="menuOpen ? ' -lg:fixed' : ''" :style="`--header-theme: ${themeColor};--cog-theme: ${cogColor}` ">

</a>

</div>

<div
                :id="$id('menu')"
                class="overflow-auto fixed inset-0 w-full h-screen transition-opacity lg:relative lg:top-auto lg:left-auto lg:z-20 lg:max-w-none lg:h-[clamp(51px,3.5vw,70px)] lg:bg-transparent bg-stone-300 lg:transition-width-opacity"
                :class="[ menuOpen ?'-lg:translate-0 opacity-100 lg:w-full' : '-lg:translate-x-full opacity-0 lg:w-0',
                        menuAnimating ? 'lg:duration-500' : 'lg:!duration-0'
                    ]"
                x-cloak
            >
                <div class="h-full lg:overflow-hidden">
                    <nav class="flex justify-center items-center px-4 h-full text-purple-800 lg:px-10 lg:ml-4 lg:bg-white box-border lg:border-black/10 lg:text-zinc-900 lg:rounded-[3.75rem]">
                                                    <ul class="flex flex-col items-center text-center lg:flex-row lg:gap-8">
                                                                                                            <li>
                                            <a class="
 link-underline leading-5xl tracking-tight font-slab text-[3.625rem]
 lg:whitespace-nowrap lg:text-[clamp(19px,1.325vw,23px)] lg:font-sans lg:font-[500] lg:tracking-[-1%] lg:hover:text-[#7D2ABE] lg:hover:!decoration-[#B89FCC] lg:focus:text-[#7D2ABE] lg:focus:!decoration-[#B89FCC]
" href="https://www.happycog.com/work" :tabindex="menuOpen ? false : '-1'" data-click-item='{"event":"click_navigation_link","click_text":"work","click_url":"https:\/\/www.happycog.com\/work"}'>work</a>
                                        </li>
                                                                                                                                                <li>
                                            <a class="
 link-underline leading-5xl tracking-tight font-slab text-[3.625rem]
 lg:whitespace-nowrap lg:text-[clamp(19px,1.325vw,23px)] lg:font-sans lg:font-[500] lg:tracking-[-1%] lg:hover:text-[#7D2ABE] lg:hover:!decoration-[#B89FCC] lg:focus:text-[#7D2ABE] lg:focus:!decoration-[#B89FCC]
" href="https://www.happycog.com/services" :tabindex="menuOpen ? false : '-1'" data-click-item='{"event":"click_navigation_link","click_text":"services","click_url":"https:\/\/www.happycog.com\/services"}'>services</a>
                                        </li>
                                                                                                                                                <li>
                                            <a class="
 link-underline leading-5xl tracking-tight font-slab text-[3.625rem]
 lg:whitespace-nowrap lg:text-[clamp(19px,1.325vw,23px)] lg:font-sans lg:font-[500] lg:tracking-[-1%] lg:hover:text-[#7D2ABE] lg:hover:!decoration-[#B89FCC] lg:focus:text-[#7D2ABE] lg:focus:!decoration-[#B89FCC]
" href="https://www.happycog.com/about" :tabindex="menuOpen ? false : '-1'" data-click-item='{"event":"click_navigation_link","click_text":" about us","click_url":"https:\/\/www.happycog.com\/about"}'> about us</a>
                                        </li>
                                                                                                                                                <li>
                                            <a class="
 link-underline leading-5xl tracking-tight font-slab text-[3.625rem]
 lg:whitespace-nowrap lg:text-[clamp(19px,1.325vw,23px)] lg:font-sans lg:font-[500] lg:tracking-[-1%] lg:hover:text-[#7D2ABE] lg:hover:!decoration-[#B89FCC] lg:focus:text-[#7D2ABE] lg:focus:!decoration-[#B89FCC]
" href="https://www.happycog.com/careers" :tabindex="menuOpen ? false : '-1'" data-click-item='{"event":"click_navigation_link","click_text":"jobs","click_url":"https:\/\/www.happycog.com\/careers"}'>jobs</a>
                                        </li>
                                                                                                                                                <li>
                                            <a class="
 link-underline leading-5xl tracking-tight font-slab text-[3.625rem]
 lg:whitespace-nowrap lg:text-[clamp(19px,1.325vw,23px)] lg:font-sans lg:font-[500] lg:tracking-[-1%] lg:hover:text-[#7D2ABE] lg:hover:!decoration-[#B89FCC] lg:focus:text-[#7D2ABE] lg:focus:!decoration-[#B89FCC]
" href="https://www.happycog.com/contact" :tabindex="menuOpen ? false : '-1'" data-click-item='{"event":"click_navigation_link","click_text":"contact","click_url":"https:\/\/www.happycog.com\/contact"}'>contact</a>
                                        </li>
                                                                                                </ul>
                                            </nav>
                </div>
            </div>
        </div>
    
                                </div>
                            </div>
                    </div>
                </div>
            </div>
    </header>

<div  class="max-w-screen-3xl px-6 md:px-[3.725%] box-content mx-auto">
                                                                            <div  class="min-h-screen mx-auto flex flex-col justify-end h-full pt-[176px] relative transition-opacity duration-500 z-[1] pb-[11vh]" x-ref="block-text" style="">
                                                                                                                                <div class="relative" :class="activeTextIndex == 0 ? '' : 'md:up-and-out md:pointer-events-none'">
                                                <h2  class="type-alpha-slab absolute top-0 left-1/2 -translate-x-1/2 w-full text-center -xs:[&_br]:hidden" style="color: #eeeeee;">There’s nothing we don’t do. <br />
Digitally speaking.</h2>
                                                <p class="type-alpha-slab invisible text-center -xs:[&_br]:hidden" aria-hidden="true">There’s nothing we don’t do. <br />
Digitally speaking.</p>
                                            </div>
                                                                            </div>
                                </div>
                        </div>
                    </div>

<div  class="grow basis-1/2 w-full" style="color: #e4e4e4;">
                                                                                            <div class="prose max-w-[70ch] prose-p:type-zeta"><p>We develop, market, promote, and design digital-first transformations for nice people with interesting problems.</p>
<p>Interesting can come from anywhere. Fast casual. Micromobility. Social issues. Fashion. Real estate. Biotech. Law. Education. Editorial. The list goes on. </p>
<p>We do it all. </p>
<p>And we do it twice as fast for the extra nice ones.</p></div>
                                                                                    </div>
                                    </div>
                                </div>
                        </div>
                    </div>

<a  class="type-delta homepage-slides-heading absolute top-0 left-0" href="https://www.happycog.com/work/morphe" style="color: #ffffff;" data-block-heading data-type-effect="A digital glow up with attitude" data-delay="10" @mouseover="hovered = true" @mouseleave="hovered = false">
                                                                    <h2>A digital glow up with attitude</h2>
                                                            </a>
                                                                                                        <p class="invisible type-delta" aria-hidden="true">A digital glow up with attitude</p>
                                                </div>
                                            
                                                                                            
                                                
                                                                                                                                                    
                                                <div class="relative" :class="activeTextIndex == 2 ? '' : 'md:up-and-out-delay md:pointer-events-none'">

<a  class="type-delta homepage-slides-heading absolute top-0 left-0" href="https://www.happycog.com/work/sartorius" style="color: #000000;" data-block-heading data-type-effect="Biopharma equipment supplier repositioned as a whole lab provider" data-delay="10" @mouseover="hovered = true" @mouseleave="hovered = false">
                                                                    <h2>Biopharma equipment supplier repositioned as a whole lab provider</h2>
                                                            </a>
                                                                                                        <p class="invisible type-delta" aria-hidden="true">Biopharma equipment supplier repositioned as a whole lab provider</p>
                                                </div>
                                            
                                                                                            
                                                
                                                                                                                                                    
                                                <div class="relative" :class="activeTextIndex == 3 ? '' : 'md:up-and-out-delay md:pointer-events-none'">

<a  class="type-delta homepage-slides-heading absolute top-0 left-0" href="https://www.happycog.com/work/west-monroe" style="color: #ffffff;" data-block-heading data-type-effect="Brand work that brings the possible into the present" data-delay="10" @mouseover="hovered = true" @mouseleave="hovered = false">
                                                                    <h2>Brand work that brings the possible into the present</h2>
                                                            </a>
                                                                                                        <p class="invisible type-delta" aria-hidden="true">Brand work that brings the possible into the present</p>
                                                </div>
                                            
                                                                                            
                                                
                                                                                                                                                    
                                                <div class="relative" :class="activeTextIndex == 4 ? '' : 'md:up-and-out-delay md:pointer-events-none'">

<a  class="type-delta homepage-slides-heading absolute top-0 left-0" href="https://www.happycog.com/work/wayside-publishing" style="color: #181616;" data-block-heading data-type-effect="Site redesign and replatforming for a research-based language educator" data-delay="10" @mouseover="hovered = true" @mouseleave="hovered = false">
                                                                    <h2>Site redesign and replatforming for a research-based language educator</h2>
                                                            </a>
                                                                                                        <p class="invisible type-delta" aria-hidden="true">Site redesign and replatforming for a research-based language educator</p>
                                                </div>
                                            
                                                                                            
                                                
                                                                                                                                                    
                                                <div class="relative" :class="activeTextIndex == 5 ? '' : 'md:up-and-out-delay md:pointer-events-none'">

<a  class="type-delta homepage-slides-heading absolute top-0 left-0" href="https://www.happycog.com/work/39dollarglasses" style="color: #282828;" data-block-heading data-type-effect="A.I.-backed paid media campaign is the perfect fit" data-delay="10" @mouseover="hovered = true" @mouseleave="hovered = false">
                                                                    <h2>A.I.-backed paid media campaign is the perfect fit</h2>
                                                            </a>
                                                                                                        <p class="invisible type-delta" aria-hidden="true">A.I.-backed paid media campaign is the perfect fit</p>
                                                </div>
                                            
                                                                                            
                                                
                                                                                                                                                    
                                                <div class="relative" :class="activeTextIndex == 6 ? '' : 'md:up-and-out-delay md:pointer-events-none'">

<a  class="type-delta homepage-slides-heading absolute top-0 left-0" href="https://www.happycog.com/work/pizza-ai-chatbot" style="color: #282828;" data-block-heading data-type-effect="Fully integrated A.I. chatbot streamlines operations" data-delay="10" @mouseover="hovered = true" @mouseleave="hovered = false">
                                                                    <h2>Fully integrated A.I. chatbot streamlines operations</h2>
                                                            </a>
                                                                                                        <p class="invisible type-delta" aria-hidden="true">Fully integrated A.I. chatbot streamlines operations</p>
                                                </div>
                                            
                                                                                            
                                                
                                                                                                                                                    
                                                <div class="relative" :class="activeTextIndex == 7 ? '' : 'md:up-and-out-delay md:pointer-events-none'">

<div  class="max-w-screen-3xl px-6 md:px-[3.725%] box-content mx-auto">
    
                                        <div  class="text-theme relative z-[1] min-h-screen flex flex-col items-center justify-center h-full pt-[72px] lg:pt-[114px] pb-[72px] lg:pb-[114px]" style="--theme: #ffffff;--bg: #7f34b9;">
                                                                                                                                            <div class="mx-auto w-full max-w-[85rem] [&_svg]:mx-auto">
                                                    <div class="aspect-[1.3/1] p-[2%] md:aspect-[2.15/1] object-scale-down -mb-[clamp(0rem,7vw,6rem)]">
                                                                                                                        <div
                                                                    data-lottie
                                                                    data-src="https://cdn-assets.happycog.com/production/content/uploads/svg_Home_CTA_2024-05-21-175346_yppu.json"
                                                                    data-loop=""
                                                                    class="flex flex-col justify-center h-full"
                                                                ></div>
                                                                                                                </div>
                                                </div>
                                            
                                            <div class="flex flex-col gap-6 lg:gap-12">
                                                                                                    <h2 class="mx-auto text-center type-alpha-slab max-w-[32ch] text-balance">It's lovely to meet you.</h2>
                                                
                                                
                                                                                                                                                        <div class="flex justify-center">
                                                        <a class="button" href="https://www.happycog.com/contact" data-click-item='{"event":"click_cta","click_text":"GET ACQUAINTED","click_url":"https:\/\/www.happycog.com\/contact"}'>GET ACQUAINTED</a>
                                                    </div>
                                                                                            </div>
                                        </div>
                                    </div>
                            </div>
                        </div>

</div>

<div class="sm:col-span-9 xl:col-span-8">
                        <div class="flex flex-col-reverse gap-6 justify-end h-full sm:flex-col sm:gap-1 md:flex-row md:gap-6 md:justify-evenly lg:grid lg:grid-cols-2">
                                                            <nav class="flex items-end">
                                    <ul class="w-full sm:flex sm:flex-wrap sm:gap-x-2 lg:gap-x-6 lg:justify-center xl:gap-x-14">
                                                                                    <li>
                                                <a class="type-paragraph link-underline" href="https://www.happycog.com/privacy-policy">Privacy Policy</a>
                                            </li>
                                                                                    <li>
                                                <a class="type-paragraph link-underline" href="https://www.happycog.com/cookie-policy">Cookie Policy</a>
                                            </li>
                                                                                    <li>
                                                <a class="type-paragraph link-underline" href="/sitemap">Sitemap</a>
                                            </li>
                                                                            </ul>
                                </nav>
                            
                                                            <nav class="flex items-end">
                                    <ul class="w-full sm:flex sm:flex-wrap sm:gap-x-2 lg:gap-x-6 lg:justify-center xl:gap-x-14">
                                                                                    <li>

<a  class="type-paragraph link-underline" href="https://www.facebook.com/happycog">
            Facebook
    </a>
                                            </li>
                                                                                    <li>

<a  class="type-paragraph link-underline" href="https://www.instagram.com/happycog/">
            Instagram
    </a>
                                            </li>
                                                                                    <li>

<a  class="type-paragraph link-underline" href="https://www.linkedin.com/company/happy-cog">
            LinkedIn
    </a>
                                            </li>
                                                                            </ul>
                                </nav>
                                                    </div>
                    </div>
                </div>
            </div>
    </div>

</footer>
    </div>
      
 </body>

</html>