HTML Source Code - http://www.smore.com/





<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">




    


<head>
    <meta charset="utf-8"/>
    <title>Smore | Communicate effectively with interactive school newsletters</title>

    <meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1">

    
    <!--[if !IE]> -->
    <link rel="stylesheet" type="text/css" media="all" href="https://cdn.smore.com/css/landing_page_2020.cb74effb.css"/>
    <!-- <![endif]-->
    <!--[if IE]>
    <link rel="stylesheet" type="text/css" media="all" href="https://cdn.smore.com/css/landing_page_2020.cb74effb.0.css"/>
    <![endif]-->

    
    <link rel="stylesheet" type="text/css" media="all" href="https://cdn.smore.com/css/sm-base.min.d1b3d668.css" />



    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
    <meta http-equiv="Accept-CH" content="DPR">




    <meta name="viewport" content="width=device-width,maximum-scale=5.0, minimum-scale=1.0, initial-scale=1"/>


    <meta name="description" content="Cut through the noise and communicate effectively with Smore. Create interactive newsletters that parents and staff actually read. Get started with free school newsletter templates.">
    <meta name="twitter:title" value="Smore | Communicate effectively with interactive school newsletters">
    <meta name="twitter:description" value="Cut through the noise and communicate effectively with Smore. Create interactive newsletters that parents and staff actually read. Get started with free school newsletter templates.">
    <meta name="twitter:card" value="summary_large_image"/>
    <meta property="og:title" content="Smore | Communicate effectively with interactive school newsletters"/>
    <meta property="og:type" content="website"/>
    <meta property="og:url" content="https://www.smore.com/"/>
    <meta property="og:image" content="https://cdn.smore.com/images/Create newsletters parents actually read.afffc8fd.png"/>
    <meta property="og:site_name" content="Smore"/>
    <meta property="og:description" content="Cut through the noise and communicate effectively with Smore. Create interactive newsletters that parents and staff actually read. Get started with free school newsletter templates."/>
    <meta property="og:video" content="http://www.youtube.com/v/mJV2P6v38S8?version=3&amp;amp;autohide=1"/>
    <meta property="og:video:type" content="application/x-shockwave-flash"/>
    <meta property="og:video:width" content="640"/>
    <meta property="og:video:height" content="360"/>

    <meta property="fb:admins" content="755503598"/>

    <meta name="smore:signup_segment" value="exp_newsletter_lp_newsletters"/>

    <meta name="p:domain_verify" content="5b8b86870a22330e26f3a361755244ff"/>

    <link rel="canonical" href="https://www.smore.com/"/>
    <link rel="shortcut icon" href="https://cdn.smore.com/favicon.ico"/>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Round&display=block" rel="stylesheet">

    <!-- prefetch dns -->
    <link rel="dns-prefetch" href="//d1zqayhc1yz6oo.cloudfront.net">
    <link rel="dns-prefetch" href="//google-analytics.com">

    
    

    


    
        <!-- Google tag (new GA4, gtag.js) -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-D5WG1YRW6M"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', 'G-D5WG1YRW6M');
        </script>


    
        <script src="https://apis.google.com/js/api.js" async defer></script>


    
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-836113731"></script>
        <script>
          window.dataLayer = window.dataLayer || [];
          function gtag(){dataLayer.push(arguments);}
          gtag('js', new Date());
          gtag('config', 'AW-836113731');
        </script>


    
    <script>
                !function(f,b,e,v,n,t,s)
  { if(f.fbq)return;n=f.fbq=function(){ n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s) }(window, document,'script',
  ' https://connect.facebook.net/en_US/fbevents.js ');
                var extra = {};
                fbq('init', '164472530711628', extra);
                fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none" alt="fb-pixel"
                   src=" https://www.facebook.com/tr?id=164472530711628&ev=PageView&noscript=1"
    /></noscript>


    
    <script>
        window.__initTwitter = function() {
                !function (e, t, n, s, u, a) {
                    e.twq || (s = e.twq = function () {
                        s.exe ? s.exe.apply(s, arguments) : s.queue.push(arguments);
                    }, s.version = '1.1', s.queue = [], u = t.createElement(n), u.async = !0, u.src = '//static.ads-twitter.com/uwt.js',
                            a = t.getElementsByTagName(n)[0], a.parentNode.insertBefore(u, a))
                }(window, document, 'script');
                twq('init', 'nzq72');
        }
    </script>


    
    
        <script type="text/javascript">
            !function (e) {
                if (!window.pintrk) {
                    window.pintrk = function () {
                        window.pintrk.queue.push(Array.prototype.slice.call(arguments))
                    };
                    var n = window.pintrk;
                    n.queue = [], n.version = "3.0";
                    var t = document.createElement("script");
                    t.async = !0, t.src = e;
                    var r = document.getElementsByTagName("script")[0];
                    r.parentNode.insertBefore(t, r)
                }
            }("https://s.pinimg.com/ct/core.js");
                pintrk('load', '2613616968842');
            pintrk('page');
        </script>
        <noscript>
            <img height="1" width="1" style="display:none;" alt=""
                 src="https://ct.pinterest.com/v3/?event=init&tid=2613616968842&noscript=1"/>
        </noscript>


    
    
    <script type="text/javascript">
    </script>



    

        <script type="text/javascript">
        _linkedin_partner_id = "2907665";
        window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
        window._linkedin_data_partner_ids.push(_linkedin_partner_id);
        </script><script type="text/javascript">
        (function(l) {
        if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])};
        window.lintrk.q=[]}
        var s = document.getElementsByTagName("script")[0];
        var b = document.createElement("script");
        b.type = "text/javascript";b.async = true;
        b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
        s.parentNode.insertBefore(b, s);})(window.lintrk);
        </script>
        <noscript>
        <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=2907665&fmt=gif" />
        </noscript>


    
        



    
    <script>
            try{
                (function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"137027127"};o.q=w[u],(w.UET ? w[u]=new w.UET(o) : ''),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");
            } catch(e){
                // do nothing
            }
            
    </script>


    
<script>
            !function(w,d){if(!w.rdt){var p=w.rdt=function(){p.sendEvent?p.sendEvent.apply(p,arguments):p.callQueue.push(arguments)};p.callQueue=[];var t=d.createElement("script");t.src="https://www.redditstatic.com/ads/pixel.js",t.async=!0;var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s)}}(window,document);rdt('init','t2_iyvs7qjj');rdt('track', 'PageVisit');
</script>


    
        <script>
        !function (w, d, t) {
          w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)};

          ttq.load('CBF4EEJC77U9114TAGB0');
          ttq.page();
        }(window, document, 'ttq');
        </script>


    
    <script type="text/javascript">
        (function(c,l,a,r,i,t,y){
            c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
            t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
            y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
        })(window, document, "clarity", "script", "io7pk8z8dg");
    </script>




    <script src="https://fast.wistia.com/embed/medias/6dy1lox1s0.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script>

    <style>
    body {
        overflow: hidden;

        background-image: url('https://cdn.smore.com/images/page-bg.3f88d5a5.svg');

        background-repeat: no-repeat;
        background-position: top right;
        background-size: 75%;
      }

      .blob-section {
        background: url('https://cdn.smore.com/images/section-bg.1e5321e1.svg')
          top right no-repeat;
        background-size: cover;
      }

      .container {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        margin-left: auto;
        margin-right: auto;
        max-width: 1240px;
      }

      .template {
        margin-right: 2.5rem;
        margin-bottom: 1.5rem;

        cursor: pointer;
      }

      .template .screenshot {
        height: 250px;
        width: 215px;
      }

      .section-title {
        font-size: 42px;
      }

      .video {
        width: 315px;
      }


      .back-to-school-banner {
        background: url('https://cdn.smore.com/images/back-to-school.837a1442.svg') center center no-repeat;
        background-size:cover;
        min-height: 100px;
      }

      .wtd-banner {
        background: #333366;
        min-height: 100px;
      }

      .newsletter-grid {
        background-image: url('https://cdn.smore.com/images/newsletters-grid.28676e9e.png');
        background-position-x: 0vw;
        background-repeat: repeat-y;
        background-size: 100%;

          filter: blur(12px);
          -webkit-filter: blur(12px);


      }
 .phrase:after {
    animation: changeWord 9s linear infinite alternate;
    -webkit-animation: changeWord 9s linear infinite alternate;
    -moz-animation: changeWord 9s linear infinite alternate;
    display: inline;
    content: "educators";

  }

      @keyframes changeWord {
  0% {
    content: "educators";
  }


  20% {
    content: "principals";
  }


  40% {
    content: "librarians";
  }

  60% {
    content: "SchoolPR Pros";
  }

  80% {
    content: "teachers";
  }

}

      @media (min-width: 768px) {
        .newsletter-grid {
          filter: blur(0px);
          -webkit-filter: blur(0px);

          background-size: 50%;
        }
      }

      @media (min-width: 768px) {
        body {
          background-size: 50%;
        }
      }


    </style>

</head>

