Edit file File name : index.php Content :<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta property="og:image" content="https://artforsocial.com/img/meta-img.jpg"/> <meta property="og:title" content="The #1 tool to create unique social media calendars and ads"/> <meta property="og:description" content="Raise your social media marketing game and reduce design time with Artforsocial."/> <meta name="google-site-verification" content="8vyP8mO2X7naoiY4CEbdlEexa9U4Qtv_KMA39xB82bo"/> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet"> <!-- <link href="https://fonts.googleapis.com/css?family=Ubuntu:400,500,700&display=swap" rel="stylesheet">--> <title>Artforsocial</title> <link rel="shortcut icon" href="img/Favicon.ico" type="image/x-icon"> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css"/> <link rel="stylesheet" href="css/style.css"> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-152710218-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-152710218-1'); </script> <!-- Google Tag Manager --> <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-P93GQX6');</script> <!-- End Google Tag Manager --> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P93GQX6" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <header> <div class="container-broader"> <div class="wr-header"> <a href="/" class="logo"><img src="img/logo.svg" alt="Logo" height="34"></a> <div class="content-header"> <h1>Download beautiful design packs to create unique calendars for Instagram, Facebook & Snapchat</h1> <p> Sign up for our early bird promo and get a <strong>$50 credit</strong> to redeem when we launch. </p> <form id="form_header"> <input type="email" name="email" placeholder="Your email address"> <p class="error_form error_email">This value should be a valid email.</p> <p class="error_form error_equal_email">You've already subscribed to the program!</p> <input type="text" name="referral_code" placeholder="Referral code (optional)"> <p class="error_form error_code">Code is not valid!</p> <input type="submit" value="Sign me up for the early bird promo"> </form> </div> <div class="wr-slider-image"> <div class="slider-left"> <div class="main-slide"> <img src="img/image-story-3.jpg" alt="Image"> </div> <div class="main-slide"> <img src="img/image-story-3-1.jpg" alt="Image"> </div> <div class="main-slide"> <img src="img/image-story-4.jpg" alt="Image"> </div> <div class="main-slide"> <img src="img/image-story-1.jpg" alt="Image"> </div> </div> <div class="slider-right"> <div class="main-slide"> <img src="img/image-story-2.jpg" alt="Image"> </div> <div class="main-slide"> <img src="img/image-story-4-1.jpg" alt="Image"> </div> <div class="main-slide"> <img src="img/image-story-6.jpg" alt="Image"> </div> <div class="main-slide"> <img src="img/image-story-10.jpg" alt="Image"> </div> </div> </div> </div> </div> </header> <div class="main-slider"> <div class="container"> <div class="wr-main-slider"> <div class="main-slide"> <img src="img/image-story-3.jpg" alt="Image"> </div> <div class="main-slide"> <img src="img/image-story-3-1.jpg" alt="Image"> </div> <div class="main-slide"> <img src="img/image-story-4.jpg" alt="Image"> </div> <div class="main-slide"> <img src="img/image-story-1.jpg" alt="Image"> </div> <div class="main-slide"> <img src="img/image-story-2.jpg" alt="Image"> </div> <div class="main-slide"> <img src="img/image-story-4-1.jpg" alt="Image"> </div> <div class="main-slide"> <img src="img/image-story-6.jpg" alt="Image"> </div> <div class="main-slide"> <img src="img/image-story-10.jpg" alt="Image"> </div> </div> </div> </div> <section class="col-2 section-1 lazy" data-src="img/gradient-bg.jpg"> <div class="container"> <div class="wr-col-2 row-reverse has-bg"> <div class="block-large first"> <img class="lazy" data-src="img/work_together_img.png" alt="img"> </div> <div class="block-medium"> <h2>Collaborate with your team to create impressive social media calendars</h2> <p> Find and share editable templates and identity packs with your team. Brainstorm design ideas for the brands you manage. Choose from thousands of templates on our platform. </p> <p> Our built-in collaboration tool makes working on social media calendars, proposals and ads easier, quicker and a lot of fun. </p> </div> </div> </div> </section> <section class="col-2 section-2"> <div class="container"> <div class="wr-col-2 align-items-start"> <div class="block-medium first"> <h2>Post beautifully with ready-to-edit design packs </h2> <p> It takes an average of 8 hours to design a social media calendar for a brand. With Artforsocial, you can download beautiful, fully-editable design packs in less than 8 seconds. </p> <p> Customize them into unique social media calendars, ads, stories, brand announcements or holiday greetings to keep your followers engaged. </p> </div> <div class="block-large has-slider"> <div class="slider"> <div class="slider-item"> <img class="lazy" data-src="img/slider-image-1.jpg" alt="img"> </div> <div class="slider-item"> <img class="lazy" data-src="img/slider-image-2.jpg" alt="img"> </div> <div class="slider-item"> <img class="lazy" data-src="img/slider-image-3.jpg" alt="img"> </div> <div class="slider-item"> <img class="lazy" data-src="img/slider-image-4.jpg" alt="img"> </div> <div class="slider-item"> <img class="lazy" data-src="img/slider-image-5.jpg" alt="img"> </div> <div class="slider-item"> <img class="lazy" data-src="img/slider-image-6.jpg" alt="img"> </div> </div> <div class="slider-arrows"> <div class="arrow arrow-prev"> <img class="lazy" data-src="img/arrow-prev.svg" alt="arrow-icon"> </div> <div class="arrow arrow-next"> <img class="lazy" data-src="img/arrow-prev.svg" alt="arrow-icon"> </div> </div> </div> </div> </div> </section> <section class="col-2 section-3"> <div class="container"> <div class="wr-col-2 row-reverse"> <div class="block-large first"> <img class="lazy" data-src="img/powerful-filters-img.jpg" alt="img"> </div> <div class="block-medium"> <h2>Filter through templates by style, industry and template type</h2> <p> Our design filters make it easy to browse through 70,000+ templates and design packs on our platform. </p> <p> Choose from design styles, industries, posts, stories, ads and more to find exactly what you need in a matter of seconds. </p> </div> </div> </div> </section> <section class="col-2 section-referral lazy" data-src="img/gradient-bg.jpg"> <div class="container"> <div class="wr-col-2"> <div class="block-medium"> <h2>Refer 2 friends to Artforsocial and get an additional $50 credit.</h2> <p> Sign up for our early bird promo and get a confirmation email with a personalised referral code that is linked to your email. </p> <p> Share this code with your friends and get an additional $50 credit when they sign up to our platform - that’s over and above the $50 credit you receive for signing up yourself. </p> </div> <div class="block-large"> <img class="lazy" data-src="img/refferal.png" alt="img"> </div> </div> </div> </section> <section class="col-3-with-description"> <div class="container"> <div class="wr-col-3-with-description"> <div class="description-to-col-3"> <h2>A tool for every marketer</h2> <p>Artforsocial is built to meet the needs of every social media marketer</p> </div> <div class="col-3-block-flex"> <div class="block-col-2"> <div class="col-3-block-medium-img"> <img class="lazy" data-src="img/col-3-agency-img.jpg" alt="img"> </div> <div class="col-3-block-medium"> <h3>Agency</h3> <p> Collaborate with your social media team and share ideas to create impressive calendars for the brands you manage. </p> </div> </div> <div class="block-col-2"> <div class="col-3-block-medium-img"> <img class="lazy" data-src="img/col-3-freelancer-img.jpg" alt="img"> </div> <div class="col-3-block-medium"> <h3>Freelancer</h3> <p> Create beautiful posts and stories for your clients with unique templates and identity kits designed to make you look like a pro. </p> </div> </div> <div class="block-col-2"> <div class="col-3-block-medium-img"> <img class="lazy" data-src="img/col-3-brand-img.jpg" alt="img"> </div> <div class="col-3-block-medium"> <h3>Brand</h3> <p> Give your brand its own social media identity with ready-to-edit template packs for every mood, style and occassion. </p> </div> </div> </div> </div> </div> </section> <section class="faq"> <div class="container"> <div class="wr-faq"> <h2>Frequently asked questions</h2> <p>Got questions? Perfect, we’ve got answers!</p> <div class="wr-faq-accordion"> <div class="wr-item-faq"> <div class="wr-head-faq"> <h4>How does Artforsocial work?</h4> </div> <div class="wr-body-faq"> <p>Artforsocial is built by a team of former social media marketers and designers to help you create exceptional social media calendars and ads. You can download read-to-edit templates and design packs and craft unique calendars for your clients. Our built in collaboration tool also allows you to create buckets for the brands you’re managing, add team members to the buckets and share ideas to collaborate and create social media art that truly stands out from the rest.</p> </div> </div> <div class="wr-item-faq"> <div class="wr-head-faq"> <h4>What format are the templates available in?</h4> </div> <div class="wr-body-faq"> <p>The templates and design packs will be available to download in psd. Stock photos that are shown in the preview will not be part of the psd file for copyright purposes.</p> </div> </div> <div class="wr-item-faq"> <div class="wr-head-faq"> <h4>How can I redeem the $50 early bird credit?</h4> </div> <div class="wr-body-faq"> <p>The $50 early bird credit is automatically applied to the email address you sign up with. When we launch Artforsocial we will send you a confirmation email so you can register and begin using our platform. *Credits cannot be combined between users.</p> </div> </div> <div class="wr-item-faq"> <div class="wr-head-faq"> <h4>How can someone sign up with my referral code?</h4> </div> <div class="wr-body-faq"> <p>The referral code can be entered along with the email address when signing up to our early bird promo.</p> </div> </div> <div class="wr-item-faq"> <div class="wr-head-faq"> <h4>How is the additional $50 referral credit applied to my account?</h4> </div> <div class="wr-body-faq"> <p>Referral codes are personalised and automatically linked to your email address when you sign up. When 2 of your friends register using your personalised referral code, our system records this and applies the additional $50 to your email, to be used when our platform launches. *Credits cannot be combined between users.</p> </div> </div> <div class="wr-item-faq"> <div class="wr-head-faq"> <h4>I have more questions. Who do I contact?</h4> </div> <div class="wr-body-faq"> <p>For any further inquiries, please write to us at <a href="mailto:">info@artforsocial.com</a> </p> </div> </div> </div> </div> </div> </section> <section class="col-2 section-5"> <div class="container"> <div class="wr-col-2 padding-top-small contact_footer"> <div class="block-medium first"> <h2>Sign up and claim your $50 credit.</h2> <p> Enter your email address to get an invite with our early bird promo. We promise we won’t spam you. </p> </div> <div class="block-large"> <form id="form_pre_footer"> <input type="email" name="email" placeholder="Your email address"> <p class="error_form">This value should be a valid email.</p> <p class="error_form error_equal_email">You've already subscribed to the program!</p> <input type="text" name="referral_code" placeholder="Referral code (optional)"> <p class="error_form error_code">Code is not valid!</p> <input type="submit" value="Sign me up for the early bird promo"> </form> </div> </div> </div> </section> <section class="modal-window"> <div class="container"> <div class="wr-modal-window"> <div class="modal-window-contant"> <div class="modal-window-cencel-img"> <img class="lazy" data-src="img/cancel.svg" alt="icon"> </div> <div class="modal-window-text"> <h2>Thank you!</h2> <p> We have added you to our list of early bird subscribers. You should receive a confirmation email with your personalized referral code. </p> <p> If you like what we’re building, please share our platform with your friends. </p> </div> <div class="modal-window-links"> <a target="_blank" href="https://www.twitter.com/share?&url=http://<?php echo $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'] ?>"> <img class="lazy" data-src="img/tw-shape.svg" alt="twitter" height="30" width="30"> </a> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?t=your message&u=http://<?php echo $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'] ?>"> <img class="lazy" data-src="img/fb-shape.svg" alt="facebook" height="30" width="30"> </a> </div> <button class="modal-button" onclick="copyToClipboard('#link_website')">Copy Website Link</button> </div> </div> </div> </section> <footer> <section class="footer"> <div class="container"> <div class="wr-footer"> <h2><?php echo date("Y"); ?> Artforsocial all rights reserved</h2> </div> </div> </section> </footer> <p id="link_website" style="display: none"></p> <script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.min.js"></script> <script src="js/common.js"></script> </body> </html> Save