Edit file File name : index.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 | HOME</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 class="landingPage__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 --> <main> <!-- Landing Page hero section --> <div class="landingPage__section"> <div class="gradient--1"> <img src="./Images/gradient-1.webp" alt="Gradient" /> </div> <div class="gradient--2"> <img src="./Images/gradient-2.webp" alt="Gradient" /> </div> <div class="landingPage__bg max--width margin__top"> <div class="landingPage"> <div class="landingPage__heroContent"> <h1 class="landingPage__title"> Gift the power of words with handwritten letter to your <br class="d-mobile" /> <span class="landingPage__dynamicTitle">Pastor</span> </h1> <div class="landingPage__heroPara"> A Handwritten letter service starting with <span style="color:green;font-weight:bold">$5.35</span> </div> </div> </div> <!-- LandingPage Hero Image --> <!-- <div class="landingPage__heroImg margin__top"> <img src="./Images/landingPage__heroImg.png" alt="Hero Image" /> </div> --> <!-- LandingPage video Player --> <div class="landingPage__video"> <div class="blogPost__videoSection"> <iframe src="https://www.youtube.com/embed/GWGbOjlJDkU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen ></iframe> </div> </div> <!-- LandingPage video Player ends --> <!-- LandingPage Hero Image part ends --> <!-- CTA Buttons --> <div class="mt-4 landingPage__ctaButtons flex--center"> <a href="./giftletter.html" class="nav__ctaBtn landingPage__ctaBtn" >ORDER YOUR HANDWRITTEN LETTER NOW!</a > </div> <!-- CTA Buttons Ends --> <!-- LandingPage founders block --> <div class="landingPage__founders margin__top"> <div class="about__teamCards landingPage__founderCards"> <img src="./Images/about-team-1.webp" width="60" height="60" loading="lazy" alt="Team" class="about_teamImg" /> <img src="./Images/about-team-2.webp" width="60" height="60" loading="lazy" alt="Team" class="about_teamImg" /> <img src="./Images/about-team-3.webp" width="60" height="60" loading="lazy" alt="Team" class="about_teamImg" /> <img src="./Images/about-team-4.webp" width="60" height="60" loading="lazy" alt="Team" class="about_teamImg" /> <img src="./Images/about-team-5.webp" width="60" height="60" loading="lazy" alt="Team" class="about_teamImg" /> <img src="./Images/about-team-6.webp" width="60" height="60" loading="lazy" alt="Team" class="about_teamImg" /> <img src="./Images/about-team-7.webp" width="60" height="60" loading="lazy" alt="Team" class="about_teamImg" /> </div> <div class="flex--center landingPage__foundersText"> <span class="flex--center"> <img src="./Images/icons/shield-check.png" alt="shield-check" width="15" /> | Join</span > <span class="landingPage__styledNumber">20K</span> people who have cherished handwritten letters over store-bought gifts. </div> </div> <!-- LandingPage founders block ends --> <!-- Handwritten letter sent to countries --> <div class="mt-4"> <h2 class="large--text text--center"> <em class="handwritten__letterTitle landingPage__styledNumber" >Handwritten </em> letters sent to </h2> <div class="sent__letterToCountries mt-4"> <div class="sent__letterBlock text--center"> <div class="font__small bold__text"> <img src="./Images/icons/warsaw-poland.png" height="24" alt="Country Flag" /> <div class="sent__letterToCountry"> <span>Warsaw,</span> Poland</div> </div> <div class="sent__letterImg"> <img src="./Images/letter-for-wife.png" alt="Sent letter" /> <div class="font__small">Letter for Wife</div> </div> </div> <div class="sent__letterBlock text--center"> <div class="font__small bold__text"> <img src="./Images/icons/florida-usa.png" height="24" alt="Country Flag" /> <div class="sent__letterToCountry"> <span>Florida,</span> USA</div> </div> <div class="sent__letterImg"> <img src="./Images/letter-for-mom.png" alt="Sent letter" /> <div class="font__small">Letter for mom</div> </div> </div> <div class="sent__letterBlock text--center"> <div class="font__small bold__text"> <img src="./Images/icons/mumbai.png" height="24" alt="Country Flag" /> <div class="sent__letterToCountry"> <span>Mumbai,</span> India</div> </div> <div class="sent__letterImg"> <img src="./Images/letter-for-dad.png" alt="Sent letter" /> <div class="font__small">Letter for dad</div> </div> </div> <div class="sent__letterBlock text--center"> <div class="font__small bold__text"> <img src="./Images/icons/london-uk.png" height="24" alt="Country Flag" /> <div class="sent__letterToCountry"> <span>London,</span> UK</div> </div> <div class="sent__letterImg"> <img src="./Images/letter-for-fiance.png" alt="Sent letter" /> <div class="font__small">Letter for Fiance</div> </div> </div> </div> </div> <!-- Handwritten letter sent to countries block --> <!-- --> <!-- Other pages Links --> <div class="landingPage__useFulLinks mt-4"> <div class="landingPage__useFulLink landingPage__styledNumber landingPage__useFulLink__styledText" > <img src="./Images/icons/who-we-are.png" class="useful__linkServicesIcon" alt="Who we are" /> <a href="#" class="link--notOverlay">Who we are</a> </div> <div class="landingPage__useFulLink"> <img src="./Images/icons/what-our-customer-say.png" class="useful__linkServicesIcon" alt="Who we are" /> <a href="#" class="link--notOverlay">What we offer</a> </div> <div class="landingPage__useFulLink"> <img src="./Images/icons/what-our-customer-say.png" class="useful__linkServicesIcon" alt="Who we are" /> <a href="#">What our customer says</a> </div> <div class="landingPage__useFulLink"> <img src="./Images/icons/pricing.png" class="useful__linkServicesIcon" alt="Who we are" /> <a href="#">Pricing</a> </div> </div> <!-- Other pages Links Ends --> </div> </div> <!-- End of Landing Page hero section --> </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> Save