<body lang="en" class="static nx-page-with-footer marketing-toolbar-body scroll-top">


        
    <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.7.0/dist/alpine.min.js"></script>


    <script src="https://fast.wistia.com/embed/medias/6dy1lox1s0.jsonp" async></script>
    <script src="https://fast.wistia.com/assets/external/E-v1.js" async></script>

    <style>
        .extension-slide-in {
            transform: translateX(calc(150px * var(--slide-direction, 0)));
        }

        .extension-slide-out {
            transform: translateX(calc(-150px * var(--slide-direction, 0)));
        }
    </style>
    <script>
        const KEY_POSITIONS = {
            'smore-for': 1,
            'templates': 2,
            'remote-learning': 3,
            'pricing': 4,
            'help': 5,
            'my-smore': 6,
        };


        function toolbar() {
            return {
                isOpenDesktop: false,
                isOpenMobile: false,
                timeout: undefined,
                key: "",
                lastKey: "",
                directionStyle: "",
                        mainMobile: "smore-for",
                open(key) {
                    if(this.timeout){
                        window.clearTimeout(this.timeout);
                    }
                    this.timeout = window.setTimeout(() => {
                        this.lastKey = this.key;
                        this.isOpenMobile = false;
                        this.isOpenDesktop = true;
                        this.key = key;
                        this.directionStyle = '--slide-direction: ' + this.direction(key)
                    }, 150)
                    
                },
                closeDesktop() {
                    if(this.timeout){
                    window.clearTimeout(this.timeout);
                    }
                    this.directionStyle = "";
                    this.isOpenDesktop = false;
                    if (!this.isOpenMobile) {
                        this.key = "";
                    }
                },
                close() {
                    if(this.timeout){
                    window.clearTimeout(this.timeout);
                    }
                    this.directionStyle = "";
                    this.isOpenDesktop = false;
                    this.isOpenMobile = false;
                    this.key = "";
                },
                openMobile(key) {
                    this.isOpenDesktop = false;
                    this.isOpenMobile = true;
                    this.key = key;
                },
                closeMobile() {
                    this.isOpenMobile = false;
                    this.key = "";
                },
                direction(key) {
                    if (!this.lastKey) {
                        return 0;
                    }

                    if (KEY_POSITIONS[this.lastKey] > KEY_POSITIONS[this.key]) {
                        return -1;
                    }

                    return 1;
                }
            }
        }

        // setup scroll

        let last_known_scroll_position = 0;
        let ticking = false;

        function onScroll(scroll_pos) {
            if (scroll_pos > 30) {
                document.body.classList.remove("scroll-top")
            } else {
                document.body.classList.add("scroll-top")
            }

            // Make sure all the heights are correct
            setTimeout(updateToolbarPlaceholderHeight, 100)
        }

        window.addEventListener('scroll', function (e) {
            last_known_scroll_position = window.scrollY;

            if (!ticking) {
                window.requestAnimationFrame(function () {
                    onScroll(last_known_scroll_position);
                    ticking = false;
                });

                ticking = true;
            }
        });

        function updateToolbarPlaceholderHeight() {
            var allBarsHeight = document.querySelector('.bars-container').offsetHeight;
            document.querySelector('.toolbar-placeholder').style.height = allBarsHeight + "px";
            document.querySelector('.toolbar-extension').style.top = allBarsHeight + "px";
            window.__fullToolbarHeight = allBarsHeight;
        }
    </script>

    <div class="bars-container tw-select-none" role="banner">
        
        <div>
            
    
        
    


            
    
        


            
    
        


            
    
        
    


            
    
        
    


        </div>

        <div class="bar new-toolbar tw-z-20" role="banner" x-data="toolbar()"
             x-bind:style="directionStyle"
             x-on:mouseleave="closeDesktop"
             x-on:resize.window="close"
             x-on:click.away="close" role="navigation">

            <div class="toolbar-content container-1200 tw-h-full">

                



                <div class="toolbar-left-content tw-hidden tw-md-flex">
                    
    <a href="/app?ref=logo"
       class="logo text-hidden tw-mr-2 tw-sm-clickable">
        <img src="https://cdn.smore.com/images/toolbar-logo.f046a055.svg" width="96" height="26"
             alt="Go to Smore home page." aria-label="Go to Smore home page."
        />
    </a>

                    
    <div class="toolbar-separator tw-mx-2"></div>

                    



                    
                    
        <a class="dropdown tw-h-full  tw-items-center tw-mx-3 tw-cursor-default  tw-flex"
            
           @mouseenter.self="open('smore-for')">
            <span class="tw-self-center tw-text-base tw-text-nxgray-600 hover:underline">Smore for</span>
            <span class="chevron" :class="{ 'down': key !== 'smore-for', 'up': key === 'smore-for' }"
                  @click.stop.prevent></span>
        </a>

                    
        <a class="dropdown tw-h-full  tw-items-center tw-mx-3 tw-sm-clickable  tw-hidden tw-lg-flex"
            href=/templates?s=navbar_tab
           @mouseenter.self="open('templates')">
            <span class="tw-self-center tw-text-base tw-text-nxgray-600 hover:underline">Templates</span>
            <span class="chevron" :class="{ 'down': key !== 'templates', 'up': key === 'templates' }"
                  @click.stop.prevent></span>
        </a>

                    
        <a class="dropdown tw-h-full  tw-items-center tw-mx-3 tw-sm-clickable  tw-flex"
            href=/educators?s=navbar_tab
           @mouseenter.self="open('pricing')">
            <span class="tw-self-center tw-text-base tw-text-nxgray-600 hover:underline">Pricing</span>
            <span class="chevron" :class="{ 'down': key !== 'pricing', 'up': key === 'pricing' }"
                  @click.stop.prevent></span>
        </a>

                    

                    
        <a class="dropdown tw-h-full tw-items-center tw-mx-3 tw-sm-clickable  tw-hidden tw-lg-flex"
            href=/get-a-demo?s=navbar_link
           @mouseenter.self="open('contact-sales')">
            <span class="tw-self-center tw-text-base tw-text-nxgray-600">Contact Sales</span>
                <span class="tw-ml-2 tw-bg-blue-600 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-px-1 tw-py-px tw-text-white tw-rounded">
                    Get a demo
                </span>
        </a>

                </div>


                <div class="toolbar-right-content tw-hidden tw-md-flex">
                    

                    
        <a class="tw-items-center tw-text-center tw-mx-2 tw-p-2 tw-sm-clickable"
           href="/login"
            data-state="login"
            data-button-id="new-toolbar-login-button">
            <span class="tw-text-base tw-text-nxgray-600">Log In</span>
        </a>

                    
    <div class="toolbar-separator tw-mx-2"></div>

                    
            <a class="tw-sm-btn tw-p-2 tw-pl-4 tw-bg-orange-600 tw-hover-bg-orange-500 tw-sm-clickable"
               style="width:250px;margin-left:10px"
               href="/signup?signup_button=new-toolbar-signup-button"
               data-button-id="new-toolbar-signup-button">
                <span class="tw-text-md tw-text-white">Sign up now (it's free)</span>
            </a>

                    

                </div>


                <div class="tw-w-full tw-flex tw-justify-center tw-items-center tw-md-hidden">
                    <a class="burger-menu" @click="openMobile(mainMobile)"></a>
                    
    <a href="/app?ref=logo"
       class="logo text-hidden tw-mr-2 tw-sm-clickable">
        <img src="https://cdn.smore.com/images/toolbar-logo.f046a055.svg" width="96" height="26"
             alt="Go to Smore home page." aria-label="Go to Smore home page."
        />
    </a>

                </div>
            </div>


            <div class="toolbar-extension desktop tw-relative tw-transition-all tw-duration-200 tw-ease-in-out tw-z--1"
                 x-bind:class="key"
                 x-show="isOpenDesktop"
                 style="display:none"
                 x-transition:enter="transition tw-ease-out"
                 x-transition:enter-start="tw-opacity-0 toolbar-folded"
                 x-transition:enter-end="tw-opacity-100"
                 x-transition:leave="tw-ease-in"
                 x-transition:leave-start="tw-opacity-100"
                 x-transition:leave-end="tw-opacity-0 toolbar-folded">

                <svg width="21" height="10" viewBox="0 0 21 10" xmlns="http://www.w3.org/2000/svg"
                     class="tw-absolute toolbar-chevron">
                    <path d="M1.67397 10C0.749086 10 0.319871 8.85229 1.0178 8.24539L9.84382 0.57059C10.2201 0.243398 10.7799 0.243398 11.1562 0.57059L19.9822 8.24539C20.6801 8.85229 20.2509 10 19.326 10H1.67397Z"
                          fill="currentColor"/>
                </svg>

                
        <div class="h-full extension-container tw-absolute tw-inset-0 tw-flex tw-flex-row tw-justify-between tw-text-white tw-box-border tw-transition-all tw-duration-200"
             x-show="key === 'smore-for'"
        >
            
    <div class="tw-flex">
        <div class="row1">
            <div class="tw-flex">
                <div class="tw-flex tw-flex-col tw-justify-between tw-leading-none">
                    <span class="title tw-font-medium tw-mb-3">Smore for everyone</span>
                    <span class="tw-text-base tw-leading-snug" style="width:260px;">
                        See how you can communicate with Smore.                    
                    </span>
                </div>
            </div>

            
            <a class="tw-sm-btn tw-p-2 tw-pl-4 tw-bg-orange-600 tw-hover-bg-orange-500 tw-sm-clickable"
               style=";"
               href="/signup?signup_button=new-toolbar-signup-button"
               data-button-id="new-toolbar-signup-button">
                <span class="tw-text-md tw-text-white">Sign up now (it's free)</span>
            </a>

        </div>

        <div class="row2 tw-flex tw-flex-col tw-items-start">
            <span class="tw-text-sm tw-text-white tw-opacity-75 tw-mb-2">Smore for:</span>

            <a class="tw-mb-2 tw-font-medium tw-sm-clickable hover:tw-underline" href="schools">Schools and districts</a>
            <a class="tw-mb-2 tw-font-medium tw-sm-clickable hover:tw-underline" href="/principals">Principals</a>
            <a class="tw-mb-2 tw-font-medium tw-sm-clickable hover:tw-underline" href="/teachers">Teachers</a>
            <a class="tw-mb-2 tw-font-medium tw-sm-clickable hover:tw-underline" href="/librarians">Librarians</a>
            <a class="tw-mb-2 tw-font-medium tw-sm-clickable hover:tw-underline" href="/PR-professionals">PR Professionals</a>
        </div>
    </div>

    <div class="row3 tw-hidden tw-lg-flex">
        <span class="tw-text-sm tw-text-white tw-opacity-75 tw-mb-2">Watch educators talk about Smore</span>
        <div class="tw-flex tw-justify-between tw-items-center tw-w-full tw-h-full">
            <div style="height: 100%; width: 250px; background: #000;" class="tw-rounded tw-overflow-hidden tw-mr-4">
                <div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative; height:100%;width:100%;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><span class="wistia_embed wistia_async_5n6vlvlsjp popover=true popoverAnimateThumbnail=true videoFoam=true" style="display:inline-block;height:100%;position:relative;width:100%">&nbsp;</span></div></div>               
            </div>

            <div style="height: 100%; width: 250px; background: #000;" class="tw-rounded tw-overflow-hidden tw-mr-4">
                <div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative; height:100%;width:100%;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><span class="wistia_embed wistia_async_6cc70170hn popover=true popoverAnimateThumbnail=true videoFoam=true" style="display:inline-block;height:100%;position:relative;width:100%">&nbsp;</span></div></div>
            </div>
        </div>
    </div>
    

        </div>

                

                
        <div class="h-full extension-container tw-absolute tw-inset-0 tw-flex tw-flex-row tw-justify-between tw-text-white tw-box-border tw-transition-all tw-duration-200"
             x-show="key === 'templates'"
        >
            
    <div class="tw-flex">
        <div class="row1">
            <div class="tw-flex">
                <div class="tw-flex tw-flex-col tw-justify-between tw-leading-none">
                    <span class="title tw-font-medium tw-mb-3">Templates</span>
                    <span class="tw-text-base tw-leading-snug" style="width:260px;">Looking for ready-made templates to get a jump start?<br/><br/>
                                                        Check out our template centers and get started, fast.
                </span>

                </div>
            </div>
        </div>

        <div class="row2 tw-items-start">
         
            <div class="tw-mt-2 tw-mb-2"></div>

            <a class="transition-colors rounded tw-block tw-font-medium tw-mb-3 tw-sm-clickable tw-p-2 tw--m-2 hover:bg-purple-500"
               href="/templates">
                <div class="tw-flex tw-items-center">
                    <span class="tw-mr-2">Templates by Educators</span>
                    <img src="https://cdn.smore.com/images/small-right-chevron.ef425598.svg" alt=""/>
                </div>
                    <span class="tw-font-normal tw-text-sm tw-opacity-75 tw-leading-none">Templates from the community</span>
            </a>
            <div class="tw-mt-2 tw-mb-2"></div>
            <a class="transition-colors rounded tw-block tw-font-medium tw-sm-clickable tw-p-2 tw--m-2 hover:bg-purple-500"
               href="/templates/smore">
                <div class="tw-flex tw-items-center">
                    <span class="tw-mr-2">Templates by Smore</span>
                    <img src="https://cdn.smore.com/images/small-right-chevron.ef425598.svg" alt=""/>
                </div>
                    <span class="tw-font-normal tw-text-sm tw-opacity-75 tw-leading-none">Templates from the Smore team</span>
            </a>
        </div>
    </div>

    <div class="row3 tw-hidden tw-lg-flex">
        <a class="tw-flex tw-flex-row tw-justify-between tw-p-4 tw-rounded tw-relative tw-overflow-hidden box-item tw-sm-clickable"
           style="background-color:#303040; height: 160px;"
           href="/templates">
            <div class="tw-h-full tw-mr-8">
                <h2 class="tw-font-bold tw-text-teal-300 tw-mb-1" style="font-size:19px;">
                    <span class="tw-xl-hidden">Template Center</span>
                    <span class="tw-hidden tw-xl-block">Check out our template center</span>
                </h2>
                <p class="tw-mb-4">Everything you need to go back to school with remote learning.</p>

                <div class="tw-inline-block tw-bg-white tw-text-nxgray-600 tw-px-2 tw-py-1 tw-font-medium tw-text-base tw-rounded tw-shadow">
                    Go to template center
                </div>
            </div>
            <img src="https://cdn.smore.com/images/template-center.3221f370.svg" alt="Smorinio">
        </a>
    </div>

        </div>

                
        <div class="h-full extension-container tw-absolute tw-inset-0 tw-flex tw-flex-row tw-justify-between tw-text-white tw-box-border tw-transition-all tw-duration-200"
             x-show="key === 'pricing'"
        >
            
    
    <div class="tw-flex">
        <div class="row1">
            <div class="tw-flex">
                <div class="tw-flex tw-flex-col tw-justify-between tw-leading-none">
                    <span class="title tw-font-medium tw-mb-3">Smore Pricing</span>
                    <span class="tw-text-base tw-leading-snug">Find the right Smore plan for you. Enjoy discounted pricing on annual plans.</span>

                    <a class="transition-colors tw-sm-btn tw-bg-white tw-justify-between tw-mt-8 hover:bg-teal-50 tw-sm-clickable" href="/get-a-demo?utm_source=navbar&utm_medium=&utm_content=get-a-demo&utm_campaign=mul">
                        <span class="tw-text-nxgray-600 tw-text-base">Need a school/district license?</span>

                        <img src="https://cdn.smore.com/images/right-chevron.1fd305d9.svg" alt="">
                    </a>
                </div>
            </div>
        </div>

        <div class="row2 tw-flex tw-flex-col tw-items-start">
            <a class="tw-mb-2 tw-font-medium tw-sm-clickable hover:tw-underline" href="/educators">Education pricing</a>
            <a class="tw-mb-2 tw-font-medium tw-sm-clickable hover:tw-underline" href="/get-a-demo?utm_source=navbar&utm_medium=&utm_content=get-a-demo&utm_campaign=mul">Smore for Teams pricing</a>
            <a class="tw-mb-2 tw-font-medium tw-sm-clickable hover:tw-underline" href="/nonprofit">Non-profit pricing</a>
                <a class="tw-mb-2 tw-font-medium tw-sm-clickable hover:tw-underline" href="/pricing">Small business pricing</a>
        </div>
    </div>

    <div class="row3 tw-hidden tw-lg-flex">
        
       <div class="tw-flex tw-justify-between tw-items-center tw-w-full tw-h-full">
            <a href="/educators"
               class="tw-rounded tw-mr-3 tw-h-full tw-flex tw-flex-col tw-items-start tw-justify-between tw-p-5 tw-w-half box-item tw-sm-clickable"
               style="background: #02403A url(https://cdn.smore.com/images/edu-pricing.6cc103ef.svg) right bottom no-repeat; height: 160px">
                <div>
                <h2 class="tw-font-bold tw-mb-1 tw-text-teal-300" style="font-size:19px;">Smore for Educators</h2>
                <p class="tw-mb-3">Starting at $99/year</p>
                </div>
                <div class="tw-inline-block tw-bg-white tw-text-nxgray-600 tw-px-2 tw-py-1 tw-font-medium tw-text-base tw-rounded tw-shadow">
                    Buy now
                </div>
            </a>

            <a href="/get-a-demo?utm_source=navbar&utm_medium=&utm_content=get-a-demo&utm_campaign=mul"
               class="tw-rounded tw-ml-3 tw-h-full tw-flex tw-flex-col tw-items-start tw-justify-between tw-p-5 tw-w-half box-item tw-sm-clickable"
               style="background: #02403A url(https://cdn.smore.com/images/schools.b4ef9c87.svg) right bottom no-repeat; height: 160px">
                <div>
                <h2 class="tw-font-bold tw-mb-1 tw-text-teal-300" style="font-size:19px;">Smore for Teams</h2>
                <p class="tw-mb-4 tw-leading-tight">Use Smore with your entire school or district</p>
</div>
                <div class="tw-inline-block tw-bg-white tw-text-nxgray-600 tw-px-2 tw-py-1 tw-font-medium tw-text-base tw-rounded tw-shadow">
                    Contact sales
                </div>
            </a>
        </div>
    </div>

        </div>

                

            </div>


            <div class="toolbar-extension mobile tw-flex tw-md-hidden tw-z-10"
                 style="display: none"
                 x-show.transition.fade="isOpenMobile"
                 x-on:click.away="close"
                 x-bind:class="key">
                
        <div class="h-full extension-container tw-flex tw-flex-col tw-text-white tw-box-border"
             x-show="key === 'smore-for'">
                <a class="tw-mb-6 tw-text-sm tw-cursor-pointer" style="display: none" x-show="key && key !== mainMobile"
                   @click="openMobile(mainMobile)">Back</a>

                
    <div class="tw-flex tw-flex-col tw-h-full">
        <div class="row1">
            <div class="tw-flex">
                <div class="tw-flex tw-flex-col tw-justify-between tw-leading-none">
                    <span class="title tw-font-medium tw-mb-3">Why Smore</span>
                    <span class="tw-text-base tw-leading-snug tw-mb-8">Everything you need to know about Smore.</span>

                    
            <a class="tw-sm-btn tw-p-2 tw-pl-4 tw-bg-orange-600 tw-hover-bg-orange-500 tw-sm-clickable"
               style=";"
               href="/signup?signup_button=new-toolbar-signup-button"
               data-button-id="new-toolbar-signup-button">
                <span class="tw-text-md tw-text-white">Sign up now (it's free)</span>
            </a>


                    <a data-state="login" href="/login" data-button-id="new-toolbar-login-button" class="tw-mt-4 tw-font-medium tw-sm-clickable">
                        Log In
                    </a>
                </div>
            </div>
        </div>

        <div class="row2 tw-mt-10 tw-flex tw-flex-col tw-items-start">
            <span class="tw-text-sm tw-text-white tw-opacity-75 tw-mb-2">Smore for:</span>


            <a class="tw-mb-2 tw-font-medium tw-sm-clickable" href="schools">Schools and districts</a>
            <a class="tw-mb-2 tw-font-medium tw-sm-clickable" href="/principals">Principals</a>
            <a class="tw-mb-2 tw-font-medium tw-sm-clickable" href="/teachers">Teachers</a>
            <a class="tw-mb-2 tw-font-medium tw-sm-clickable" href="/librarians">Librarians</a>
            <a class="tw-mb-2 tw-font-medium tw-sm-clickable" href="/PR-professionals">PR Professionals</a>
        </div>

        <div class="row3 tw-mt-10 tw-flex tw-flex-col tw-items-start">
            <a class="tw-mb-3 tw-font-medium tw-sm-clickable" @click="openMobile('templates')">Templates</a>
            <a class="tw-mb-3 tw-font-medium tw-sm-clickable" @click="openMobile('remote-learning')">Remote
                Learning</a>
            <a class="tw-mb-3 tw-font-medium tw-sm-clickable" @click="openMobile('pricing')">Pricing</a>
            <a class="tw-mb-3 tw-font-medium tw-sm-clickable" href="/get-a-demo?s=navbar_mobile_link">Contact Sales <span class="tw-ml-2 tw-bg-teal-600 tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-px-1 tw-py-px tw-text-white tw-rounded">
                    Get a demo
                </span></a>
        </div>
    </div>

        </div>

                

                
        <div class="h-full extension-container tw-flex tw-flex-col tw-text-white tw-box-border"
             x-show="key === 'templates'">
                <a class="tw-mb-6 tw-text-sm tw-cursor-pointer" style="display: none" x-show="key && key !== mainMobile"
                   @click="openMobile(mainMobile)">Back</a>

                
    <div class="tw-flex tw-flex-col tw-h-full">
        <div class="row1">
            <div class="tw-flex">
                <div class="tw-flex tw-flex-col tw-justify-between tw-leading-none">
                    <span class="title tw-font-medium tw-mb-3">Templates</span>
                    <span class="tw-text-base tw-leading-snug" style="width:260px;">Looking for ready-made templates to get a jump start?<br/><br/>
                                                        Check out our template centers and get started, fast.
                </span>

                </div>
            </div>
        </div>

        <div class="row2 tw-mt-10 tw-flex tw-flex-col tw-items-start">

            <a class="tw-block tw-font-medium tw-mb-3 tw-sm-clickable"
               href="/templates">
                <div class="tw-flex tw-items-center">
                    <span class="tw-mr-2">Templates by Educators</span>
                    <img src="https://cdn.smore.com/images/small-right-chevron.ef425598.svg" alt=""/>
                </div>
                    <span class="tw-font-normal tw-text-sm tw-opacity-75 tw-leading-none">Templates from the community</span>
         
            </a>

            <a class="tw-block tw-font-medium tw-sm-clickable"
               href="/templates/smore">
                <div class="tw-flex tw-items-center">
                    <span class="tw-mr-2">Templates by Smore</span>
                    <img src="https://cdn.smore.com/images/small-right-chevron.ef425598.svg" alt=""/>
                </div>
                    <span class="tw-font-normal tw-text-sm tw-opacity-75 tw-leading-none">Templates from the Smore team</span>
            </a>
        </div>
    </div>

        </div>

                
        <div class="h-full extension-container tw-flex tw-flex-col tw-text-white tw-box-border"
             x-show="key === 'pricing'">
                <a class="tw-mb-6 tw-text-sm tw-cursor-pointer" style="display: none" x-show="key && key !== mainMobile"
                   @click="openMobile(mainMobile)">Back</a>

                
    <div class="tw-flex tw-flex-col tw-h-full">
        <div class="row1">
            <div class="tw-flex">
                <div class="tw-flex tw-flex-col tw-justify-between tw-leading-none">
                    <span class="title tw-font-medium tw-mb-3">Smore Pricing</span>
                    <span class="tw-text-base tw-leading-snug">Find the right Smore plan for you. Enjoy discounted pricing on annual plans.</span>

                    <a class="tw-sm-btn tw-bg-white tw-justify-between tw-mt-8">
                        <span class="tw-text-nxgray-600">Need a school/district license?</span>

                        <img src="https://cdn.smore.com/images/right-chevron.1fd305d9.svg" alt="">
                    </a>
                </div>
            </div>
        </div>

        <div class="row2 tw-mt-10 tw-flex tw-flex-col tw-items-start">
            <a class="tw-mb-2 tw-font-medium tw-sm-clickable" href="/educators">Education pricing</a>
            <a class="tw-mb-2 tw-font-medium tw-sm-clickable" href="/get-a-demo?utm_source=navbar&utm_medium=&utm_content=get-a-demo&utm_campaign=mul">Smore for Teams pricing</a>
            <a class="tw-mb-2 tw-font-medium tw-sm-clickable" href="/nonprofit">Non-profit pricing</a>
                <a class="tw-mb-2 tw-font-medium tw-sm-clickable" href="/pricing">Small business pricing</a>
        </div>
    </div>

        </div>

                

                


                <a class="x-icon tw-cursor-pointer" style="display: none" x-show="isOpenMobile"
                   @click="closeMobile()"></a>
            </div>
        </div>
    </div>

    
    <div class="toolbar-placeholder"></div>


    <script>
        /* Let's calculate the offsets of the toolbar extensions and the rest of the document */

        updateToolbarPlaceholderHeight();
    </script>




<div class="flex items-start justify-between">
      <div class="z-10 w-full pt-2">
        <!-- Header -->
        <div class="container mb-10">

        <!-- Back to scool banner -->

          <div class="flex items-start justify-between">
            <div class="flex flex-col w-full pt-10 mr-12 md:pt-12">
              <h1
                style="font-size: 60px; font-family:sense;"
                class="z-20 font-bold leading-none tracking-tight"
              >
                Make a <span class="text-orange-600">gorgeous</span>
                <br />newsletter in minutes. <br />It’s that easy.
              </h1>
              <p class="mt-6 text-lg font-light">
                Create beautiful, engaging school newsletters, updates and
                announcements. Super fast.
              </p>

              <div style="width: 420px; max-width: 100%;">
              <a
                class="flex items-center justify-between px-4 mt-16 font-medium text-white transition-colors bg-orange-600 sm-btn hover:bg-orange-500 text-md"
                data-button-id="landing-page-2020-try-now-free-hero"
                href="/signup?signup_button=landing-page-2020-try-now-free-hero"
              >
                <span>Try Smore for Free</span>
                <div>
                  <img
                    src="https://cdn.smore.com/images/RightChevron.45809ca9.svg"
                    alt="go"
                  />
                </div>
              </a>
              <p class="hidden block p-2 text-sm text-center text-gray-400" >
               Or learn more
              </p>
              </div>
            </div>

            <h2 class="hidden">Smore is the best</h2>

            <div class="relative hidden w-full sm:block"  data-button-id="landing-page-2020-newsletters-hero">
                <div class="absolute bottom-0 z-10 -mb-8 -ml-8 overflow-hidden shadow-xl" style="border-radius:25px;">
                  <img
                    src="https://cdn.smore.com/images/iphone2.1af758e3.jpg"
                    width="162"
                    alt="Works on Mobile"
                  />
                </div>
                <div class="flex items-end justify-end hidden w-full overflow-hidden rounded shadow-xl sm:block">
                  <img
                  class="object-cover"
                    src="https://cdn.smore.com/images/email2.b9586c2e.jpg"
                    alt="Works in email"

                    style="min-height:420px;"
                  />
                </div>
              </div>
          </div>

          <div
            class="flex flex-wrap items-center justify-center w-full h-32 mt-20 md:flex-nowrap"
          >
            <div class="mx-7">
              <img
                src="https://cdn.smore.com/images/Schools1.3ccced81.png"
                alt="Schools"
                width="458"
              />
            </div>
            <div class="mx-7">
              <img
                src="https://cdn.smore.com/images/Schools2.ec391f31.png"
                alt="Schools"
                width="502"
              />
            </div>
          </div>

          <div class="text-center text-brand-gray-70" style="font-size: 20px;">
            Trusted by more than
            <span class="font-bold text-orange-600"
              >1 million educators in 10,000+</span
            >
            schools and districts.
          </div>

          <a
            class="flex flex-col items-center justify-center mt-8 text-center text-orange-500 cursor-pointer text-normal animate-bounce"
            href="#learn-more-target"
          >
            Learn more

            <svg
              class="mt-2"
              width="8"
              height="5"
              viewBox="0 0 8 5"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M0.209386 0.222096C0.0753345 0.363957 -1.38748e-07 0.556555 -1.32477e-07 0.757403C-1.26205e-07 0.958252 0.0753345 1.15085 0.209386 1.29271L3.4953 4.7779C3.77449 5.07403 4.2255 5.07403 4.50469 4.7779L7.7906 1.29271C8.0698 0.996583 8.0698 0.518223 7.7906 0.222095C7.51141 -0.0740318 7.0604 -0.0740318 6.78121 0.222096L3.99642 3.16819L1.21878 0.222096C0.939588 -0.0740314 0.481422 -0.0664387 0.209386 0.222096Z"
                fill="#F39C67"
                fill-opacity="0.5"
              />
            </svg>
          </a>
        </div>

        <h2 class="hidden">Smore is awesome</h2>

        <!-- Features -->
        <div class="pt-20 mb-20 border-gray-200 shadow-inner" id="learn-more-target">
          <div class="container">
            <div class="flex flex-wrap items-center justify-between md:flex-nowrap">
              <div class="w-full md:w-6/12">
                <h3 class="font-bold leading-none section-title">
                  Fun features. <br />
                  Easy interface. <br />
                  Rockin’ results. <br />
                </h3>
                <p class="mt-4 mb-10 text-lg font-light">
                  Smore comes with everything you need to create gorgeous,
                  interactive newsletters.
                </p>

                <div class="flex flex-wrap">
                  <div class="w-5/12 mb-6 mr-5">
                    <img src="https://cdn.smore.com/images/3.ebb20395.svg" width="58" alt="Backgrounds"/>

                    <h4 style="font-size: 20px;" class="mt-4 mb-2 font-medium leading-tight">
                      Backgrounds to match<br/> your message                    </h4>
                    <p class="text-normal text-brand-gray-70">
                      Add school-themed backgrounds or use your own images.                    </p>
                  </div>


                  <div class="w-5/12 mb-6 mr-5">
                    <img src="https://cdn.smore.com/images/4.6d090399.svg" alt="Embed photos" width="58" />

                    <h4 style="font-size: 20px;" class="mt-4 mb-2 font-medium leading-tight">
                      Embed photos and<br/>
                      videos                    </h4>
                    <p class="text-normal text-brand-gray-70">
                      Use photos and videos to connect with your students and community.
                    </p>
                  </div>

                  <div class="w-5/12 mb-6 mr-5">
                    <img src="https://cdn.smore.com/images/2.e61c5bd9.svg" alt="Keep an eye on your readers" width="58" />

                    <h4 style="font-size: 20px;" class="mt-4 mb-2 font-medium leading-tight">
                      Keep an eye on<br/>
                      your readers                    </h4>
                    <p class="text-normal text-brand-gray-70">
                      Know who opens, reads, and clicks your newsletters — all in an easy interface.
                    </p>
                  </div>
                  <div class="w-5/12 mb-6 mr-5">
                    <img src="https://cdn.smore.com/images/1.15be0193.svg" alt="Translation" width="58" />
                    <h4 style="font-size: 20px;" class="mt-4 mb-2 font-medium leading-tight">
                      Translation.<br/>
                      In a click.                    </h4>
                    <p class="text-normal text-brand-gray-70">
                      Communicate with all families, no matter their home language.
                    </p>
                  </div>

                </div>
              </div>

              <div class="w-full mt-6 ml-0 overflow-hidden rounded shadow-xl cursor-pointer md:w-5/12 md:ml-6 md:mt-0" style="height:600px;">
                <div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;width:100%;height:100%;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><span class="wistia_embed wistia_async_6dy1lox1s0 popover=true popoverAnimateThumbnail=true videoFoam=true" style="display:inline-block;height:100%;position:relative;width:100%">&nbsp;</span></div></div>
              </div>
            </div>
          </div>
        </div>

        <!-- Videos -->
        <div
          class="relative py-32 overflow-hidden border-gray-200 shadow-inner blob-section"
        >
          <div class="absolute top-0 left-0 z-0 w-full h-full ml-0 opacity-50 md:opacity-100">


            <div class="w-full h-full bg-cover newsletter-grid "> </div>
          </div>
          <div class="container">
            <div class="flex items-start justify-between flex-nowrap">
              <!-- Templates -->

              <div class="hidden w-1/2 md:block"></div>
              <div class="z-10 w-full pl-0 md:pl-16 md:w-1/2">
                <h3 class="font-bold leading-none rounded section-title text-shadow-xl">
                  Create the perfect newsletter. Every time.
                </h3>
                <p class="mt-4 mb-10 text-lg font-light">
                  No matter the medium or the message, Smore newsletters always
                  look great. And so will you.
                </p>

                <div class="w-full">
                  <div class="mt-12">
                    <h4 style="font-size: 20px;" class="font-medium">
                      Weekly School Newsletter
                    </h4>
                    <p class="text-normal text-brand-gray-100 md:text-brand-gray-70">
                      Keep everyone in the loop with a weekly newsletter to
                      parents, community members, and faculty.
                    </p>
                  </div>

                  <div class="mt-8">
                    <h4 style="font-size: 20px;" class="font-medium">
                      Professional Development Resource
                    </h4>
                    <p class="text-normal text-brand-gray-100 md:text-brand-gray-70">
                      Use Smore to create one central, updated place for PD
                      resources and opportunities.
                    </p>
                  </div>

                  <div class="mt-8">
                    <h4 style="font-size: 20px;" class="font-medium">
                      Remote Lesson & Weekly Assignment Sheet
                    </h4>
                    <p class="text-normal text-brand-gray-100 md:text-brand-gray-70">
                      During periods of remote learning, send schedules,
                      resources, and assignments via newsletter, weekly or
                      daily.
                    </p>
                  </div>

                  <div class="mt-8">
                    <h4 style="font-size: 20px;" class="font-medium">
                      Classroom Communication
                    </h4>
                    <p class="text-normal text-brand-gray-100 md:text-brand-gray-70">
                      Share what your class is up to. Keep parents and guardians
                      informed and updated.
                    </p>
                  </div>

              <div style="width: 420px; max-width: 100%;">
<a
                class="flex items-center justify-between px-4 mt-16 font-medium text-white transition-colors bg-orange-600 sm-btn hover:bg-orange-500 text-md"
                data-button-id="landing-page-2020-try-now-free-videos"
                href="/signup?signup_button=landing-page-2020-try-now-free-videos"
              >
                <span>Try Smore for Free</span>
                <div>
                  <img
                    src="https://cdn.smore.com/images/RightChevron.45809ca9.svg"
                    alt="go"
                  />
                </div>
              </a>
              </div>

                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- Videos -->
        <div
          class="relative py-20 border-gray-200 shadow-inner bg-nxgray-600"
        >
          <div class="container">
            <h2
              class="font-bold leading-none text-center text-white section-title"
            >
              Smore makes it easy to stay connected. <br />But don’t just take
              it from us.
            </h2>

            <p
              class="mt-4 text-lg font-light text-center text-white opacity-75"
            >
              See why educators and school communications professionals choose
              Smore to<br />
              engage community members and colleagues.
            </p>

            <div class="flex flex-wrap items-start justify-between mt-10 lg:flex-nowrap">
              <div class="flex flex-col items-center w-full lg:w-1/2">
                <div
                  class="flex items-center justify-center overflow-hidden rounded shadow cursor-pointer bg-nxgray-700"
                  style="width: 580px; height: 356px; max-width: 100%"
                >
                <div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative; height:100%;width:100%;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><span class="wistia_embed wistia_async_5n6vlvlsjp popover=true popoverAnimateThumbnail=true videoFoam=true" style="display:inline-block;height:100%;position:relative;width:100%">&nbsp;</span></div></div>                </div>
              </div>
              <div class="flex flex-col items-center w-full pl-0 lg:pl-16 lg:w-1/2">
                <div
                  class="flex items-center justify-center overflow-hidden rounded shadow cursor-pointer bg-nxgray-700 mb-7 mt-7 lg:mt-0"
                  style="width: 580px; min-height: 100px; max-width: 100%;"
                >
                  <div
                    class="flex-shrink-0 h-full overflow-hidden bg-white rounded-l"
                    style="width: 142px; height:100px; min-height:100%;"
                  >
                <div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative; height:100%;width:100%;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><span class="wistia_embed wistia_async_6cc70170hn popover=true popoverAnimateThumbnail=true videoFoam=true" style="display:inline-block;height:100%;position:relative;width:100%">&nbsp;</span></div></div>
                </div>
                  <div
                    class="flex items-center justify-start h-full p-6 text-base leading-normal text-white"
                  >
                    <svg
                      class="flex-shrink-0 mr-3 -mt-1"
                      width="12"
                      height="15"
                      viewBox="0 0 12 15"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M11.4986 6.63381C12.1656 7.01864 12.1656 7.98136 11.4986 8.36619L1.49972 14.1348C0.833055 14.5194 0 14.0382 0 13.2686V1.73141C0 0.961752 0.833055 0.480609 1.49972 0.865224L11.4986 6.63381Z"
                        fill="#5CECDF"
                      />
                    </svg>

                    How Director of PR Yolanda Stephen Communicates with her
                    Community.
                  </div>
                </div>
                <div
                  class="flex items-center justify-center overflow-hidden rounded shadow cursor-pointer bg-nxgray-700 mb-7"
                  style="width: 580px; min-height: 100px; max-width: 100%;"
                >
                  <div
                    class="flex-shrink-0 h-full overflow-hidden bg-white rounded-l"
                    style="width: 142px; height:100px;">
                    <div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;width:100%;height:100%;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><span class="wistia_embed wistia_async_7qm8sw3fl0 popover=true popoverAnimateThumbnail=true videoFoam=true" style="display:inline-block;height:100%;position:relative;width:100%">&nbsp;</span></div></div>                </div>
                  <div
                    class="flex items-center justify-start h-full p-6 text-base leading-normal text-white"
                  >
                    <svg
                      class="flex-shrink-0 mr-3 -mt-1"
                      width="12"
                      height="15"
                      viewBox="0 0 12 15"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M11.4986 6.63381C12.1656 7.01864 12.1656 7.98136 11.4986 8.36619L1.49972 14.1348C0.833055 14.5194 0 14.0382 0 13.2686V1.73141C0 0.961752 0.833055 0.480609 1.49972 0.865224L11.4986 6.63381Z"
                        fill="#5CECDF"
                      />
                    </svg>

                    How Director of Communications Ian Halperin Sends Email
                    Updates Fast.
                  </div>
                </div>
                <div
                  class="flex items-center justify-center overflow-hidden rounded shadow cursor-pointer bg-nxgray-700 mb-7"
                  style="width: 580px; min-height: 100px; max-width: 100%;"
                >
                  <div
                    class="flex-shrink-0 h-full overflow-hidden bg-white rounded-l"
                    style="width: 142px; height:100px;">
                    <div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;width:100%;height:100%;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><span class="wistia_embed wistia_async_hkwgikhrr2 popover=true popoverAnimateThumbnail=true videoFoam=true" style="display:inline-block;height:100%;position:relative;width:100%">&nbsp;</span></div></div>                </div>
                  <div
                    class="flex items-center justify-start h-full p-6 text-base leading-normal text-white"
                  >
                    <svg
                      class="flex-shrink-0 mr-3 -mt-1"
                      width="12"
                      height="15"
                      viewBox="0 0 12 15"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M11.4986 6.63381C12.1656 7.01864 12.1656 7.98136 11.4986 8.36619L1.49972 14.1348C0.833055 14.5194 0 14.0382 0 13.2686V1.73141C0 0.961752 0.833055 0.480609 1.49972 0.865224L11.4986 6.63381Z"
                        fill="#5CECDF"
                      />
                    </svg>

                    How School PR Professionals Communicate better with Smore.
                  </div>
                </div>
              </div>
            </div>

            <div class="flex flex-wrap items-start mt-10 -mx-3 jusyify-between">
              <div class="flex flex-col w-1/2 p-3 md:w-1/4">
                <div class="w-12 h-2 mb-6 bg-orange-500"></div>
                <h4 style="font-size: 20px;" class="font-medium text-white">
                  Super-fast
                </h4>
                <p class="text-white opacity-75 text-normal">
                  Create an interactive newsletter in minutes. Seriously.
                </p>
              </div>

              <div class="flex flex-col w-1/2 p-3 md:w-1/4">
                <div class="w-12 h-2 mb-6 bg-orange-500"></div>
                <h4 style="font-size: 20px;" class="font-medium text-white">
                  Easy Interface
                </h4>
                <p class="text-white opacity-75 text-normal">
                  Create the perfect newsletter. In just a few clicks. Every
                  time.
                </p>
              </div>

              <div class="flex flex-col w-1/2 p-3 md:w-1/4">
                <div class="w-12 h-2 mb-6 bg-orange-500"></div>
                <h4 style="font-size: 20px;" class="font-medium text-white">
                  Pre-Made Templates
                </h4>
                <p class="text-white opacity-75 text-normal">
                  Created by our in-house resident educator.
                </p>
              </div>

              <div class="flex flex-col w-1/2 p-3 md:w-1/4">
                <div class="w-12 h-2 mb-6 bg-orange-500"></div>
                <h4 style="font-size: 20px;" class="font-medium text-white">
                  Look like a Pro
                </h4>
                <p class="text-white opacity-75 text-normal">
                  Choose from gorgeous designs.
                </p>
              </div>
            </div>
          </div>
        </div>

        <!-- Testimonials -->
        <div class="relative pt-20 mb-20">
          <div class="container">
            <div class="flex flex-col items-center">
              <h2 class="font-bold leading-none text-center section-title">
                Loved by <span class="text-orange-600 phrase"></span> across the
                globe.
              </h2>

              <p class="mt-4 text-lg font-light text-center">
                More than <b>one million</b> educators use Smore to create
                beautiful newsletters.
              </p>

            </div>
            <div class="mt-12">
              <div class="flex flex-col items-center">
              <div class="flex flex-wrap items-start justify-around md:flex-nowrap">
                <div class="flex items-start justify-between w-full mx-4 md:w-5/12">
                  <div class="mr-4">
                      <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="72" height="72">
                        <rect width="72" height="72" rx="36" fill="#C4C4C4"/>
                        </mask>
                        <g mask="url(#mask0)">
                        <rect x="-0.838867" width="72" height="72" rx="36" fill="#DCF4F1"/>
                        <path d="M26.7373 9.23777C33.7574 6.0286 41.0127 6.06178 44.9579 10.7081C44.9579 10.7081 50.776 12.5797 52.3127 17.4613C53.851 22.3429 52.1785 29.0297 53.851 31.5029C55.9713 34.6397 58.5592 36.3831 61.4954 38.1143C62.4078 38.2893 63.2704 38.7326 63.9762 39.3751C65.3621 39.9798 66.104 42.352 66.4977 43.661C66.7857 44.6201 67.1914 45.3425 68.0781 45.8764C69.7445 46.8807 73.0216 46.659 75.2414 48.9739C79.0554 51.9011 77.6709 56.4178 80.1201 57.8323C80.3282 57.953 80.5499 58.054 80.7067 58.1355C80.8666 58.1807 81.4924 58.4009 81.9177 58.5215C83.5645 58.9875 85.2385 59.3072 86.7767 60.0899C88.5125 60.9737 89.8531 62.619 90.2241 64.5493C90.6343 66.6847 90.0522 69.7144 90.3207 70.841C90.4428 71.3537 90.4413 71.2542 90.66 71.6372C90.4669 71.3009 90.7369 71.7262 90.859 71.8484C92.0504 73.0548 95.9005 74.4045 96.3967 78.0993C97.0014 82.6009 92.9839 86.5279 87.3528 85.5507C87.0783 85.3305 87.0315 85.3742 86.2624 84.8434C85.4375 84.7409 85.163 84.106 84.495 84.0818C82.9643 84.0306 82.4063 84.391 80.6162 84.8223C74.5523 86.2821 73.1301 82.8512 72.1062 81.8499C72.1982 81.9554 71.9418 81.8016 71.886 81.7413C70.0265 81.7715 67.4598 83.4907 64.9534 82.5225C63.0321 81.7805 62.4153 80.0824 61.6055 79.3691C61.6417 79.4249 61.1802 79.1565 61.2797 79.1776C61.0399 79.0931 60.7836 79.0253 60.5302 79.0253C60.3221 79.0253 58.9513 79.3239 58.0389 78.3466C55.6546 78.033 55.3967 77.8791 52.2856 78.5412C51.5858 78.6905 50.3945 78.7146 49.4112 78.5005C44.148 77.3498 42.0669 73.1724 39.102 71.0084C36.0135 68.7538 32.9808 69.5682 26.4403 67.2201C25.4645 61.7548 24.4255 57.2744 23.4241 55.3712C20.4155 49.6541 16.0527 43.4861 15.6002 32.0519C15.1523 20.6222 19.7158 12.4469 26.7373 9.23777Z" fill="#8F8FC5"/>
                        <path d="M-3.35318 74.1813C-1.24641 66.8099 10.1878 60.1894 15.9034 55.6758L36.4795 58.5351C36.4795 58.5351 49.8546 66.8099 54.8206 74.1813C56.9274 77.3106 58.5471 82.7623 59.7128 87.9998H-5C-4.73458 82.7623 -4.24596 77.3106 -3.35318 74.1813Z" fill="#1B4E61"/>
                        <path d="M23.5886 36.0061C23.9264 37.0286 25.6335 42.0293 28.1414 46.1479C30.9494 50.7626 34.1586 53.6701 39.0734 53.4696C39.0734 53.4696 44.6397 52.8181 48.5516 42.5376C51.1093 35.8176 51.4109 32.9085 51.1093 29.5998C50.8092 26.2896 49.4731 24.2959 48.7522 22.729C47.9002 20.8726 47.2984 18.7673 47.2984 18.7673C47.2984 18.7673 45.7436 20.672 38.4219 20.8726C31.1003 21.0732 27.1386 23.7817 26.2352 25.7874C25.3334 27.7931 25.2324 29.3977 25.2324 29.3977C25.2324 29.3977 24.4466 32.5028 23.5886 36.0061Z" fill="#F39C67"/>
                        <path d="M24.7241 27.8654C24.7241 27.8654 21.5406 26.6243 20.8288 30.96C20.1185 35.2942 24.1872 35.2098 24.1872 35.2098L24.7241 27.8654Z" fill="#EB874B"/>
                        <path d="M43.492 43.661C43.2688 44.9715 41.4953 45.7632 39.5288 45.4284C37.5623 45.0937 36.1492 43.7605 36.3724 42.45C36.5956 41.1395 37.8473 42.7003 39.8138 43.0351C41.7788 43.3684 43.7137 42.3505 43.492 43.661Z" fill="white"/>
                        <path d="M15.9033 55.6759C15.9033 55.6759 19.6147 64.8028 27.238 65.3381C33.8419 65.8011 35.8642 62.3959 35.8642 62.3959L39.0734 53.4681C34.1586 53.6687 30.9494 50.7611 28.1413 46.1464C25.6334 42.0279 23.9263 37.0271 23.5885 36.0046C23.0742 38.0993 22.5358 40.3343 22.1226 42.1349C21.0202 46.9502 15.9033 55.6759 15.9033 55.6759Z" fill="#EB874B"/>
                        <path d="M33.5685 31.3708C33.5685 32.1981 34.238 32.8708 35.0685 32.8708C35.899 32.8708 36.5685 32.2013 36.5685 31.3708C36.5685 30.5404 35.899 29.8708 35.0685 29.8708C34.238 29.8708 33.5685 30.5436 33.5685 31.3708Z" fill="#011E41"/>
                        <path d="M44.9348 33.1096C44.9348 33.9369 45.6043 34.6096 46.4348 34.6096C47.2653 34.6096 47.9348 33.9401 47.9348 33.1096C47.9348 32.2824 47.2653 31.6096 46.4348 31.6096C45.6043 31.6096 44.9348 32.2824 44.9348 33.1096Z" fill="#011E41"/>
                        <path d="M41.2586 32.8074L39.5213 39.3554L42.367 40.2482C43.0999 40.4774 43.7786 39.7701 43.5177 39.0478L41.2586 32.8074Z" fill="#E07762"/>
                        <path d="M34.2596 39.5622C32.9853 39.5622 31.9522 38.5292 31.9522 37.2549C31.9522 35.9805 32.9853 34.9475 34.2596 34.9475C35.5339 34.9475 36.567 35.9805 36.567 37.2549C36.567 38.5292 35.5339 39.5622 34.2596 39.5622Z" fill="#E07762"/>
                        <path d="M45.601 41.0917C44.7 40.1907 44.7 38.7297 45.601 37.8287C46.5021 36.9276 47.963 36.9276 48.8641 37.8287C49.7651 38.7297 49.7651 40.1907 48.8641 41.0917C47.963 41.9928 46.5021 41.9928 45.601 41.0917Z" fill="#E07762"/>
                        <path d="M37.5517 59.9225C37.2169 56.2443 39.2905 53.6369 40.227 53.1694C41.1635 52.7019 47.5819 51.1636 47.5819 51.1636C47.5819 51.1636 47.2471 49.4248 47.6482 48.9573C47.6482 48.9573 46.8459 49.4248 46.1779 49.3585C46.1779 49.3585 46.8806 50.2618 46.8459 50.7625C46.8128 51.2647 46.211 51.4652 45.8099 51.1305C45.4088 50.7957 44.6819 49.6405 44.8402 48.054C44.9744 46.7163 46.38 46.5022 47.2803 46.3484C49.2528 46.0136 50.693 45.3832 52.0609 47.6528C54.7015 52.0323 54.9367 52.634 52.5962 54.9082C50.2557 57.1823 45.7752 58.5185 45.6425 59.9225C45.5083 61.3265 48.3842 69.1504 50.5241 74.4332C51.4742 76.7782 53.201 82.4335 54.8267 88.0013H42.6505C40.4834 76.6591 37.7508 62.1213 37.5517 59.9225Z" fill="#F39C67"/>
                        <path d="M12.753 86.4961C11.4802 77.588 8.17145 67.7734 3.54017 65.0242C4.0137 64.611 4.4978 64.2053 4.98792 63.8042C7.2455 65.3696 9.25274 68.2801 10.9689 72.4877C13.124 77.7719 14.1344 83.3729 14.5431 86.2413C14.626 86.8264 14.7074 87.4145 14.7828 88.0012H12.9581C12.8917 87.4975 12.8239 86.9968 12.753 86.4961Z" fill="#FAF8DC"/>
                        </g>
                        </svg>

                  </div>

                  <div class="flex flex-col mb-10 md:mb-0">
                    <h5 class="text-lg font-light">
                      <b>“I feel like a graphic designer</b> when I’m working
                      with Smore! It’s the best thing since sliced bread.<b
                        >”</b
                      >
                    </h5>

                    <h6 class="mt-4 font-medium text-orange-600 text-normal">Pam Little-McDaniel,<span class="text-sm font-normal text-nxgray-600"> Director of Public Information<br/>
                        Florence 1 Schools</span>
                  </div>
                </div>

                <div class="flex items-start justify-between w-full mx-4 md:w-5/12">
                  <div class="mr-4">
                      <svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="72" height="72">
                        <rect width="72" height="72" rx="36" fill="#C4C4C4"/>
                        </mask>
                        <g mask="url(#mask0)">
                        <rect x="-0.83884" width="72" height="72" rx="36" fill="#DCF4F1"/>
                        <path d="M0.724258 86.1869C4.02288 80.177 12.2059 77.0907 18.02 72.6188C20.8254 70.4605 21.897 59.0506 25.6246 56.3663C29.7976 53.3606 35.912 61.3867 38.8953 63.9709C41.8771 66.5551 46.9468 67.4011 46.9468 67.4011C49.8299 67.4011 49.6311 72.4708 52.9103 75.1551C56.191 77.8395 63.8315 81.5102 66.9269 86.3379C67.6861 87.5186 68.3109 88.9788 68.8235 90.5781H-1.05882C-0.580544 88.9938 0.00534058 87.4962 0.724258 86.1869Z" fill="#E289A9"/>
                        <path d="M54.2705 29.2603C54.8668 27.2724 54.7682 22.6002 49.5983 19.6185C44.4299 16.6367 36.9733 17.1329 36.9733 17.1329C36.9733 17.1329 37.2722 13.6535 33.0962 10.9691C28.9218 8.28479 19.4534 8.89758 15.2774 16.7518C11.1029 24.6045 14.6063 30.0554 17.0919 32.3422C19.5774 34.6289 24.547 34.33 24.547 34.33C24.547 34.33 26.2374 48.9429 31.8034 50.0354C37.3693 51.128 54.2705 29.2603 54.2705 29.2603Z" fill="#1B4E61"/>
                        <path d="M30.0397 44.7561C30.6958 45.7395 31.4969 47.0578 32.4341 48.8095C35.4158 54.3769 39.9894 58.1538 45.9529 58.1538C47.3444 58.1538 51.7191 56.7623 53.9057 51.7912C56.0924 46.8216 56.7126 35.9587 54.3033 28.7293C52.2482 25.3499 45.2908 24.489 38.7967 24.6206C37.8027 32.0757 30.645 35.4222 30.0487 44.635C30.0472 44.6739 30.0442 44.7142 30.0397 44.7561Z" fill="#F39C67"/>
                        <path d="M26.073 68.642C26.073 68.642 31.3924 70.9781 35.1678 73.3635C38.9462 75.749 43.865 80.3225 43.865 80.3225C43.865 80.3225 45.9529 77.9371 46.9469 76.3468C47.9408 74.7565 48.7852 73.1154 48.7852 73.1154C48.7852 73.1154 48.0394 71.8719 47.1456 69.1398C46.1996 66.2492 45.9529 58.1558 45.9529 58.1558C39.9894 58.1558 35.4159 54.3789 32.4341 48.8115C31.497 47.0598 30.6959 45.7415 30.0397 44.7581C29.8499 53.1354 26.073 68.642 26.073 68.642Z" fill="#EB874B"/>
                        <path d="M47.0155 38.4731L46.0021 45.1212L49.1453 45.6637C49.9554 45.8027 50.5876 45.0255 50.217 44.347L47.0155 38.4731Z" fill="#E07762"/>
                        <path d="M38.4152 38.1433C38.4152 38.9705 39.0848 39.6433 39.9152 39.6433C40.7457 39.6433 41.4152 38.9738 41.4152 38.1433C41.4152 37.3161 40.7457 36.6433 39.9152 36.6433C39.0848 36.6433 38.4152 37.3161 38.4152 38.1433Z" fill="#011E41"/>
                        <path d="M53.4415 40.5715C52.6131 40.5715 51.9415 39.9 51.9415 39.0715C51.9415 38.2431 52.6131 37.5715 53.4415 37.5715C54.27 37.5715 54.9415 38.2431 54.9415 39.0715C54.9415 39.9 54.27 40.5715 53.4415 40.5715Z" fill="#011E41"/>
                        <path d="M54.6516 43.5427C55.0177 43.5427 55.363 43.6309 55.6694 43.7834C55.5319 45.3124 55.3197 46.7651 55.0402 48.0789C54.9131 48.1013 54.7846 48.1148 54.6516 48.1148C53.3886 48.1148 52.3648 47.091 52.3648 45.828C52.3648 44.565 53.3886 43.5427 54.6516 43.5427Z" fill="#E07762"/>
                        <path d="M39.4424 47.4197C38.1794 47.4197 37.1556 46.3959 37.1556 45.133C37.1556 43.87 38.1794 42.8462 39.4424 42.8462C40.7053 42.8462 41.7291 43.87 41.7291 45.133C41.7291 46.3959 40.7053 47.4197 39.4424 47.4197Z" fill="#E07762"/>
                        <path d="M51.1228 48.2972C51.1302 49.6155 49.534 50.6916 47.5566 50.7021C45.5807 50.7125 43.9725 49.6529 43.965 48.3361C43.9576 47.0179 45.4477 48.3286 47.4236 48.3182C49.401 48.3062 51.1153 46.979 51.1228 48.2972Z" fill="white"/>
                        <path d="M30.6032 37.9376C30.6032 37.9376 27.321 37.1036 27.1462 41.453C26.9728 45.8023 30.9649 45.2254 30.9649 45.2254L30.6032 37.9376Z" fill="#F39C67"/>
                        </g>
                        </svg>


                  </div>

                  <div class="flex flex-col">
                    <h5 class="text-lg font-light">
                      <b>“</b>Smore has made our daily update attractive, and <b>fun to communicate with our students</b> while we teach from home.<b
                        >”</b
                      >
                    </h5>

                    <h6 class="mt-4 font-medium text-orange-600 text-normal">Karen White,<span class="text-sm font-normal text-nxgray-600"> ELA & Social Studies<br/>
                        Granite Falls Middle School</span>
                  </div>
                </div>
              </div>


              </div>
            </div>
          </div>
        </div>

      </div>
    </div>
</div>

    <div class="nx-page-with-footer">
        <div class="nx-footer" style="background: #404050; color: #fff;">
            <div class="split container-1200 nx-footer-content s-stretch" style="max-width: 100%;">
                <div class="s-left footer-fire">
                    <a href="/"><img
                            src="https://cdn.smore.com/images/footer-fire.f549b907.svg" alt="Smore fire"
                            width="42"
                            height="51"></a>
                </div>

                <div class="s-main">
                    <p style="color: rgba(255,255,255,0.5);" class="footer-title">Company</p>

                    <div class="footer-navigation">
                        <a style="color: #fff;" class="bottom-link" href="/about">About</a>
                        <a style="color: #fff;" class="bottom-link" href="/team">Team</a>
                        <a style="color: #fff;" class="bottom-link" href="/careers">Careers </a>
                        <a style="color: #fff;" class="bottom-link" href="/privacy">Privacy</a>
                        <a style="color: #fff;" class="bottom-link" href="https://www.smore.com/93z8-terms-of-service"
                           target="_blank">Terms</a>
                    </div>
                </div>

                <div class="s-main">
                    <p style="color: rgba(255,255,255,0.5);"  class="footer-title">Resources</p>

                    <div class="footer-navigation">
                        <a style="color: #fff;" class="bottom-link" href="https://help.smore.com/">Help Center</a>
                        <a style="color: #fff;" class="bottom-link"
                           href="/templates">Educator Hive</a>
                        <a style="color: #fff;" class="bottom-link" href="https://www.smore.com/blog/">Blog</a>
                    </div>
                </div>

                <div class="s-main">
                    <p style="color: rgba(255,255,255,0.5);"  class="footer-title">Smore Pro</p>

                    <div class="footer-navigation">
                        <a style="color: #fff;" class="bottom-link" href="/educators">Educator Pricing</a>
                        <a style="color: #fff;" class="bottom-link has-tooltip"
                           title="Get special pricing on school & district multi-user pricing"
                           href="/get-a-demo?utm_source=footer&utm_medium=&utm_content=get-a-demo&utm_campaign=mul">Smore for Teams
                            Pricing</a>
                        <a style="color: #fff;" class="bottom-link"
                           href="nonprofits?page_source=landingpage_footer">Non-profit Pricing</a>

                        <a style="color: #fff;" class="bottom-link" href="pricing?business_plans=True">Business
                            Pricing</a>
                    </div>
                </div>
                <div class="s-main social-icons-container">
                    <a href="https://www.facebook.com/smorepages" target="_blank" rel="noopener" class="social-icon">
                        <img style="filter: saturate(0%)"
                             src="https://cdn.smore.com/images/facebook.49954f68.svg"
                             alt="Smore's facebook page">
                    </a>
                    <a href="https://twitter.com/SmoreNewsletter" target="_blank" rel="noopener" class="social-icon">
                        <img style="filter: saturate(0%)" src="https://cdn.smore.com/images/twitter.4758e733.svg"
                             alt="Smore's twitter">
                    </a>
                    <br/>
                    <a href="https://www.linkedin.com/company/smore/" target="_blank" rel="noopener" class="social-icon">
                        <img style="filter: saturate(0%)"
                             src="https://cdn.smore.com/images/linkedin.42bcb644.svg"
                             alt="Smore's LinkedIn">
                    </a>
                    <a href="https://www.youtube.com/channel/UCt4lNwu5qhlnQqLgnkpuNgA" target="_blank" rel="noopener"
                       class="social-icon">
                        <img style="filter: saturate(0%)" src="https://cdn.smore.com/images/youtube.4706a819.svg"
                             alt="Smore's YouTube">
                    </a>
                    <br/>
                    <a href="https://www.pinterest.com/smoreflyers/" target="_blank" rel="noopener" class="social-icon">
                        <img style="filter: saturate(0%)"
                             src="https://cdn.smore.com/images/pinterest.e1c5a53e.svg"
                             alt="Smore's pinterest">
                    </a>
                </div>
            </div>
        </div>
    </div>



<script type="text/javascript" src="https://cdn.smore.com/js/landingpage_2020.0573ad48.js" async="async" defer="defer"></script>

<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.2.0/respond.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/selectivizr/1.0.2/selectivizr-min.js"></script>
<link href="https://cdn.smore.com/ie/respond/respond-proxy.html" id="respond-proxy"
      rel="respond-proxy"/>
<link href="/s/ie/respond/respond.proxy.gif" id="respond-redirect"
      rel="respond-redirect"/>
<script src="/s/ie/respond/respond.proxy.js"></script>
<![endif]-->

    <script src="https://www.smore.com/app/visit?httpref=" async="async">//</script>

    
    
    
    
    <script>
        fbq('track', 'landing_page', {});
    </script>

    
    
    <script>
        window.__initTwitter();
        twq('track', 'landing_page', {});
    </script>

    
    
    
    <script>
        pintrk('track', 'pagevisit', {"event": "landing_page"});
    </script>
    <noscript>
        <img height="1" width="1" style="display:none;" alt=""
             src="https://ct.pinterest.com/v3/?tid=2613616968842&event=pagevisit&noscript=1"/>
    </noscript>

</body>
</html>
Source code for http://www.smore.com/

Recently viewed pages:
