芝麻web文件管理V1.00
编辑当前文件:/home/qrafawbu/melangeprc.com/index.html
<!DOCTYPE html> <html class="no-js ptf-is--home-dark ptf-is--header-style-5 ptf-is--footer-style-5 ptf-is--custom-cursor ptf-is--footer-fixed" lang="en"> <head> <meta charset="utf-8"> <title>Melange - Definitive Communication Consultancy</title> <meta name="description" content="Melange PRC is a strategy and change communication consultancy that provides turnkey solutions that create a visibility for companies and organisations to excel in an increasingly competitive market place."> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <!--Favicon--> <link rel="icon" type="image/png" href="assets/img/root/favicon.png"> <!--Framework--> <link rel="stylesheet" href="assets/css/framework/bootstrap-reboot.min.css"> <link rel="stylesheet" href="assets/css/framework/bootstrap-grid.min.css"> <link rel="stylesheet" href="assets/css/framework/bootstrap-utilities.min.css"> <!--Plugins--> <link rel="stylesheet" href="assets/css/ptf-plugins.min.css"> <!--Fonts--> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Amiri&display=swap"> <link rel="stylesheet" href="assets/fonts/CerebriSans/style.css"> <!--Icons--> <link rel="stylesheet" href="assets/fonts/LineIcons-PRO/WebFonts/Pro-Light/font-css/LinIconsPro-Light.css"> <link rel="stylesheet" href="assets/fonts/LineIcons-PRO/WebFonts/Pro-Regular/font-css/LineIcons.css"> <link rel="stylesheet" href="assets/fonts/Socicons/socicon.css"> <!--Style--> <link rel="stylesheet" href="assets/css/ptf-main.min.css"> <!--Custom--> <link rel="stylesheet" href="assets/css/custom.css"> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-1FXDHD0G3F"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-1FXDHD0G3F'); </script> </head> <body> <!--Site Wrapper--> <div class="ptf-site-wrapper animsition"> <!--Site Wrapper Inner--> <div class="ptf-site-wrapper__inner"> <!--Header--> <header class="ptf-header ptf-header--style-5 ptf-header--opaque"> <div class="ptf-navbar ptf-navbar--main ptf-navbar--sticky"> <div class="container-xxl"> <div class="ptf-navbar-inner"> <!--Logo--><a class="ptf-navbar-logo" href="index.html"><img class="black" src="assets/img/root/logo-dark.png" alt="" loading="lazy"><img class="white" src="assets/img/root/logo-white.webp" alt="" loading="lazy"></a> <!--Navigation--> <nav class="ptf-nav ptf-nav--default"> <!--Menu--> <ul class="sf-menu"> <li class="menu-item-has-children two-columns"><a href="index.html"><span>Home </li> <li class="menu-item-has-children"><a href="services.html"><span>Services</span></a> </li> <li class="menu-item-has-children"><a href="about-us.html"><span>About Us</span></a> <li class="menu-item-has-children"><a href="team.html"><span>Team</span></a> </li> <li class="menu-item-has-children"><a href="news.html"><span>News</span></a> </li> <li class="menu-item-has-children"><a href="/Melange-Worlds"><span>Melange Worlds</span></a> </li> </li> <li class="menu-item-has-children two-columns"><a href="contact.html"><span>Let's Work</span></a> </li> </ul> </nav> <!--Buttons--> <!--Offcanvas Menu Toggle--><a class="ptf-offcanvas-menu-icon js-offcanvas-menu-toggle" href="#"><i class="lnir lnir-menu-alt-5"></i></a> </div> </div> </div> </header> <!--Site Overlay--> <!--Site Overlay--> <div class="ptf-site-overlay"></div> <!--Offcanvas Menu--> <div class="ptf-offcanvas-menu"> <div class="ptf-offcanvas-menu__header"> <div class="ptf-language-switcher"><a class="is-active" href="#"></a><a href="#"></a><a href="#"></a></div><a class="ptf-offcanvas-menu-icon js-offcanvas-menu-toggle" href="#"><i class="lnir lnir-close"></i></a> </div> <div class="ptf-offcanvas-menu__navigation"> <!--Navigation--> <nav class="ptf-nav ptf-nav--default"> <!--Menu--> <ul class="sf-menu"> <li class="menu-item-has-children two-columns"><a href="index.html"><span>Home </li> <li class="menu-item-has-children"><a href="services.html"><span>Services</span></a> </li> <li class="menu-item-has-children"><a href="about-us.html"><span>About Us</span></a> </li> <li class="menu-item-has-children"><a href="team.html"><span>Team</span></a> </li> <li class="menu-item-has-children"><a href="news.html"><span>News</span></a> </li> <li class="menu-item-has-children"><a href="/Melange-Worlds"><span>Melange Worlds</span></a> </li> <li class="menu-item-has-children two-columns"><a href="contact.html"><span>Let's Work</span></a> </li> </ul> </nav> <li><a href="team.html">Team</a></li> <li><a href="news.html">News</a></li> </div> <div class="ptf-offcanvas-menu__footer"> <p class="ptf-offcanvas-menu__copyright">© 2023 <span>Melange PRC</span>. All Rights Reserved.</p> <div class="ptf-offcanvas-menu__socials"> <!--Social Icon--><a class="ptf-social-icon ptf-social-icon--style-3 twitter" href="#" target="_blank"><i class="socicon-twitter"></i></a> <!--Social Icon--><a class="ptf-social-icon ptf-social-icon--style-3 facebook" href="#" target="_blank"><i class="socicon-facebook"></i></a> <!--Social Icon--><a class="ptf-social-icon ptf-social-icon--style-3 instagram" href="#" target="_blank"><i class="socicon-instagram"></i></a> </div> </div> </div> <!--Main--> <main class="ptf-main"> <article class="ptf-page ptf-page--home-dark"> <section> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 4.375rem; --ptf-md: 2.1875rem;"></div> <div class="container-xxl"> <div class="row align-items-center"> <div class="col-xl-5 offset-xl-1 order-xl-2 text-xl-end text-lg-center position-relative"> <!--Animated Block--> <div class="ptf-animated-block" data-aos="fade" data-aos-delay="0"> <div class="ptf-custom--1734"> <!--Mask Image--> <div class="ptf-mask-image mx-auto" style="max-width: 18.25rem;"><img src="assets/img/root/home-dark/circle-text.png" alt="" loading="lazy"><img class="spin" src="assets/img/root/home-dark/circle-logo.png" alt="" loading="lazy"></div> </div> <div class="ptf-custom--1560"> <!--Mask Image--> <div class="ptf-mask-image"><img src="assets/img/home/dark/home-dark-main-image.webp" alt="" loading="lazy" style="--ptf-mask-image: url(../img/root/home-dark/home-dark-main-image-mask.png); z-index: 1;"><img src="assets/img/root/home-dark/home-dark-main-image-layer-1.png" alt="" loading="lazy"></div> </div> </div> </div> <div class="col-xl-6"> <!--Animated Block--> <div class="ptf-animated-block" data-aos="fade" data-aos-delay="0"> <h1 class="fz-120 fz-90--lg lh-0p9 fw-normal has-white-color">Definitive <br>Communication <br>Consultancy</h1> </div> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 3.75rem; --ptf-md: 1.875rem;"></div> <!--Animated Block--> <div class="ptf-animated-block" data-aos="fade" data-aos-delay="100"> <p class="fz-24 has-white-color" style="max-width: 37.5rem;">Welcome to Integrated Communications Solutions.<br>At Melange, we value partnerships! At the core of whatever we do is a very close connection with you and many others like you.</p> </div> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 6.25rem; --ptf-md: 3.125rem;"></div> <!--Animated Block--> <div class="ptf-animated-block" data-aos="fade" data-aos-delay="200"> <div class="fz-90 has-white-color"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="height:1em" viewBox="0 0 17 17"> <path d="M16 .997V10h-1V2.703L4.683 13l-.707-.708L14.291 1.997H6.975v-1H16z" /> </svg></div> </div> </div> </div> </div> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 10rem; --ptf-md: 5rem;"></div> </section> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 10rem; --ptf-md: 5rem;"></div> <div class="container-xxl"> <!--Divider--> <div class="ptf-divider" style="--ptf-height: 1px; --ptf-color: var(--ptf-color-white);"></div> </div> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 6.25rem; --ptf-md: 3.125rem;"></div> <div class="container-xxl"> <div class="row" style="--bs-gutter-y: 3.75rem;"> <div class="col-lg-3"> <!--Animated Block--> <div class="ptf-animated-block" data-aos="fade" data-aos-delay="0"> <div class="fz-80 has-white-color lh-1">2</div> </div> </div> <div class="col-lg-2"> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 1.25rem;"></div> <!--Animated Block--> <div class="ptf-animated-block" data-aos="fade" data-aos-delay="100"> <h2 class="fz-16 lh-1p5 text-uppercase has-3-color fw-normal">What <br>We Do</h2> </div> </div> <div class="col-lg-7"> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 1.25rem;"></div> <!--Animated Block--> <div class="ptf-animated-block" data-aos="fade" data-aos-delay="200"><a class="ptf-link-with-arrow fz-48 has-3-color" href="portfolio-grid.html"> Our Services<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="height:1em" viewBox="0 0 17 17"> <path d="M16 .997V10h-1V2.703L4.683 13l-.707-.708L14.291 1.997H6.975v-1H16z" /> </svg></a> </div> </div> </div> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 5.625rem;"></div> <div class="row"> <div class="col-lg-12"> <!--Animated Block--> <div class="ptf-animated-block" data-aos="fade" data-aos-delay="300"> <!--Content Slider--> <div class="ptf-content-slider swiper-container " data-cursor="white" data-navigation-anchor=".ptf-portfolio-slider" data-gap="60" data-loop="enable" data-speed="" data-autoplay="" data-autoplay-speed="" data-slides-centered="" data-slide-settings="{"slides_to_show_tablet":2,"slides_to_show":3}" data-free-mode="" data-slider-offset="" data-mousewheel=""> <div class="swiper-wrapper"> <div class="swiper-slide"> <div> <!--Portfolio Item--> <article class="ptf-work ptf-work--style-3"> <div class="ptf-work__media"><a class="ptf-work__link" href="portfolio-showcase-1.html"></a><img src="assets/img/portfolio/work-1.png" alt="" loading="lazy"> </div> <div class="ptf-work__meta"> <div class="ptf-work__category"> </div> <h4 class="ptf-work__title"><a href="#">PR & Communications</a> </h4> </div> </article> </div> </div> <div class="swiper-slide"> <div> <!--Portfolio Item--> <article class="ptf-work ptf-work--style-3"> <div class="ptf-work__media"><a class="ptf-work__link" href="portfolio-showcase-1.html"></a><img src="assets/img/portfolio/work-2.png" alt="" loading="lazy"> </div> <div class="ptf-work__meta"> <div class="ptf-work__category"> </div> <h4 class="ptf-work__title"><a href="#">Corporate Branding</a> </h4> </div> </article> </div> </div> <div class="swiper-slide"> <div> <!--Portfolio Item--> <article class="ptf-work ptf-work--style-3"> <div class="ptf-work__media"><a class="ptf-work__link" href="portfolio-showcase-1.html"></a><img src="assets/img/portfolio/work-3.png" alt="" loading="lazy"> </div> <div class="ptf-work__meta"> <div class="ptf-work__category"> </div> <h4 class="ptf-work__title"><a href="#">Connector of Persons</a> </h4> </div> </article> </div> </div> <div class="swiper-slide"> <div> <!--Portfolio Item--> <article class="ptf-work ptf-work--style-3"> <div class="ptf-work__media"><a class="ptf-work__link" href="portfolio-showcase-1.html"></a><img src="assets/img/portfolio/work-4.png" alt="" loading="lazy"> </div> <div class="ptf-work__meta"> <div class="ptf-work__category"> </div> <h4 class="ptf-work__title"><a href="#">Procurement Consultancy</a> </h4> </div> </article> </div> </div> </div> </div> </div> </div> </div> </div> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 10rem; --ptf-md: 5rem;"></div> </section> <section> </section> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 10rem; --ptf-md: 5rem;"></div> </section> <section class="jarallax"><img class="jarallax-img" src="assets/img/services-call-to-action-background.png" alt="" loading="lazy"> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 12.5rem; --ptf-md: 6.25rem;"></div> <div class="container-xxl text-center"> <div class="d-inline-flex text-start"> <!--Animated Block--> <div class="ptf-animated-block" data-aos="fade" data-aos-delay="0"> <div class="fz-16 has-white-color text-uppercase">Let's Work</div> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 3.4375rem;"></div> <div class="fz-120 fz-90--md has-white-color fw-normal lh-0p8"><a class="ptf-filled-link" href="contact.html">Connect+ <br>Melange </a></div> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 1.25rem;"></div> <div class="fz-90 has-white-color"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" style="height:1em" viewBox="0 0 17 17"> <path d="M16 .997V10h-1V2.703L4.683 13l-.707-.708L14.291 1.997H6.975v-1H16z" /> </svg></div> </div> </div> </div> <div class="ptf-spacer" style=" --ptf-xxl: 10rem; --ptf-md: 5rem;"></div> </section> </article> </main> </div> <!--Footer--> <footer class="ptf-footer ptf-footer--style-5"> <div class="container-xxl"> <div class="ptf-footer__top"> <div class="row"> <div class="col-12 col-lg"> <!--Animated Block--> <div class="ptf-animated-block" data-aos="fade" data-aos-delay="0"><a href="index.html"><img src="assets/img/root/logo-white.png" alt="" loading="lazy"></a> </div> </div> <div class="col-12 col-lg"> <!--Animated Block--> <div class="ptf-animated-block" data-aos="fade" data-aos-delay="100"> <div class="ptf-widget ptf-widget-links has-white-color"> <ul> <li><a href="index.html">Home</a></li> <li><a href="services.html">Services</a></li> <li><a href="about.html">About Us</a></li> <li><a href="contact.html">Let's Work</a></li> <li><a href="team.html">Team</a></li> <li><a href="news.html">News</a></li> <li><a href="/Melange-Worlds">Melangeworlds</a></li> </ul> </div> </div> </div> <div class="col-12 col-lg"> <!--Animated Block--> <div class="ptf-animated-block" data-aos="fade" data-aos-delay="200"> <div class="ptf-widget ptf-widget-text"><a class="fz-36 has-white-color" href="mailto:hello@melangeprc.com">hello@melangeprc.com</a> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 0.625rem;"></div> <p class="fz-18 has-3-color">Nii Sodjah St, East Legon,<br> Accra - Ghana</p> </div> </div> </div> </div> </div> <div class="ptf-footer__bottom"> <div class="row align-items-center"> <div class="col-12 col-md"> <p class="ptf-footer-copyright has-white-color">© 2022 <span>Melange</span>. All Rights Reserved.</p> </div> <div class="col-12 col-md d-none d-xl-block"></div> <div class="col-12 col-lg"> <div class="ptf-footer-socials has-white-color"> <!--Social Icon--><a class="ptf-social-icon ptf-social-icon--style-1 instagram" href="https://www.instagram.com/melangeworlds/" target="_blank"><i class="socicon-instagram"></i></a> <!--Social Icon--><a class="ptf-social-icon ptf-social-icon--style-1 twitter" href="https://twitter.com/MelangeWorlds" target="_blank"><i class="socicon-twitter"></i></a> </div> </div> </div> </div> </div> </footer> </div> <!--Libs--> <script src="assets/scripts/ptf-plugins.min.js"></script> <script src="assets/scripts/ptf-helpers.js"></script> <script src="assets/scripts/ptf-controllers.min.js"></script> </body> </html>