芝麻web文件管理V1.00
编辑当前文件:/home/qrafawbu/melangeprc.com/contact.php
<!DOCTYPE html> <html class="no-js ptf-is--contact ptf-is--header-style-3 ptf-is--footer-style-1 ptf-is--custom-cursor ptf-is--footer-fixed" lang="en"> <head> <meta charset="utf-8"> <title>Contact - Melange - Definitive Communication Consultancy</title> <meta name="description" content="Multipurpose HTML5 Template"> <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-3 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.png" 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</span></a> </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</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 class="menu-item-has-children two-columns"><a href="contact.html"><span>Let's Work</span></a> </ul> </li> </ul> </nav> <!--Buttons--> <!--Navbar Search--> <!--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--> <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--offcanvas"> <!--Menu--> <ul class="sf-menu"> <li class="menu-item-has-children two-columns"><a href="index.html"><span>Home</span></a> </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</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 class="menu-item-has-children two-columns"><a href="contact.html"><span>Let's Work</span></a> </ul> </li> </ul> </nav> </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 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-3 twitter" href="https://twitter.com/MelangeWorlds" 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> </div> </div> </div> <!--Main--> <main class="ptf-main"> <article class="ptf-page ptf-page--contact"> <section> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 10rem; --ptf-md: 5rem;"></div> <div class="container-xxl"> <div class="row"> <div class="col-xl-10"> <!--Animated Block--> <div class="ptf-animated-block" data-aos="fade" data-aos-delay="0"> <h1 class="large-heading">Let's get you an <br>estimate</h1> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 5rem; --ptf-md: 2.5rem;"></div> <!--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> </div> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 6.25rem; --ptf-md: 3.125rem;"></div> </section> <section> <div class="container-xxl"> <div class="row"> <div class="col-lg-4"> <!--Animated Block--> <div class="ptf-animated-block" data-aos="fade" data-aos-delay="0"> <h5 class="fz-14 text-uppercase has-3-color fw-normal">Address</h5> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 1.25rem;"></div> <p class="fz-20 lh-1p5 has-black-color">Nii Sodjah St, East Legon, <br> Accra - Ghana</p> </div> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 2.1875rem;"></div> <!--Animated Block--> <div class="ptf-animated-block" data-aos="fade" data-aos-delay="100"> <h5 class="fz-14 text-uppercase has-3-color fw-normal">Email</h5> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 1.25rem;"></div> <p class="fz-20 lh-1p5 has-black-color"><a href="mailto:hello@melangeprc.com">hello@melangeprc.com<br></a><a href="mailto:career@melangeprc.com">career@melangeprc.com</a></p> </div> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 2.1875rem;"></div> <!--Animated Block--> <div class="ptf-animated-block" data-aos="fade" data-aos-delay="200"> <h5 class="fz-14 text-uppercase has-3-color fw-normal">Phone</h5> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 1.25rem;"></div> <p class="fz-20 lh-1p5 has-black-color"><a href="tel:+233 30 252 6210">+233 30 252 6210</a></p> </div> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-lg: 4.375rem; --ptf-md: 2.1875rem;"></div> </div> <div class="col-lg-8"> <!--Animated Block--> <div class="ptf-animated-block" data-aos="fade" data-aos-delay="300"> <h5 class="fz-14 text-uppercase has-3-color fw-normal">Tell us about your project and goals.</h5> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 3.125rem;"></div> <form method="post"> <div class="ptf-form-group"> <label data-number="01">What’s your First Name?</label> <input class="is-large"name="fname" type="text"> </div> <div class="ptf-form-group"> <label data-number="01">What’s your Surname?</label> <input class="is-large"name="sname" type="text"> </div> <div class="ptf-form-group"> <label data-number="01">Contact Number?</label> <input class="is-large"name="phone" type="text"> </div> <div class="ptf-form-group"> <label data-number="03">What’s your email address?</label> <input class="is-large" name="email" type="text"> </div> <div class="ptf-form-group"> <label data-number="02">What’s the name of your organization?</label> <input class="is-large" name="name_organization" type="text"> </div> <div class="ptf-form-group"> <label data-number="04">Tell us about your project goals in a snapshot.</label> <input class="is-large" name="about" type="text"> </div> <div class="ptf-form-group"> <label data-number="05">Do you have a timeline in mind?</label> <input class="is-large" name="timeline" type="text"> </div> <div class="ptf-form-group"> <label data-number="06">What have you budgeted for this project?</label> <select class="is-large" name="budget" > <option value="">$30,000 and under</option> <option value="100-200">1000$-2000$</option> <option value="200-500">2000$-5000$</option> <option value="500-1000">5000$-1000$</option> </select> </div> <!--Spacer--> <!-- <div class="ptf-spacer" style=" --ptf-xxl: 2.5rem;"></div> <div class="ptf-form-group"> <label class="ptf-checkbox" for="terms"> <input class="d-none" type="checkbox" id="terms"><span class="ptf-checkbox__checkmark"></span>I agree to receive occasional MoonexLabs newsletters containing news & advice on creating personal and business progress via digital tech. </label> </div> --> <!--Spacer--> <div class="ptf-spacer" style=" --ptf-xxl: 5.625rem;"></div> <button class="ptf-submit-button" name="btn-contact"> Submit<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 17 17"> <path d="M16 .997V10h-1V2.703L4.683 13l-.707-.708L14.291 1.997H6.975v-1H16z" /> </svg></button> </form> </div> </div> </div> </div> <!--Spacer--> <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-us.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@moonex.co">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> <!--Social Icon--><a class="ptf-social-icon ptf-social-icon--style-1 facebook" href="#" target="_blank"><i class="socicon-facebook"></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>