whoami7 - Manager
:
/
home
/
analuakl
/
www
/
brandbuilder
/
Upload File:
files >> /home/analuakl/www/brandbuilder/index.php
<!DOCTYPE html><html class="no-js" lang="en"><head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <!-- Site Title --> <title>Brand Builder</title> <!-- Place favicon.ico in the root directory --> <link rel="apple-touch-icon" href="images/favicon.png"> <link rel="shortcut icon" type="image/png" href="images/favicon.png"> <!-- CSS here --> <link rel="stylesheet" href="css/animate.min.css"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/font-awesome-pro.min.css"> <link rel="stylesheet" href="css/flaticon_gerold.css"> <link rel="stylesheet" href="css/nice-select.css"> <link rel="stylesheet" href="css/backToTop.css"> <link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel="stylesheet" href="css/odometer-theme-default.css"> <link rel="stylesheet" href="css/magnific-popup.css"> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/light-mode.css"> <link rel="stylesheet" href="css/responsive.css"> </head> <body> <!-- Preloader Area Start --> <div class="preloader"> <svg viewBox="0 0 1000 1000" preserveAspectRatio="none"> <path id="preloaderSvg" d="M0,1005S175,995,500,995s500,5,500,5V0H0Z"></path> </svg> <div class="preloader-heading"> <div class="load-text"> <span>B</span> <span>R</span> <span>A</span> <span>N</span> <span>D</span> <span>B</span> <span>U</span> <span>I</span> <span>L</span> <span>D</span> <span>E</span> <span>R</span> </div> </div> </div> <!-- Preloader Area End --> <!-- start: Back To Top --> <div class="progress-wrap" id="scrollUp"> <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path> </svg> </div> <!-- end: Back To Top --> <!-- HEADER START --> <header class="tj-header-area header-absolute"> <div class="container"> <div class="row"> <div class="col-12 d-flex flex-wrap align-items-center"> <div class="logo-box"> <a href="index.html"> <img src="images/logo.png" alt=""> </a> </div> <div class="header-menu"> <nav> <ul> <li><a href="#home">Home</a></li> <li><a href="#about">About us</a></li> <li><a href="#cinema">Cinema Advertising</a></li> <li><a href="#ooh">OOH Advertising</a></li> <li><a href="#contact-us">Contact Us</a></li> </ul> </nav> </div> <div class="header-button"> <a href="tel:9876543210" class="btn tj-btn-primary">Call Us</a> </div> <div class="menu-bar d-lg-none"> <button> <span></span> <span></span> <span></span> <span></span> </button> </div> </div> </div> </div> </header> <header class="tj-header-area header-2 header-sticky sticky-out"> <div class="container"> <div class="row"> <div class="col-12 d-flex flex-wrap align-items-center"> <div class="logo-box"> <a href="index.html"> <img src="images/logo.png" alt=""> </a> </div> <div class="header-menu"> <nav> <ul> <li><a href="#home">Home</a></li> <li><a href="#about">About us</a></li> <li><a href="#cinema">Cinema Advertising</a></li> <li><a href="#ooh">OOH Advertising</a></li> <li><a href="#contact-us">Contact Us</a></li> </ul> </nav> </div> <div class="header-button"> <a href="tel:9876543210" class="btn tj-btn-primary">Call Us</a> </div> <div class="menu-bar d-lg-none"> <button> <span></span> <span></span> <span></span> <span></span> </button> </div> </div> </div> </div> </header> <!-- HEADER END --> <main class="site-content" id="content"> <!-- HERO SECTION START --> <section class="hero-section d-flex align-items-center" id="home"> <div class="intro_text"> <svg viewBox="0 0 1320 300"> <text x="50%" y="50%" text-anchor="middle"> HI </text> </svg> </div> <div class="container"> <div class="row align-items-center"> <div class="col-md-6"> <div class="hero-content-box"> <span class="hero-sub-title">We Develop Strategies</span> <h1 class="hero-title">With The Capacity<br> to Make a Difference. </h1> <div class="hero-image-box d-md-none text-center"> <img src="images/me.png" alt=""> </div> <p class="lead">With experience of over 15+ years, we have truly mastered the art of media planning today. By utilizing our excellent strategic...</p> <div class="button-box d-flex flex-wrap align-items-center"> <a href="tel:9876543210" class="btn tj-btn-secondary">+91 9876543210 <i class="flaticon-phone-call"></i></a> <ul class="ul-reset social-icons"> <li><a href="#"><i class="fa-brands fa-twitter"></i></a></li> <li><a href="#"><i class="fa-light fa-basketball"></i></a></li> <li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li> <li><a href="#"><i class="fa-brands fa-github"></i></a></li> </ul> </div> </div> </div> <div class="col-md-6 d-none d-md-block"> <div class="hero-image-box text-center"> <img src="images/me.png" alt=""> </div> </div> </div> <div class="funfact-area"> <div class="row"> <div class="col-6 col-lg-3"> <div class="funfact-item d-flex flex-column flex-sm-row flex-wrap align-items-center"> <div class="number"><span class="odometer" data-count="3.5">0</span>K</div> <div class="text">Display <br>Options</div> </div> </div> <div class="col-6 col-lg-3"> <div class="funfact-item d-flex flex-column flex-sm-row flex-wrap align-items-center"> <div class="number"><span class="odometer" data-count="2.5">0</span>K</div> <div class="text">Consumers <br> Daily</div> </div> </div> <div class="col-6 col-lg-3"> <div class="funfact-item d-flex flex-column flex-sm-row flex-wrap align-items-center"> <div class="number"><span class="odometer" data-count="15">0</span>+</div> <div class="text">Years of <br>Experience</div> </div> </div> <div class="col-6 col-lg-3"> <div class="funfact-item d-flex flex-column flex-sm-row flex-wrap align-items-center"> <div class="number"><span class="odometer" data-count="200">0</span>+</div> <div class="text">Happy <br>Clients</div> </div> </div> </div> </div> </div> </section> <!-- HERO SECTION END --> <!-- SKILLS SECTION START --> <section class="skills-section" id="about"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="section-header text-center"> <h2 class="section-title wow fadeInUp" data-wow-delay=".3s">About Us</h2> <p class=" wow fadeInUp" data-wow-delay=".4s">While each project presents its unique challenges and opportunities, our experience has shown that following this approach consistently yields the most inspiring outcomes</p> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="skills-widget d-flex flex-wrap justify-content-center align-items-center"> <div class="skill-item wow fadeInUp" data-wow-delay=".3s"> <div class="skill-inner"> <div class="icon-box"> <img src="images/quality.png" alt=""> </div> <div class="number">100%</div> </div> <p>Quality Production</p> </div> <div class="skill-item wow fadeInUp" data-wow-delay=".4s"> <div class="skill-inner"> <div class="icon-box"> <img src="images/location.png" alt=""> </div> <div class="number">100%</div> </div> <p>Localization</p> </div> <div class="skill-item wow fadeInUp" data-wow-delay=".5s"> <div class="skill-inner"> <div class="icon-box"> <img src="images/interactive.png" alt=""> </div> <div class="number">99.99%</div> </div> <p>Interactive Ads</p> </div> <div class="skill-item wow fadeInUp" data-wow-delay=".6s"> <div class="skill-inner"> <div class="icon-box"> <img src="images/emotional.png" alt=""> </div> <div class="number">99%</div> </div> <p>Appeal to Emotions</p> </div> <div class="skill-item wow fadeInUp" data-wow-delay=".7s"> <div class="skill-inner"> <div class="icon-box"> <img src="images/frequency.png" alt=""> </div> <div class="number">95%</div> </div> <p>Frequency Control</p> </div> </div> </div> </div> </div> </section> <!-- SKILLS SECTION END --> <!-- SERVICES SECTION START --> <section class="services-section" id="about"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="section-header text-center"> <h2 class="section-title wow fadeInUp" data-wow-delay=".3s">Why Choose Us</h2> <h5 class="why-choose-heading wow fadeInUp" data-wow-delay=".3s">Your Premier Cinema and OOH Advertisement Agency</h5> <p class=" wow fadeInUp" data-wow-delay=".4s">At Brand Builder, we understand that making a decision about which company to trust with your needs is significant. Here's why we believe we stand out from the rest</p> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="services-widget position-relative mt-40"> <div class="service-item current d-flex flex-wrap align-items-center wow fadeInUp" data-wow-delay=".5s"> <div class="left-box d-flex flex-wrap align-items-center"> <span class="number">01</span> <h3 class="service-title">Expertise in Cinematic Advertising</h3> </div> <div class="right-box"> <p>With years of experience in the industry, we understand the nuances of cinematic advertising like no other. From captivating storytelling to visually stunning graphics, we know how to make your brand stand out in the cinema landscape.</p> </div> <i class="flaticon-up-right-arrow"></i> <button data-mfp-src="" class="service-link modal-popup"></button> </div> <div class="service-item d-flex flex-wrap align-items-center wow fadeInUp" data-wow-delay=".6s"> <div class="left-box d-flex flex-wrap align-items-center"> <span class="number">02</span> <h3 class="service-title">Tailored Solutions for Every Screen: </h3> </div> <div class="right-box"> <p>Whether it's a local indie theater or a multiplex in a bustling city, we tailor our advertising solutions to fit every screen size and audience demographic. No matter where your target audience is, we'll ensure your message gets through loud and clear.</p> </div> <i class="flaticon-up-right-arrow"></i> <button data-mfp-src="" class="service-link modal-popup"></button> </div> <div class="service-item d-flex flex-wrap align-items-center wow fadeInUp" data-wow-delay=".7s"> <div class="left-box d-flex flex-wrap align-items-center"> <span class="number">03</span> <h3 class="service-title">Creative Brilliance</h3> </div> <div class="right-box"> <p>Our team of creative minds thrives on pushing boundaries and thinking outside the box. We'll work closely with you to craft unique, memorable advertisements that leave a lasting impression on moviegoers.</p> </div> <i class="flaticon-up-right-arrow"></i> <button data-mfp-src="" class="service-link modal-popup"></button> </div> <div class="service-item d-flex flex-wrap align-items-center wow fadeInUp" data-wow-delay=".8s"> <div class="left-box d-flex flex-wrap align-items-center"> <span class="number">04</span> <h3 class="service-title">Maximized Impact</h3> </div> <div class="right-box"> <p>With our strategic placement and timing, we ensure that your ads get maximum exposure to the right audience at the right moment. Whether it's before the previews or during intermission, we'll make sure your brand gets the spotlight it deserves.</p> </div> <i class="flaticon-up-right-arrow"></i> <button data-mfp-src="" class="service-link modal-popup"></button> </div> <div class="service-item d-flex flex-wrap align-items-center wow fadeInUp" data-wow-delay=".8s"> <div class="left-box d-flex flex-wrap align-items-center"> <span class="number">05</span> <h3 class="service-title">Measurable Results</h3> </div> <div class="right-box"> <p>We don't just deliver ads; we deliver results. Through advanced analytics and tracking tools, we provide you with comprehensive insights into the performance of your cinema advertisements, allowing you to measure ROI and make informed decisions for future campaigns.</p> </div> <i class="flaticon-up-right-arrow"></i> <button data-mfp-src="" class="service-link modal-popup"></button> </div> <div class="active-bg wow fadeInUp" data-wow-delay=".5s"></div> </div> </div> </div> </div> </section> <!-- SERVICES SECTION END --> <!-- PORTFOLIO SECTION START --> <section class="portfolio-section" id="cinema"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="section-header text-center"> <h2 class="section-title wow fadeInUp" data-wow-delay=".3s">Cinema Advertising</h2> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="portfolio-box wow fadeInUp" data-wow-delay=".6s"> <div class="portfolio-sizer"></div> <div class="gutter-sizer"></div> <div class="portfolio-item branding"> <video width="100%" height="257" control autoplay loop muted playsinline > <source src="video/kaya-hair.mp4" type="video/mp4"> </video> </div> <div class="portfolio-item branding"> <video width="100%" height="257" autoplay loop muted playsinline> <source src="video/kaya-skin.mp4" type="video/mp4"> </video> </div> <div class="portfolio-item branding"> <video width="100%" height="257" autoplay loop muted playsinline> <source src="video/kaya-weight.mp4" type="video/mp4"> </video> </div> <div class="portfolio-item branding"> <video width="100%" height="257" autoplay loop muted playsinline> <source src="video/spring-fit.mp4" type="video/mp4"> </video> </div> <div class="portfolio-item branding"> <video width="100%" height="257" autoplay loop muted playsinline> <source src="video/woosh-fab.mp4" type="video/mp4"> </video> </div> <div class="portfolio-item branding"> <video width="100%" height="257" autoplay loop muted playsinline> <source src="video/woosh-fab-powder.mp4" type="video/mp4"> </video> </div> </div> </div> </div> </div> </section> <!-- PORTFOLIO SECTION END --> <!-- start: Portfolio Popup --> <div id="portfolio-wrapper" class="popup_content_area zoom-anim-dialog mfp-hide"> <div class="popup_modal_img"> <img src="images/dabur.jpg" alt=""> </div> </div> <!-- end: Portfolio Popup --> <!-- PORTFOLIO SECTION START --> <section class="portfolio-section pt-0" id="ooh"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="section-header text-center"> <h2 class="section-title wow fadeInUp" data-wow-delay=".3s">OOH Advertising</h2> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="portfolio-box wow fadeInUp" data-wow-delay=".6s"> <div class="portfolio-sizer"></div> <div class="gutter-sizer"></div> <div class="portfolio-item branding"> <div class="image-box"> <img src="images/outdoor.jpg" alt=""> </div> <div class="content-box"> <i class="flaticon-up-right-arrow"></i> <button data-mfp-src="#outdoor" class="portfolio-link modal-popup"></button> </div> </div> <div class="portfolio-item branding"> <div class="image-box"> <img src="images/outdoor1.jpg" alt=""> </div> <div class="content-box"> <i class="flaticon-up-right-arrow"></i> <button data-mfp-src="#outdoor1" class="portfolio-link modal-popup"></button> </div> </div> <div class="portfolio-item branding"> <div class="image-box"> <img src="images/outdoor2.jpg" alt=""> </div> <div class="content-box"> <i class="flaticon-up-right-arrow"></i> <button data-mfp-src="#outdoor2" class="portfolio-link modal-popup"></button> </div> </div> <div class="portfolio-item branding"> <div class="image-box"> <img src="images/outdoor3.jpg" alt=""> </div> <div class="content-box"> <i class="flaticon-up-right-arrow"></i> <button data-mfp-src="#outdoor3" class="portfolio-link modal-popup"></button> </div> </div> </div> </div> </div> </div> </section> <!-- PORTFOLIO SECTION END --> <!-- start: Portfolio Popup --> <div id="outdoor" class="popup_content_area zoom-anim-dialog mfp-hide"> <div class="popup_modal_img"> <img src="images/outdoor.jpg" alt=""> </div> </div> <div id="outdoor" class="popup_content_area zoom-anim-dialog mfp-hide"> <div class="popup_modal_img"> <img src="outdoor1.jpg" alt=""> </div> </div> <div id="outdoor" class="popup_content_area zoom-anim-dialog mfp-hide"> <div class="popup_modal_img"> <img src="outdoor2.jpg" alt=""> </div> </div> <div id="outdoor" class="popup_content_area zoom-anim-dialog mfp-hide"> <div class="popup_modal_img"> <img src="outdoor3.jpg" alt=""> </div> </div> <!-- end: Portfolio Popup --> <!-- CONTACT SECTION START --> <section class="contact-section" id="contact-us"> <div class="container"> <div class="row"> <div class="col-lg-6 col-md-7 order-2 order-md-1"> <div class="contact-form-box wow fadeInLeft" data-wow-delay=".3s"> <div class="section-header"> <h2 class="section-title">Let’s work together!</h2> <p>I design and code beautifully simple things and i love what i do. Just simple like that! </p> </div> <div class="tj-contact-form"> <form id="contact-form"> <div class="row gx-3"> <div class="col-sm-6"> <div class="form_group"> <input type="text" name="conName" id="conName" placeholder="First name" autocomplete="off"> </div> </div> <div class="col-sm-6"> <div class="form_group"> <input type="text" name="conLName" id="conLName" placeholder="Last name" autocomplete="off"> </div> </div> <div class="col-sm-6"> <div class="form_group"> <input type="email" name="conEmail" id="conEmail" placeholder="Email address" autocomplete="off"> </div> </div> <div class="col-sm-6"> <div class="form_group"> <input type="tel" name="conPhone" id="conPhone" placeholder="Phone number" autocomplete="off"> </div> </div> <div class="col-12"> <div class="form_group"> <select name="conService" id="conService" class="tj-nice-select"> <option value="" selected="" disabled="">Choose Service</option> <option value="braning">Branding Design</option> <option value="web">Web Design</option> <option value="uxui">UI/UX Design</option> <option value="app">App Design</option> </select> </div> </div> <div class="col-12"> <div class="form_group"> <textarea name="conMessage" id="conMessage" placeholder="Message"></textarea> </div> </div> <div class="col-12"> <div class="form_btn"> <button type="submit" class="btn tj-btn-primary">Send Message</button> </div> </div> </div> </form> </div> </div> </div> <div class="col-lg-5 offset-lg-1 col-md-5 d-flex flex-wrap align-items-center order-1 order-md-2"> <div class="contact-info-list"> <ul class="ul-reset"> <li class="d-flex flex-wrap align-items-center position-relative wow fadeInRight" data-wow-delay=".4s"> <div class="icon-box"> <i class="flaticon-phone-call"></i> </div> <div class="text-box"> <p>Phone</p> <a href="tel:9876543210">+91 9876543210</a> </div> </li> <li class="d-flex flex-wrap align-items-center position-relative wow fadeInRight" data-wow-delay=".5s"> <div class="icon-box"> <i class="flaticon-mail-inbox-app"></i> </div> <div class="text-box"> <p>Email</p> <a href="mailto:brandbuilder@mail.com">brandbuilder@mail.com</a> </div> </li> <li class="d-flex flex-wrap align-items-center position-relative wow fadeInRight" data-wow-delay=".6s"> <div class="icon-box"> <i class="flaticon-location"></i> </div> <div class="text-box"> <p>Address</p> <a href="#">2-E/3, Jhandewalan Extension, Near Yes Bank, New Delhi, Delhi 110055 -110055 </a> </div> </li> </ul> </div> </div> </div> </div> </section> <!-- CONTACT SECTION END --> <!-- BEGIN: Contact Form Success Modal Message --> <div class="modal contact_modal" id="message_sent" tabindex="-1"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <span class="modal-title"><strong>Message Sent Successfully</strong></span> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><i class="fas fa-times"></i></button> </div> <div class="modal-body"> <p>Thank you for contacting us. We will get back to you shortly.<br>Have a great day!</p> </div> <div class="modal-footer"> <button type="button" class="btn" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- END: Contact Form Success Modal Message --> <!-- BEGIN: Contact Form Fail Modal Message --> <div class="modal contact_modal failed" id="message_fail" tabindex="-1"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <span class="modal-title"><strong>Error</strong></span> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><i class="fas fa-times"></i></button> </div> <div class="modal-body"> <p>Oops! Something went wrong, please try again.</p> </div> <div class="modal-footer"> <button type="button" class="btn" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- END: Contact Form Fail Modal Message End --> </main> <!-- FOOTER AREA START --> <footer class="tj-footer-area"> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <div class="footer-logo-box"> <a href="#"><img src="images/logo.png" alt=""></a> </div> <div class="footer-menu"> <nav> <ul> <li><a href="#home">Home</a></li> <li><a href="#about">About us</a></li> <li><a href="#cinema">Cinema Advertising</a></li> <li><a href="#ooh">OOH Advertising</a></li> <li><a href="#contact-us">Contact Us</a></li> </ul> </nav> </div> <div class="copy-text"> <p>© 2024 All rights reserved by <a href="#" target="_blank">Brand Builder</a></p> </div> </div> </div> </div> </footer> <!-- FOOTER AREA END --> <!-- CSS here --> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.bundle.min.js"></script> <script src="js/nice-select.min.js"></script> <script src="js/backToTop.js"></script> <script src="js/smooth-scroll.js"></script> <script src="js/appear.min.js"></script> <script src="js/wow.min.js"></script> <script src="js/gsap.min.js"></script> <script src="js/one-page-nav.js"></script> <script src="js/lightcase.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/isotope.pkgd.min.js"></script> <script src="js/odometer.min.js"></script> <script src="js/magnific-popup.js"></script> <script src="js/validate.min.js"></script> <script src="js/main.js"></script> </body></html>
Copyright ©2021 || Defacer Indonesia