CINXE.COM
Dandelion | Training
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Dandelion | Training</title> <meta name="description" content="Snap Council"> <meta name="keywords" content="dandelion, council, leadership, empathy, training, courses, events, snap, snapchat, inclusive, talent acquisition, DEI, diversity, equality, inclusion"> <meta property="og:title" content="Dandelion" /> <meta property="og:type" content="webiste" /> <meta property="og:url" content="https://www.dandelion.com" /> <meta property="og:image" content="https://www.dandelion.com/assets/main-img.jpg" /> <meta name="twitter:title" content="Dandelion "> <meta name="twitter:description" content="Dandelion trains underrepresented talent in the practice of Council globally. "> <meta name="twitter:image" content="https://www.dandelion.com/assets/main-img.jpg"> <meta name="twitter:card" content="summary_large_image"> <link rel="shortcut icon" type="image/x-icon" href="assets/favicon.ico"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;0,500;0,600;1,100;1,300;1,400;1,500;1,600&family=Poppins:ital,wght@0,100;0,400;0,500;0,700;1,100;1,400;1,500;1,700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <link rel="stylesheet" type="text/css" href="css/space.css" /> <link rel="stylesheet" type="text/css" href="css/splash.css" /> <link rel="stylesheet" type="text/css" href="css/nav2.css" /> <script src="https://code.jquery.com/jquery-3.6.4.min.js" integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script> <style> body{ } .t-l-circle { height: 100px; width: 100px; background-color: var(--green); border-radius: 50%; position:relative; margin-right: 0.75rem; transition: background-color ease-in-out 1s; z-index: 992; } #bodyContainer{ height:100vh; } </style> </head> <body > <nav id="nav__desktop__left"> <div id="nav__left"> <div id='nav__logo' class='navItem'> <a class='n-e-link' href="index.html"> <div id='l-l-circle' class='l-l-circle'> <div class='logo-container'> <img class='logo' src='assets/logo_grey-nav.png' alt="logo"/> </div> </div> </a> </div> <div id='nav__contact' class='navItem'> <a class='n-e-link' href="contact.html"> <div id='c-l-circle' class='c-l-circle'> <div class='contact__link'>Let's <br/> Connect</div> </div> </a> </div> </nav> <nav id="nav__desktop__right"> <div id="nav__right"> <div id='nav__training' class='navItem'> <a class='n-e-link' href="training.html"> <div id='t-l-circle' class='t-l-circle'> <div class='training__link'>Training</div> </div> </a> </div> <div id='nav__links' class='navItem'> <div class='n-link-group'> <div class='n-e-link'> <a class='n-e-link' href="https://careers.snap.com/"> Careers </a></div> <div class='n-e-link'> <a class='n-e-link' href="terms-of-service.html"> Terms & Conditions </a></div> <div class='n-e-link'> <a class='n-e-link' href="privacy.html"> Privacy Policy </a></div> </div> </div> </div> </nav> <nav id="nav__mobile"> <div id='nav__logo__m' class=''> <a class='n-e-link' href="index.html"> <div class='l-l-circle'> <div class='logo-container'> <img class='logo' src='assets/logo_grey-nav.png' alt="logo"/> </div> </div> </a> </div> <div id='nav__menu__m' style="background-color: #000;"> <div id="menu__container" class='menu-container'> <i id='menu__icon' class="fa fa-bars" aria-hidden="true"></i> </div> </div> </div> </nav> <div id='drop__menu'> <div class='m__main__link' ><a class='n-e-link' href="index.html"> Home</a></div> <div class='m__main__link' ><a class='n-e-link' href="training.html"> Training</a></div> <div class='m__main__link' ><a class='n-e-link' href="contact.html"> Contact </a></div> <div class='m__main__link__s' ><a class='n-e-link' href="https://careers.snap.com/"> Careers</a></div> <div class='m__main__link__s' ><a class='n-e-link' href="terms-of-service.html">Terms & Conditions</a></div> <div class='m__main__link__s' ><a class='n-e-link' href="privacy.html">Privacy Policy</a></div> </div> <div id="whiteout__buff"></div> <div id='bodyContainer' class="training-bg mt-nav" > <div class="mw__space"></div> <div class="main_i_container"> <div class="iframe__container"> <div class="div1" style="overflow:auto;position: absolute;top: 0;left: 0;"> <iframe class="iframeStyle" frameborder="0" src="https://testhubcouncil.splashthat.com/" title="training" width="98%" height="100%" style="overflow:auto;" ></iframe> </div> <div class="div1 div2" style="background-color: #fff;"></div> </div> </div> <div class="mw__space"></div> </div> <script type="application/javascript"> var whitebuff = document.getElementById("whiteout__buff"); whitebuff.classList.add('color-drop'); window.onload = function() { setTimeout(function (){ whitebuff.classList.remove('color-drop'); }, 1000); console.log('background removed'); }; </script> <script type="application/javascript" src="script.js"></script> </body> </html>