StoryMaker - StoryMaker

<!DOCTYPE html> <html class="no-js" lang="en"> <head> <meta charset="utf-8" /> <title> StoryMaker - StoryMaker </title> <meta name="description" content="" /> <meta name="viewport" content="width=device-width, initial-scale=1" />  <meta name="theme-color" content="#7857ff" />  <meta name="msapplication-navbutton-color" content="#7857ff" />  <meta name="apple-mobile-web-app-status-bar-style" content="#7857ff" /> <link rel="icon" href="https://d2m06gwiiv9vk7.cloudfront.net/images/logos/site-identity-small-transparent.png" sizes="192x192"/> <link rel="icon" href="https://d2m06gwiiv9vk7.cloudfront.net/images/logos/site-identity-small-transparent.png" sizes="32x32"/>  <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="StoryMaker"> <meta name="twitter:description" content="StoryMaker is a free learning platform for educators and young storytellers"> <meta property="og:url" content="http://stroy-maker.org/" /> <meta property="og:title" content="StoryMaker" /> <meta property="og:description" content="StoryMaker is a free learning platform for educators and young storytellers" /> <meta property="og:site_name" content="StoryMaker" /> <meta itemprop="url" content="http://stroy-maker.org/"/> <meta itemprop="name" content="StoryMaker"> <meta itemprop="description" content="StoryMaker is a free learning platform for educators and young storytellers" /> <title>StoryMaker</title> <meta name="description" content="StoryMaker is a free learning platform for educators and young storytellers"> <style> @font-face { font-family: "Akkurat"; src: local('Akkurat Pro'), url("https://d2m06gwiiv9vk7.cloudfront.net/fonts/akkurat/akkurat-regular.otf") format("opentype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Akkurat"; src: local('Akkurat Pro'), url("https://d2m06gwiiv9vk7.cloudfront.net/fonts/akkurat/akkurat-italic.otf") format("opentype"); font-weight: normal; font-style: italic; } @font-face { font-family: "Akkurat"; src: local('Akkurat Pro'), url("https://d2m06gwiiv9vk7.cloudfront.net/fonts/akkurat/akkurat-bold.otf") format("opentype"); font-weight: bold; font-style: normal; } @font-face { font-family: "Akkurat"; src: local('Akkurat Pro'), url("https://d2m06gwiiv9vk7.cloudfront.net/fonts/akkurat/akkurat-bold-italic.otf") format("opentype"); font-weight: bold; font-style: italic; } </style> <link rel="stylesheet" href="https://d2m06gwiiv9vk7.cloudfront.net/styles/app.css" type="text/css" /> <link rel="stylesheet">  <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-M55CTLJ'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-FRY1KV7SLQ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-FRY1KV7SLQ'); </script> </head> <body class=" template-homepage ">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M55CTLJ" height="0" width="0" style="display:none; visibility:hidden"></iframe></noscript>  <nav class="absolute top-0 left-0 z-10 flex items-center justify-between w-full px-2 pt-3 md:px-6 h-28 lg:h-16"> <a href="/"><img src=" https://d2m06gwiiv9vk7.cloudfront.net/images/logos/storymaker_banner_logo2.png" alt="Storymaker Logo" width="233" /></a> <div class="fixed z-30 flex top-6 right-3 lg:hidden"> <button class="flex items-center p-6 outline-none rounded-xl focus:outline-none" id="top-nav-landing-button"> <svg class="stroke-current text-color_primary_darker" width="34" height="13" viewBox="0 0 34 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M0 1.5H34M0 11.5H19" stroke-width="3" /> </svg> </button> </div> <div class="hidden w-full text-right lg:flex lg:w-auto text-bold lg:mt-0 lg:ml-8 xl:ml-20 2xl:ml-72"> <a href="/educators/" class="block px-3 py-3 font-semibold text-color_srl_slate lg:inline-block hover:text-color_primary">Educators</a> <a href="/students/" class="block px-3 py-3 ml-2 font-semibold xl:ml-10 text-color_srl_slate lg:inline-block hover:text-color_primary">Students</a> <a href="/library/" class="block px-3 py-3 ml-2 font-semibold xl:ml-10 text-color_srl_slate lg:inline-block hover:text-color_primary">Resources</a> <a href="/stories/" class="block px-3 py-3 ml-2 font-semibold xl:ml-10 text-color_srl_slate lg:inline-block hover:text-color_primary">Stories</a> </div> <div class="hidden lg:flex-1 lg:block"></div> <div class="hidden lg:w-auto lg:flex"> <a class="block text-sm btn btn--inverse-outline" href="/login/">LOGIN</a> <a class="block ml-3 text-sm btn btn--inverse-outline" href="/signup/">SIGN UP</a> <a class="block ml-3 text-sm btn btn--gradient hover:shadow-lg hover:shadow-pink-200/50 transition-all" href="https://give.newshour.org/page/48170/donate/1?ea.tracking.id=srl_storymaker_website&supporter.appealCode=R2400SW0200SRL">DONATE</a> </div> <div id="top-nav-landing-menu" class="fixed top-0 z-30 p-10 text-xl transition-all bg-white shadow-lg rounded-tl-xl rounded-bl-xl lg:hidden -right-full"> <a href="/educators/" class="block px-3 py-3 font-semibold text-color_srl_slate lg:inline-block hover:text-color_primary">Educators</a> <a href="/students/" class="block px-3 py-3 font-semibold text-color_srl_slate lg:inline-block hover:text-color_primary">Students</a> <a href="/library/" class="block px-3 py-3 font-semibold text-color_srl_slate lg:inline-block hover:text-color_primary">Resources</a> <a href="/stories/" class="block px-3 py-3 font-semibold text-color_srl_slate lg:inline-block hover:text-color_primary">Stories</a> <a class="block mt-3 text-sm btn btn--inverse-outline" href="/login/">EDUCATOR LOGIN</a> <a class="block mt-3 text-sm btn" href="/signup/">EDUCATOR SIGN UP</a> <button class="absolute z-10 outline-none top-10 right-10 focus:outline-none">X</button> </div> </nav> <section class="relative w-full pt-40 bg-gradient-to-r from-color_accent_gradient_green to-color_accent_gradient_blue"> <div class="absolute top-0 left-0 w-full h-full bg-white opacity-50"></div> <div class="relative flex flex-row w-full pb-20 md:pb-0"> <div class="pl-5 mr-10 lg:pl-20"> <div class="mb-20"> <h1 class="mb-10 text-6xl font-semibold text-color_srl_slate">DISCOVER THE POWER OF YOUTH MEDIA</h1> <h2 class="mb-10 text-xl text-color_srl_slate">Projects, lesson plans, storytelling resources and tutorials just for you. StoryMaker is a powerful learning platform developed by PBS NewsHour Student Reporting Labs to build the next generation of media creators.</h2> <a class="px-12 py-20 text-sm font-bold btn btn--gradient--big" href="https://www.story-maker.org/signup">GET STARTED</a> </div> <div> <h3 class="mb-8 font-semibold text-color_srl_slate">Connect with us</h3> <div class="flex flex-row mb-12"> <a class="mr-8" href="https://www.instagram.com/studentreportinglabs/?hl=en" target="_blank"> <img src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/Instagram.png" alt="Instagram"> </a> <a class="mr-8" href="https://www.facebook.com/StudentReportingLabs/" target="_blank"> <img src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/Facebook.png" alt="Facebook"> </a> <a class="mr-8" href="https://twitter.com/ReportingLabs" target="_blank"> <img src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/X.png" alt="X"> </a> <a class="mr-8" href="https://www.tiktok.com/@reportinglabs" target="_blank"> <img src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/tiktok-SRL-v2.png" alt="TikTok"> </a> <a class="mr-8" href="https://studentreportinglabs.org/" target="_blank"> <img src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/SRL_Play_button_2.png" alt="Student Reporting Labs"> </a> </div> </div> </div> <div class="hidden md:flex-1 "></div> <div class="flex-col hidden md:flex"> <div class="flex-1"></div> <img src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/iphone-camera-woman.png" alt="Camera Woman"> </div> </div> </section> <section id="banner-container" class="relative overflow-hidden flex flex-col items-center w-full py-20 bg-gradient-to-r from-color_accent_gradient_green to-color_accent_gradient_blue"> <h1 class="z-10 mb-10 text-5xl font-semibold leading-normal text-center text-color_srl_slate ">NOW FEATURING</h1> <div class="z-10 grid grid-cols-1 gap-x-28 mt-10 lg:grid-cols-3"> <a class="banner-item" href="https://story-maker.org/library/2024-2025-school-year-prompts/" target="_blank"> <div class="flex flex-col items-center"> <img class="h-56 rounded-lg" src="https://ded2p6uwhlbzl.cloudfront.net/images/24-25_Prompts_button1.width-250.jpg" alt="2022 Student Journalism Challenge"> <div class="flex flex-col items-center px-3 py-6"> <h4 class="mt-8 mb-4 text-xl font-bold">NEW! 2024-2025 SCHOOL YEAR PROMPTS</h4> <p class="font-light text-center">Explore the many different ways students will have to create stories this upcoming school year.</p> </div> </div> </a> <a class="banner-item" href="https://story-maker.org/library/dear-mr-president-messages-to-the-next-president-and-vice-president/" target="_blank"> <div class="flex flex-col items-center"> <img class="h-56 rounded-lg" src="https://ded2p6uwhlbzl.cloudfront.net/images/Rapid_responseThumb1.width-250.jpg" alt="2022 Student Journalism Challenge"> <div class="flex flex-col items-center px-3 py-6"> <h4 class="mt-8 mb-4 text-xl font-bold">NEW! Rapid Response: Dear Mr. President...</h4> <p class="font-light text-center">If you could send a message directly to Donald Trump and JD Vance about what matters to you and what you want them to know as they take office, what would you say? Here’s your chance to make your voice heard.</p> </div> </div> </a> <a class="banner-item" href="https://story-maker.org/pitch-page/" target="_blank"> <div class="flex flex-col items-center"> <img class="h-56 rounded-lg" src="https://ded2p6uwhlbzl.cloudfront.net/images/LeesonPlan_9_Pitch_your_story.width-250.png" alt="2022 Student Journalism Challenge"> <div class="flex flex-col items-center px-3 py-6"> <h4 class="mt-8 mb-4 text-xl font-bold">PITCH YOUR STORY</h4> <p class="font-light text-center">Instead of submitting fully produced stories, SRL now invites students to pitch their story ideas first. Learn more here.</p> </div> </div> </a> </div> <img id="banner-follower" class="banner-follower hidden lg:block lg:absolute top-0 left-0 w-full h-full object-contain object-top md:opacity-60 2xl:opacity-100" src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/banner/banner-bg-elements.png" alt="Featured Background" /> </section> <section class="relative w-full px-10 py-40 bg-blue-200"> <div class="absolute top-0 left-0 w-full h-full bg-white opacity-70"> </div> <div class="relative flex flex-col items-center w-full"> <h2 class="mb-2 font-semibold tracking-wider text-color_primary_darker text-md"> GETTING STARTED</h2> <h1 class="mb-10 text-5xl font-semibold leading-normal text-center text-color_srl_slate "> Are you a teacher or a student?</h1> <div class="grid grid-cols-1 gap-x-28 gap-y-7 lg:grid-cols-2"> <a class="landing-page_card" href="/educators/"> <img class="landing-page_card-doodle" src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/educator-doodle.png" alt="Doodle Overlay"> <div class="landing-page_card-wrapper"> <div class="rounded-t-lg landing-page_card-image" style='background-image:url("https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/educator-image.png");'> </div> <div class="flex flex-col items-center px-3 pb-6 text-white rounded-b-lg landing-page_card-body"> <h4 class="mt-3 mb-5 text-xl font-bold">EDUCATOR</h4> <p class="font-light text-center">Learn how to use StoryMaker to start, grow and enrich your program.</p> <div class="flex flex-row items-center mt-8" > <h4 class="font-semibold leading-tight border-b-2 border-white border-opacity-30">LEARN MORE</h4> <img class="ml-4 transform rotate-180" src="https://d2m06gwiiv9vk7.cloudfront.net/images/navigation/back-arrow-icon.png" alt="Go to arrow"> </div> </div> </div> </a> <a class="landing-page_card" href="/students/"> <img class="landing-page_card-doodle" src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/student-doodle.png" alt="Doodle Overlay"> <div class="landing-page_card-wrapper"> <div class="rounded-t-lg landing-page_card-image" style='background-image:url("https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/student-image.png");'> </div> <div class="flex flex-col items-center px-3 pb-6 text-white rounded-b-lg landing-page_card-body"> <h4 class="mt-3 mb-5 text-xl font-bold">STUDENT</h4> <p class="font-light text-center">Build valuable video, audio and journalism skills, and produce the stories you wish to see.</p> <div class="flex flex-row items-center mt-8"> <h4 class="font-semibold leading-tight border-b-2 border-white border-opacity-30">LEARN MORE</h4> <img class="ml-4 transform rotate-180" src="https://d2m06gwiiv9vk7.cloudfront.net/images/navigation/back-arrow-icon.png" alt="Go to arrow"> </div> </div> </div> </a> </div> </div> </section> <section class="relative w-full px-10 bg-white p-28 md:px-20 lg:px-24"> <div class="xl:w-1/2"> <h1 class="inline text-5xl font-semibold leading-normal text-color_srl_slate"> Project-based, student-centered online curriculum.</h1>   <h2 class="inline text-5xl font-semibold leading-normal text-color_primary_darker"> Made easy.</h2> </div> <div class="grid grid-cols-1 mt-12 gap-y-24 lg:grid-cols-2 lg:gap-x-8 lg:gap-y-16"> <div class="flex flex-col"> <div class="flex flex-row items-center"> <div> <img alt="Home.png" height="80" src="https://ded2p6uwhlbzl.cloudfront.net/images/Home.width-80.png" width="80"> </div> <h3 class="text-lg font-semibold md:text-3xl text-color_srl_slate">Personalized Dashboard</h3> </div> <div class="pr-20 mt-4 ml-4 text-sm font-light leading-relaxed md:text-lg text-color_srl_light_gray"> <p data-block-key="tri1j">Save your favorite project, lesson plan or other resource to your personalized dashboard in just a few clicks. Your dashboard calendar makes it easy to keep track of upcoming project deadlines, webinars and workshops.</p> </div> </div> <div class="flex flex-col"> <div class="flex flex-row items-center"> <div> <img alt="Showcase.png" height="80" src="https://ded2p6uwhlbzl.cloudfront.net/images/Showcase.width-80.png" width="80"> </div> <h3 class="text-lg font-semibold md:text-3xl text-color_srl_slate">Media Making Challenges</h3> </div> <div class="pr-20 mt-4 ml-4 text-sm font-light leading-relaxed md:text-lg text-color_srl_light_gray"> <p data-block-key="tri1j">Inspire students to apply their story-making skills with our <b>Challenges</b>. These timely media making opportunities empower students to contribute their perspective to important national conversations.</p> </div> </div> <div class="flex flex-col"> <div class="flex flex-row items-center"> <div> <img alt="Directory.png" height="80" src="https://ded2p6uwhlbzl.cloudfront.net/images/Directory.width-80.png" width="80"> </div> <h3 class="text-lg font-semibold md:text-3xl text-color_srl_slate">Educator Community</h3> </div> <div class="pr-20 mt-4 ml-4 text-sm font-light leading-relaxed md:text-lg text-color_srl_light_gray"> <p data-block-key="tri1j">StoryMaker supports a community of educators from across the country leading students to produce stories and find their voice. Use the directory to find and connect with like-minded educators and mentors to help you figure out the best path to success.</p> </div> </div> <div class="flex flex-col"> <div class="flex flex-row items-center"> <div> <img alt="Resources.png" height="80" src="https://ded2p6uwhlbzl.cloudfront.net/images/Resources.width-80.png" width="80"> </div> <h3 class="text-lg font-semibold md:text-3xl text-color_srl_slate">Storytelling Lesson Plans</h3> </div> <div class="pr-20 mt-4 ml-4 text-sm font-light leading-relaxed md:text-lg text-color_srl_light_gray"> <p data-block-key="tri1j">Focused on understanding digital journalism, media making, audio and video production. Our standards-based curriculum resources develop communication skills, critical thinking, teamwork, and other key skills for the future.</p> </div> </div> </div> </section> <section class="relative w-full px-10 bg-color_page_background_alt py-28 md:px-20 lg:px-24 lg:pb-36"> <div class="relative flex flex-col items-center w-full"> <h2 class="mb-2 font-semibold tracking-wider text-color_primary_darker text-md"> TESTIMONIALS</h2> <div class="relative"> <h1 class="mb-10 text-5xl font-semibold leading-normal text-center text-color_srl_slate "> Why StoryMaker?</h1> <img class="absolute hidden lg:inline -top-8 -right-24" src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/doodle-quote.png" alt="quotation mark"> </div> </div> <div class="relative grid grid-cols-1 mt-12 gap-y-16 lg:grid-cols-3 lg:gap-x-8"> <div class="flex flex-col p-8 bg-white landing-page_testimonial-card rounded-xl lg:z-10"> <div class="flex flex-row items-center"> <div> <img alt="mrs judson.jpg" height="80" src="https://ded2p6uwhlbzl.cloudfront.net/images/mrs_judson.width-80.jpg" width="80"> </div> <div class="flex-1"></div> <div class="self-start"> <img src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/quote.png" alt="quote image"> </div> </div> <div class="pr-8 mt-4 text-sm font-light leading-relaxed 2xl:pr-20 text-color_srl_slate"> Journalism teachers can be their own island. StoryMaker connects us to resources, lessons and each other. The content on the site saves us the time and anguish of building our lessons all alone! </div> <div class="mt-12"> <h5 class="font-semibold text-color_srl_slate">Bernadine Judson</h5> <h6 class="mt-1 text-sm text-color_srl_light_gray">Etiwanda High School</h6> </div> </div> <div class="flex flex-col p-8 bg-white landing-page_testimonial-card rounded-xl lg:z-10"> <div class="flex flex-row items-center"> <div> <img alt="ko1.jpg" height="85" src="https://ded2p6uwhlbzl.cloudfront.net/images/ko1.width-80.jpg" width="80"> </div> <div class="flex-1"></div> <div class="self-start"> <img src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/quote.png" alt="quote image"> </div> </div> <div class="pr-8 mt-4 text-sm font-light leading-relaxed 2xl:pr-20 text-color_srl_slate"> StoryMaker is just the tool we need as educators to help our students navigate the world of media and storytelling. This generation is ready to have their voices heard, and StoryMaker is the perfect resource to amplify their voices and help shape the narrative of what is happening in our country today. </div> <div class="mt-12"> <h5 class="font-semibold text-color_srl_slate">Kolinda Scialabba</h5> <h6 class="mt-1 text-sm text-color_srl_light_gray">Gwinnett County Public Schools</h6> </div> </div> <div class="flex flex-col p-8 bg-white landing-page_testimonial-card rounded-xl lg:z-10"> <div class="flex flex-row items-center"> <div> <img alt="Neena-Kumar.jpeg" height="107" src="https://ded2p6uwhlbzl.cloudfront.net/images/Neena-Kumar.width-80.jpg" width="80"> </div> <div class="flex-1"></div> <div class="self-start"> <img src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/quote.png" alt="quote image"> </div> </div> <div class="pr-8 mt-4 text-sm font-light leading-relaxed 2xl:pr-20 text-color_srl_slate"> Producing video stories makes students proficient in technology and critical thinking skill sets, but it also builds capacity for tackling complex text and projects, encourages the 'figuring out' mindset and makes the scholar own their learning. </div> <div class="mt-12"> <h5 class="font-semibold text-color_srl_slate">Neena Kumar</h5> <h6 class="mt-1 text-sm text-color_srl_light_gray">Legacy Early College High School</h6> </div> </div> <div class="hidden bg-purple-100 landing-page_testimonial-card-underlay xl:inline"><img src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/star-doodle.png" alt="stars"></div> </div> </section> <section class="px-10 bg-gradient-to-r from-color_accent_gradient_green to-color_accent_gradient_blue py-28 md:px-20 lg:px-24 lg:pb-36"> <div class="flex flex-col items-center m-auto lg:w-1/2"> <h1 class="mb-10 text-5xl font-bold leading-tight text-center">Stay connected with us</h1> <h4 class="mb-10 text-3xl font-light leading-relaxed text-center opacity-80">Subscribe to our mailing list to receive the latest news, updates, and all things StoryMaker related</h4> <form action="https://studentreportinglabs.us11.list-manage.com/subscribe/post" class="w-full p-6" method="POST" _lpchecked="1"> <input type="hidden" name="u" value="7528e701ad313829220821525"> <input type="hidden" name="id" value="af87744dc7">  <div class="field-shift" aria-label="Please leave the following three fields empty"> <label class="hidden" for="b_name">Name: </label> <input class="hidden" type="text" name="b_name" tabindex="-1" value="" placeholder="Freddie" id="b_name"> <label class="hidden" for="b_email">Email: </label> <input class="hidden" type="email" name="b_email" tabindex="-1" value="" placeholder="youremail@gmail.com" id="b_email"> <label class="hidden" for="b_comment">Comment: </label> <textarea class="hidden" name="b_comment" tabindex="-1" placeholder="Please comment" id="b_comment"></textarea> </div> <div class="relative"> <input type="email" id="b_email" class="w-full h-16 px-4 text-xl font-light bg-white rounded-md focus:outline-none hover:cursor-pointer" name="MERGE0" autocapitalize="off" autocorrect="off" id="MERGE0" placeholder="Enter your email address."> <button class="inline w-full px-8 mt-6 text-xs tracking-wide text-white transition-all duration-500 ease-in-out rounded h-14 md:h-10 bg-color_primary md:mt-0 md:w-auto md:absolute md:top-3 right-2 hover:bg-color_primary_darker" type="submit">SUBSCRIBE </button> </div> </form> </div> </section> <script type="text/javascript" src="https://d2m06gwiiv9vk7.cloudfront.net/js/main.js"></script> <footer class="grid w-full grid-cols-1 pb-6 text-base srl-footer pt-14 font-extralight md:pl-72 md:grid-cols-6 md:gap-4 print:hidden"> <div class="max-w-screen-xl col-span-3 px-4 pb-8 mx-auto"> <div> StoryMaker is a free learning platform developed by PBS News Student Reporting Labs to build the next generation of media creators. Our lesson plans and activities provide a strong foundation of storytelling and journalism skills to help students gain confidence, find their voice, and discover their place in the world. </div> <div class="mt-5 text-xs"> © 2024 PBS News Student Reporting Labs | Privacy Policy </div> </div> <div class="max-w-screen-xl col-span-1 px-4 mx-auto"> <ul> <li class="underline"><a href="https://www.story-maker.org/getting-started/">Getting Started</a> </li> <li class="underline"><a href="https://www.story-maker.org/faq">FAQs</a> </li> <li class="underline"><a href="https://studentreportinglabs.org/">Student Reporting Labs</a> </li> <li class="underline"><a href="https://story-maker.org/terms/">Terms of Use</a> </li> <li class="underline"><a href="https://story-maker.org/privacy/">Privacy Policy</a> </li> </ul> </div> <div class="items-stretch w-full max-w-screen-xl col-span-2 px-4 mx-auto justify-items-stretch"> <h1 class="text-2xl font-bold text-white">Stay Connected</h1> <ul class="flex flex-row mt-4"> <li><a href="https://www.instagram.com/studentreportinglabs/?hl=en"><img src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/instagram-white.png" alt="Instagram"></a> </li> <li class="ml-4"><a href="https://www.facebook.com/StudentReportingLabs/"><img src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/facebook-white.png" alt="Facebook"></a> </li> <li class="ml-4"><a href="https://twitter.com/reportinglabs"><img src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/twitter-white.png" alt="Twitter"></a> </li> <li class="ml-4"><a href="mailto:"><img src="https://d2m06gwiiv9vk7.cloudfront.net/images/landing-pages/email-white.png" alt="White"></a> </li> </ul> </div> </footer> </body> </html>

CINXE.COM

StoryMaker - StoryMaker