<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> Fragrance Group London | Brand Licensing & Development</title>
<link rel="stylesheet" href="https://beautygrouplondon.com/wp-content/themes/fragrancedynamics/style.css" type="text/css" media="screen" />
<link rel="pingback" href="https://beautygrouplondon.com/xmlrpc.php" />
<link rel="shortcut icon" href="https://beautygrouplondon.com/wp-content/themes/fragrancedynamics/favicon.ico" />
<meta name='robots' content='max-image-preview:large' />
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/beautygrouplondon.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.1"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<style id='wp-emoji-styles-inline-css' type='text/css'>
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://beautygrouplondon.com/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1' type='text/css' media='all' />
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<script type="text/javascript" src="https://beautygrouplondon.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://beautygrouplondon.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel="https://api.w.org/" href="https://beautygrouplondon.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://beautygrouplondon.com/wp-json/wp/v2/pages/33" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://beautygrouplondon.com/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.7.1" />
<link rel="canonical" href="https://beautygrouplondon.com/" />
<link rel='shortlink' href='https://beautygrouplondon.com/' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://beautygrouplondon.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbeautygrouplondon.com%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://beautygrouplondon.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbeautygrouplondon.com%2F&format=xml" />
<style type="text/css" media="screen">
#rotator {
position: relative;
width: 300px;
height: 200px;
margin: 0; padding: 0;
overflow: hidden;
}
</style>
<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
</head>
<body>
<div id="navigation" class="menu">
<div class="menu_content">
<div class="logo logo-menu">
<a href="/">
<img src="https://beautygrouplondon.com/wp-content/uploads/2024/05/Beauty-Group-Logo-08.png" />
</a>
</div>
<ul class="main_nav">
<li class="main_nav_item fill" data-bg="about_link">
<a href="/about-us/" class="">About Us</a>
</li>
<li class="main_nav_item fill" data-bg="brands_link">
<a href="/brands/" class="">Brands</a>
</li>
<li class="main_nav_item fill" data-bg="news_link">
<a href="/news/" class="">News</a>
</li>
<li class="main_nav_item fill" data-bg="contact_link">
<a href="/contact/" class="">Contact</a>
</li>
</ul>
</div>
</div>
<a id="menu_toggle" href="#" class="hamburger">
<span class="hamburger_box">
</span>
</a>
<div class="page">
<div class="cover parallax has-dark-cover">
<div class="cover_logo rellax" data-rellax-speed="9">
<a href="#"><img src="https://beautygrouplondon.com/wp-content/uploads/2024/05/Beauty-Group-Logo-03-2.png" alt="logo_white" width="639" height="479" /></a>
</div>
<div class="cover_arrow rellax" data-rellax-speed="2">
<a href="#" id="down_arrow">
<img src="/images/arrow.png" />
</a>
</div>
<div class="parallax_container rellax "data-rellax-speed="5">
<video src="https://player.vimeo.com/external/293975847.hd.mp4?s=a0ef33e08e56e176502e8e14a7016bd0e7af0c82&profile_id=175" autoplay muted loop playsinline preload="auto"></video> </div>
</div>
<div class="wrapper">
<div class="intro_content container">
<p style="font-weight: 400;">Beauty Group London, a Beauty and Fragrance company specialising in the creation, marketing and distribution of signature fragrances and beauty products. From concept development to production, we deliver true identity for all our brands.</p>
<p style="font-weight: 400;">Beauty Group London is known for creativity, quality and ability to capture the essence of each brand in the products and campaigns we create, manufacture and distribute worldwide.</p>
<p style="font-weight: 400;">We partner with some of the beauty industry’s best known global retailers and distributors to expose our brands to a global audience.</p>
<h2><a href="https://beautygrouplondon.com/about-us/">MORE</a></h2>
</div>
<div class="content_rows container">
</div>
</div>
<script>
jQuery('body').addClass('has_cover');
jQuery('body').addClass('has_dark_cover');
var distance = jQuery('.wrapper').offset().top,
$window = jQuery(window);
$window.scroll(function() {
if ( $window.scrollTop() >= distance-63 ) {
jQuery('body').removeClass('has_dark_cover');
jQuery('.parallax_container').find('video')[0].pause();
}
else{
jQuery('body').addClass('has_dark_cover');
jQuery('.parallax_container').find('video')[0].play();
}
});
jQuery(document).ready(function($){
$('#down_arrow').click(function(e){
e.preventDefault();
$('html, body').animate({
scrollTop: $(".wrapper").offset().top
}, 500);
});
});
</script>
<div id="footer_wrapper">
<div id="footer" class="container">
<div id="footer_left">
<h2>Get in touch</h2>
<div class="footer_phone">+44 (0) 203 948 1495</div>
<div class="footer_email">
</div>
</div>
<div id="footer_right">
<p>BEAUTY GROUP LONDON LTD<br />84 ECCLESTON SQUARE<br />LONDON, SW1V 1PX</p>
<p class="copyright">© 2018, BEAUTY GROUP LONDON LTD</p>
</div>
<div class="clear"></div>
<div id="footer_nav">
<ul>
<li><a href="/about-us/">ABOUT US</a></li>
<li><a href="/brands/">BRANDS</a></li>
<li><a href="/news/">NEWS</a></li>
<li><a href="/contact/">CONTACT</a></li>
</ul>
</div>
</div>
</div>
</div><!--end page class-->
<div class="footer_bg image-loader" style="">
<div class="bg has-video" data-fill="about_link">
<video src="https://player.vimeo.com/external/260049871.source.mp4?s=7b88ac1dd48949c4c808bbf163224d39e62923ac&download=1" muted loop playsinline preload="auto"></video>
</div>
<div class="bg" data-fill="brands_link">
<img src="/wp-content/uploads/2018/10/bg_image-ELLE.jpg" alt="bg_image1" width="1920" height="1280" />
</div>
<div class="bg" data-fill="news_link">
<img src="/wp-content/uploads/2018/10/bg_image-ELLE2.jpg" width="1920" height="1440" /> </div>
<div class="bg" data-fill="contact_link">
<img src="/images/bg_image3.jpg" alt="bg_image3" width="1920" height="1440" /> </div>
</div>
<div id="home_full_wrapper" style=""><div class="loader"></div></div>
<script>
jQuery(window).on('load', function() {
jQuery(window).trigger('resize');
jQuery('body').addClass('start');
});
/*
jQuery(window).bind("pageshow", function(event) {
if (event.originalEvent.persisted) {
jQuery(window).trigger('resize');
jQuery('#home_full_wrapper').fadeOut();
jQuery('body').addClass('start');
}
});
*/
</script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$("#rotator").cycle({
fx: 'fade',
timeout: 3000,
speed: 1000,
pause: 1,
fit: 1
});
});
</script>
<script type="text/javascript" src="https://beautygrouplondon.com/wp-includes/js/comment-reply.min.js?ver=6.7.1" id="comment-reply-js" async="async" data-wp-strategy="async"></script>
<script type="text/javascript" src="https://beautygrouplondon.com/wp-content/plugins/wp-cycle/jquery.cycle.all.min.js?ver=2.9999.5" id="cycle-js"></script>
<script src="https://beautygrouplondon.com/wp-content/themes/fragrancedynamics/js/rellax.min.js"></script>
<script>
// Accepts any class name
var rellax = new Rellax('.rellax', {
});
</script>
<script>
jQuery(document).ready(function($){
jQuery('#home_full_wrapper').fadeOut();
$("video").removeAttr("preload");
var newLocation;
$('#logo a').click(function(e){
e.preventDefault();
newLocation = this.href;
$('#home_full_wrapper').fadeIn(500, newpage);
});
$('.logo a').click(function(e){
e.preventDefault();
newLocation = this.href;
$('#home_full_wrapper').fadeIn(500, newpage);
});
$('.main_nav a').click(function(e){
e.preventDefault();
newLocation = this.href;
$('#home_full_wrapper').fadeIn(500, newpage);
});
$('.news_list.container a').click(function(e){
e.preventDefault();
newLocation = this.href;
$('#home_full_wrapper').fadeIn(500, newpage);
});
$('.news_single.container .navigation a').click(function(e){
e.preventDefault();
newLocation = this.href;
$('#home_full_wrapper').fadeIn(500, newpage);
});
function newpage(){
window.location = newLocation;
}
$('#menu_toggle').click(function(e){
e.preventDefault();
$(this).toggleClass('is_active');
$('body').toggleClass('has_nav');
$('body').toggleClass('has_bg');
});
$('[data-bg] a').on('mouseenter', function (e) {
var data = $(e.currentTarget).parent().data('bg');
var el = $('[data-fill="' + data + '"]');
el.addClass('is-visible');
if (el.hasClass('has-video')) {
el.find('video')[0].play();
}
});
$('.fill a').on('mouseleave', function (e) {
var data = $(e.currentTarget).parent().data('bg');
var el = $('[data-fill="' + data + '"]');
$('.bg').removeClass('is-visible');
if (el.hasClass('has-video')) {
el.find('video')[0].pause();
}
});
});
</script>
<script>
var animateHTML = function () {
var elems,
windowHeight
var init = function () {
elems = document.getElementsByClassName('hidden')
windowHeight = window.innerHeight
_addEventHandlers()
}
var _addEventHandlers = function () {
window.addEventListener('load', _checkPosition)
window.addEventListener('scroll', _checkPosition)
window.addEventListener('resize', init)
}
var _checkPosition = function () {
for (var i = 0; i < elems.length; i++) {
var posFromTop = elems[i].getBoundingClientRect().top
if (posFromTop - windowHeight <= 0) {
elems[i].className = elems[i].className.replace('hidden', 'fade-in-element')
}
}
}
return {
init: init
}
}
animateHTML().init()
</script>
</body>
</html>