View file File name : contact.html Content :<!DOCTYPE html> <html 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.0" /> <meta name="robots" content="noindex" /> <meta name="description" content="At Giftlancer you'll find the perfect gift for your friends, family and loved ones. Our products include accessories, electronics, housewares, and much more." /> <meta name="keywords" content="Giftlancer, Gifts, Gifts For Dads,Gifts for Family,Gifts for mother,Gifts for brothers,Gifts for loved ones,Gifts for sisters,Gifts for friends" /> <link rel="icon" href="./Images/favicon.ico" /> <title>GIFT LANCER | CONTACT</title> <!-- CSS Files --> <link rel="stylesheet" href="./Style/style.css" /> <link rel="stylesheet" href="./Style/utility.css" /> <link rel="stylesheet" href="./Style/moblie.css" /> <!-- Fontawesome CDN --> <script defer src="https://kit.fontawesome.com/cac1fb3af9.js" crossorigin="anonymous" ></script> </head> <body> <!-- Notification Header --> <div class="notificationHeader flex--between max--width"> <div class="notificationHeader__media hidden"> <a href="#"> <img src="./Images/icons/fb.png" width="20" height="20" loading="lazy" alt="facebook" /> <span class="hidden">Facebook</span> </a> <a href="#"> <img src="./Images/icons/twitter.png" width="20" height="20" loading="lazy" alt="twitter" style="mix-blend-mode: difference;" /> <span class="hidden"> Twitter</span> </a> <a href="#"> <img src="./Images/icons/youtube.png" width="20" height="20" loading="lazy" alt="Youtube" /> <span class="hidden">Youtube</span> </a> <a href="#"> <img src="./Images/icons/instagram.png" width="20" height="20" loading="lazy" alt="Instagram" /> <span class="hidden">Instagram</span> </a> </div> <div class="flex--between font__small notificationHeader__phone"> <img src="./Images/icons/call.png" width="15" height="15" alt="Whatsapp Icon" /> <div class="bold__text">(+1) 934 - 300 - 500</div> </div> </div> <!-- Notification Header Ends --> <!-- Navigation Menu --> <header> <nav class="landingPage__nav"> <div class="nav blogBody max--width"> <div class="nav__logo"> <a href="./index.html"> <img src="./images/giftlancer-logo.png" loading="lazy" alt="Logo" class="landingPage_navLogo" /> </a> </div> <div class="nav_items"> <ul class="nav__list"> <li class="nav__item"> <a href="./aboutUs.html" class="nav__link">About Us</a> </li> <li class="nav__item"> <a href="./giftIdeas.html" class="nav__link"> Letter to </a> </li> <li class="nav__item dropdown__parent"> <a href="#" class="nav__link" >Services <i class="fa fa-caret-down"></i> </a> <!-- Services Dropdown --> <div class="navLink__dropdown"> <ul> <li class="nav__item"> <a href="./giftletter.html" class="nav__link">Gift a letter</a> </li> <li class="nav__item"> <a href="#" class="nav__link">Redeem you gift</a> </li> <li class="nav__item"> <a href="./letter-for-business.html" class="nav__link" >Letter for business</a > </li> </ul> </div> <!-- Services Dropdown Ends --> </li> <li class="nav__item"> <a href="./faq.html" class="nav__link">FAQ</a> </li> <li class="nav__item"> <a href="./contact.html" class="nav__link">Contact us</a> </li> </ul> </div> <div class="nav__hamburger d-mobile"> <i class="fa fa-bars nav__burgerIcon" style="color: #fff"></i> </div> </div> </nav> </header> <!-- End of Navigation Menu --> <!-- Breadcrumbs --> <div class="max--width flex--between margin__top"> <div class="breadcrumbs"> <a href="./index.html" class="breadcrumbs__link breadcrumbs_unactive" >Home</a > <span><i class="fa fa-greater-than"></i></span> <a href="./contact.html" class="breadcrumbs__link">Contact</a> </div> <!-- Disclosure Text --> <div class="homePage__disclosure hidden"> <div class="home__topText"> Disclosure: <span class="home__dropdowns"> <a href="#"> Affliatate commissions</a> <p class="home__dropdown"> We are a participant in the Amazon Services LLC Associates Program, an affiliate adverising program designed to provide a means for us to earn commissions by linking to Amazon.com and affiliated sites. </p> </span> <span class="home__dropdowns"> <a href="#" ><i class="fa-solid fa-lock"></i> 256-bit encryption</a > <p class="home__dropdown"> this website is secured by 256-bit encryption </p> </span> </div> </div> <!--End of Disclosure Text--> </div> <!-- Breadcrumbs ends --> <main class="max--width"> <div class="contactUs__header margin__top"> <div class="text--center"> <h1>Get in touch</h1> <div>24/7 We will answer your questions and problems</div> </div> </div> <!-- ContactUS Main Section --> <div class="contactUs"> <div class="contactUs__content"> <div class="contactUs__map"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2472.2135870793527!2d-0.067278011976947!3d51.71083482327585!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487621bbb2db9dad%3A0x6731494dd8d3deab!2sAndrew's%20Ln%2C%20Waltham%20Cross%2C%20UK!5e0!3m2!1sen!2sin!4v1692461122785!5m2!1sen!2sin" frameborder="0" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" ></iframe> </div> <div class="contactUs__texts"> <h2 class="large--text">Our Address</h2> <ul class="contactUs__contentPoints"> <li>7 St Andrews Lane</li> <li>Cyffylliog</li> <li>United Kingdom</li> </ul> </div> <div class="contactUs__blocks text--center"> <div class="contactBlock__text"> <img src="./Images/our-office-icon.png" loading="lazy" alt="Enjoy Icon" /> <div class="bold__text contact__textTitle">Our Office</div> <div> Come and say hello at our office <span class="bold__text">HQ 100 Smith Street 30602</span> </div> </div> <div class="contactBlock__text"> <img src="./Images/chat-toUs-icon.png" loading="lazy" alt="memorize-experience-icon" /> <div class="bold__text contact__textTitle">Chat to Us</div> <div> Our Friendly team is here to help <span class="bold__text">hi@giftlancer.com</span> </div> </div> </div> </div> <div class="contactUs__form"> <h2 class="large--text contactUs__formTitle"> Fill out this form and <br /> we'll be in touch shortly </h2> <form action="#" class="contactUs__formBlock"> <div class="select__container"> <select name="Select Category" id="select"> <option value="1">Select the category</option> <option value="2">Select the category</option> <option value="3">Select the category</option> </select> </div> <input type="text" class="contactUs__input" placeholder="Full Name*" required /> <input type="email" class="contactUs__input" placeholder="Email*" required /> <input type="number" class="contactUs__input" placeholder="Phone*" required /> <textarea class="contactUs__input" placeholder="Enter your message" rows="5" required style="resize: none" ></textarea> <div class="contactUs__checkBox"> <input type="checkbox" required /> <p class="contatUs__checkBoxPara"> I'd like to have a phone conversation </p> </div> <div class="contatUs__formText"> By submitting this form, you agree that we may use the data you provide to contact you with information related to your request/submission and N Market's products and services. Your data will be used subject to LinkedIn's Privacy Policy. </div> <div class="contactUs__buttonText"> <button type="submit " class="nav__ctaBtn" > Submit </button> <div>Required fields *</div> </div> </form> </div> </div> <!-- ContactUS Main Section Ends --> </main> <div class="max--width"> <!-- Scroll to top --> <button class="scrollToTop"> <i class="fa-solid fa-angle-up"></i> </button> <!-- End of Scroll to top --> </div> <!-- Footer Content --> <footer> <div class="footer max--width"> <div class="footer__menuBar hidden"> <h3>Get Notified</h3> <ul> <li>Subscribe Our Newsletter</li> </ul> <form action="#" class="blogSearch footerSearch"> <input type="text" class="blogSearch_input footerSearch_input" placeholder="Enter you email " /> <button class="blogSearch__btn bold__text">Subscribe</button> </form> <div class="footer__bottom__mediaIcons"> <a href="#"> <img src="./Images/icons/fb.png" width="20" height="20" loading="lazy" alt="facebook" /> </a> <a href="#"> <img src="./Images/icons/twitter.png" width="20" height="20" loading="lazy" alt="twitter" style="mix-blend-mode: difference;" /> </a> <a href="#"> <img src="./Images/icons/youtube.png" width="20" height="20" loading="lazy" alt="Youtube" /> </a> <a href="#"> <img src="./Images/icons/instagram.png" width="20" height="20" loading="lazy" alt="Instagram" /> </a> </div> </div> <div class="footer__menuBar"> <div class="footer__title"> <h3>Company</h3> </div> <ul> <li><a href="./aboutUs.html"> About us</a></li> <li><a href="./contact.html"> Contact us</a></li> <li><a href="./blog.html"> Blog </a></li> <li><a href="./reviews.html"> Reviews </a></li> </ul> </div> <div class="footer__menuBar"> <div class="footer__title"> <h3>Services</h3> </div> <ul> <li><a href="#"> Send a letter </a></li> <li> <a href="./letter-for-business.html"> Letter for business </a> </li> <li><a href="#">Redeem your free gift </a></li> <li> <a href="./subscribe.html">Subscribe Page</a> </li> </ul> </div> <div class="footer__menuBar"> <div class="footer__title"> <h3>Quick Link</h3> </div> <ul> <li><a href="./gift-for-mom.html">Mum gift ideas</a></li> <li><a href="./gift-for-dad.html">Dad gift ideas</a></li> <li><a href="./gift-for-uncle.html">Uncle gift ideas</a></li> <li><a href="./gift-for-uncle.html">Uncle gift ideas</a></li> </ul> </div> <div class="footer__menuBar"> <div class="footer__title"> <h3>Info</h3> </div> <ul> <li> <a href="./footerPages/affilate.html"> Affiliate disclosure </a> </li> <li><a href="./footerPages/policy.html">Privacy Policy</a></li> <li> <a href="./footerPages/termsandconditions.html" >Terms and Conditions</a > </li> <li> <a href="./footerPages/humanSitemap.html">Human Sitemap</a> </li> </ul> </div> </div> <div class="footer__bottom maxWidth__new"> <div class="footer__bottom__mediaIcons d-mobile"> <a href="#"> <img src="./Images/icons/fb.png" width="20" height="20" loading="lazy" alt="facebook" /> </a> <a href="#"> <img src="./Images/icons/twitter.png" width="20" height="20" loading="lazy" alt="twitter" style="mix-blend-mode: difference;" /> </a> <a href="#"> <img src="./Images/icons/youtube.png" width="20" height="20" loading="lazy" alt="Youtube" /> </a> <a href="#"> <img src="./Images/icons/instagram.png" width="20" height="20" loading="lazy" alt="Instagram" /> </a> </div> <div class="footer__bottom__text text--center hidden"> <h3 class="footer__bottomHeading"> © 2019 - 2022 One Media, LLC. All Rights Reserved. </h3> <p class="footer__bottomPara"> 7 St Andrews Lane, Cyffylliog , United Kingdom </p> </div> </div> </footer> <!-- End of Footer Content --> <!-- JS file --> <script defer src="./JS/main.js"></script> </body> </html>