<head>

    <style>
        #myVideo {
            /*            position: fixed;*/
            margin-top: 0px;
            right: 0;
            bottom: 0;
            min-width: 100%;
            min-height: 100%;
        }

        blockquote.abt {
            text-align: left;
            margin: 30px 70px !important;
            padding: 20px;
            background-color: #fff;
        }

        blockquote.abt {
            font-size: 20px;
            text-align: left;
            margin: 30px 0 !important;
            padding: 20px 50px;
            background-repeat: no-repeat;
            /*background-image: url(../img/mainbg.jpg);*/
            background-color: rgb(62 86 98 / 73%);
            font-weight: 300;
            background-size: cover;
            background-position: 50% 50%;
            color: #fff;
            border-left-width: 8px;
            position: relative;
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        }

        .boverlay {
            content: '';
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            display: block;
            position: absolute;
            background: rgb(0 0 0 / 68%);
            z-index: -1;
        }

        .abt-desc {
            box-shadow: 0 0.5rem 1rem rgb(210 210 210 / 40%);
            border-radius: 0.3rem;
            background-color: #fff;
            padding: 25px;
            text-align: center;
            color: #000;
        }

        .donation-btn {
            /* background-color: #004A7F; */
            -webkit-border-radius: 10px;
            border-radius: 10px;
            border: none;
            color: #FFFFFF;
            cursor: pointer;
            display: inline-block;
            font-family: Arial;
            font-size: 20px;
            padding: 5px 10px;
            text-align: center;
            text-decoration: none;
            -webkit-animation: glowing 1500ms infinite;
            -moz-animation: glowing 1500ms infinite;
            -o-animation: glowing 1500ms infinite;
            animation: glowing 1500ms infinite;
        }

        @-webkit-keyframes glowing {
            0% {
                background-color: #3C454C;
                -webkit-box-shadow: 0 0 3px #3C454C;
            }

            50% {
                background-color: #FF0000;
                -webkit-box-shadow: 0 0 40px #FF0000;
            }

            100% {
                background-color: #3C454C;
                -webkit-box-shadow: 0 0 3px #3C454C;
            }
        }

        @-moz-keyframes glowing {
            0% {
                background-color: #3C454C;
                -moz-box-shadow: 0 0 3px #3C454C;
            }

            50% {
                background-color: #FF0000;
                -moz-box-shadow: 0 0 40px #FF0000;
            }

            100% {
                background-color: #3C454C;
                -moz-box-shadow: 0 0 3px #3C454C;
            }
        }

        @-o-keyframes glowing {
            0% {
                background-color: #3C454C;
                box-shadow: 0 0 3px #3C454C;
            }

            50% {
                background-color: #FF0000;
                box-shadow: 0 0 40px #FF0000;
            }

            100% {
                background-color: #3C454C;
                box-shadow: 0 0 3px #3C454C;
            }
        }

        @keyframes  glowing {
            0% {
                background-color: #3C454C;
                box-shadow: 0 0 3px #3C454C;
            }

            50% {
                background-color: #FF0000;
                box-shadow: 0 0 40px #FF0000;
            }

            100% {
                background-color: #3C454C;
                box-shadow: 0 0 3px #3C454C;
            }
        }
    </style>
        <title>History Chip - The stories of our world
 </title>
    <meta name="description" content="Welcomes all your stories. Your stories expand our understanding of each other and life on earth. Big stories or little stories - all are welcome. Building a true peoples’ history. History Chip - the future of history." />

    <meta property="og:locale" content="en_US" />

    <meta property="og:type" content="website" />

    <meta property="og:title" content="History Chip - The stories of our world
" />


    <meta property="og:description" content="Welcomes all your stories. Your stories expand our understanding of each other and life on earth. Big stories or little stories - all are welcome. Building a true peoples’ history. History Chip - the future of history." />

    <meta property="og:url" content="https://www.storychip.com" />
    <meta property="og:image" content="/assets/img/stories/LargeBanner.jpg" />


    <meta property="og:site_name" content="Historychip" />

    <meta name="twitter:card" content="/assets/img/stories/LargeBanner.jpg" />

    <meta name="twitter:description" content="Welcomes all your stories. Your stories expand our understanding of each other and life on earth. Big stories or little stories - all are welcome. Building a true peoples’ history. History Chip - the future of history." />

    <meta name="twitter:title" content="History Chip - The stories of our world
" />
    
</head>



<!DOCTYPE html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>History Chip</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="CCraKIABd8lBbRg3aetdoycPkahVOUDDRRuNJ3JF">
    <script>
        window.Laravel = {
            csrfToken: 'CCraKIABd8lBbRg3aetdoycPkahVOUDDRRuNJ3JF'
        }
        url = "https://www.storychip.com";
    </script>
    <link rel="canonical" href="https://www.storychip.com" />

    <!-- Favicon -->
    <link rel="icon" href="https://www.storychip.com/assets/img/favi.png">
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;800&display=swap" rel="stylesheet">
    <!-- CSS

                        ============================================ -->

    

    <link rel="stylesheet" href="https://www.storychip.com/assets/css/vendor/vendor.min.css">

    <link rel=" stylesheet" href="https://www.storychip.com/assets/css/plugins/plugins.min.css ">

    <!-- Main Style CSS -->
    <link rel="stylesheet" href="https://www.storychip.com/assets/css/style.css">

    <!-- Main Style CSS -->
    <link rel="stylesheet" href="https://www.storychip.com/css/style.css ">
    <link rel="stylesheet" href="https://www.storychip.com/assets/css/sweetalert.css">

    <!-- Required for Quill -->
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/styles/default.min.css">
    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/highlight.min.js"></script>

    <script type="text/javascript" src="https://www.storychip.com/js/app.js"></script>
    <!-- jQuery JS XXX-->
    <script src="https://www.storychip.com/assets/js/vendor/jquery-3.3.1.min.js  "></script>
    <link rel="stylesheet" href="https://www.storychip.com/assets/css/plugins/select2.min.css ">
    <script src="https://www.storychip.com/assets/js/plugins/select2.min.js"></script>
    <!-- Google Tag Manager -->
    <script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-585M6TM');
    </script>
    <!-- End Google Tag Manager -->

</head>

<body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-585M6TM" height="0" width="0"
            style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

    <div class="preloader-activate preloader-active open_tm_preloader">
        <div class="preloader-area-wrap">
            <div class="spinner d-flex justify-content-center align-items-center h-100">
                <div class="bounce1"></div>
                <div class="bounce2"></div>
                <div class="bounce3"></div>
            </div>
        </div>
    </div>
        <!--====================  header area ====================-->
    <div class="header-area header-area--absolute">

        <div class="header-top-bar-info border-bottom d-none d-lg-block cust-bor">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="top-bar-wrap">
                            <div class="top-bar-left">
                                                                                                    <marquee onmouseover="this.stop();" onmouseout="this.start();">
                                        <div class="top-bar-text text-white"> IT&#039;S PRIDE MONTH! WE INVITE YOU TO CELEBRATE YOUR JOURNEY! ADD YOUR STORY AS ONLY YOU KNOW IT! SHARE YOUR PRIDE HERE!</div>
                                    </marquee>
                                
                            </div>
                            <div class="top-bar-right">
                                <ul class="list ht-social-networks cust-soc">
                                                                            <li class="item cust-reg">
                                            <a href="https://www.storychip.com/login" class="social-link   hint--primary">
                                                Log In / Register
                                            </a>
                                                                            </li> |
                                    <li class="item">
                                        <a href="https://www.facebook.com/HistoryChip/" target="_blank"
                                            aria-label="Facebook" class="social-link   hint--primary">
                                            <i class="fab fa-facebook-f link-icon"></i>
                                        </a>
                                    </li>
                                    <li class="item">
                                        <a href="https://instagram.com/historychipofficial?igshid=7bbizkt10clm"
                                            target="_blank" aria-label="Instagram" class="social-link  hint--primary">
                                            <i class="fab fa-instagram link-icon"></i>
                                        </a>
                                    </li>
                                    <li class="item">
                                        <a href="https://www.youtube.com/channel/UCSrIvdo034dV1rOL-adGu1g"
                                            target="_blank" aria-label="You Tube"
                                            class="social-link   hint--primary">
                                            <i class="fab fa-youtube link-icon"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-bottom-wrap header-sticky">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="header position-relative">
                            <!-- brand logo -->
                            <div class="header__logo">
                                                                <a href="https://www.storychip.com/">
                                    <img src="https://www.storychip.com/assets/images/logo/logo-light.png"
                                        class="img-fluid light-logo" alt="History Chip Logo">
                                    <img src="https://www.storychip.com/assets/images/logo/logo.png"
                                        class="img-fluid dark-logo" alt="History Chip Logo">
                                    <p class="cust-tag">every person, every story, all the truth</p>
                                </a>
                                                            </div>
                            <div class="header-right">
                                <!-- navigation menu -->
                                <div class="header__navigation menu-style-four d-none d-xl-block cust-nav">
                                    <nav class="navigation-menu">
                                        <ul>
                                            <li class="has-children has-children--multilevel-submenu">
                                                <a href="javascript:;"><span>About</span></a>
                                                <ul class="submenu">
                                                    <li><a href="https://www.storychip.com/about"><span>About History
                                                                Chip</span></a></li>
                                                    <li><a href="https://www.storychip.com/founder"><span>Founder</span></a>
                                                    </li>
                                                    <li><a href="https://www.storychip.com/historychipfor"><span>Who is
                                                                History Chip
                                                                for</span></a></li>
                                                </ul>
                                            </li>
                                            <li class="has-children has-children--multilevel-submenu">
                                                <a href="javascript:;"><span>Stories</span></a>

                                                <ul class="submenu">
                                                    <li><a href="https://www.storychip.com/readastory"><span>Read a
                                                                Story</span></a></li>
                                                    <li><a href="https://www.storychip.com/submitastory"><span>Write a
                                                                Story</span></a></li>

                                                </ul>
                                            </li>
                                            <li>
                                                <a href="https://www.storychip.com/writingtips"><span>Writing
                                                    Prompts</span></a>
                                                <!-- mega menu -->
                                                <!--
                                                                <ul class="submenu">

                                                                    <li><a href="/storytemplates"><span>Story templates </span></a></li>
                                                                    <li><a href="/storyprompts"><span>Story Prompts</span></a></li>
                                                                    <li><a href="/freewritingtips"><span>Free writing tips download</span></a></li>
                                                                </ul>-->
                                            </li>
                                            <li class="has-children has-children--multilevel-submenu">
                                                <a href="javascript:;"><span>Resource</span></a>
                                                <!-- multilevel submenu -->
                                                <ul class="submenu">
                                                    <li><a href="https://www.storychip.com/faq"><span>FAQ</span></a></li>
                                                    <!-- <li><a href="/blog"><span>Blogs</span></a></li>-->

                                                                                                            <li><a
                                                                href="https://www.storychip.com/register"><span>Registration</span></a>
                                                        </li>
                                                                                                        <li><a href="https://www.storychip.com/privacypolicy"><span>Privacy
                                                                Policy</span></a></li>
                                                    <li><a href="https://www.storychip.com/termsandconditions"><span>Term
                                                                of Use</span></a></li>
                                                    <li><a href="https://www.storychip.com/contactus"><span>Contact
                                                                Us</span></a></li>
                                                </ul>
                                            </li>
                                            <li>
                                                <a href="https://www.storychip.com/blog"><span>Blogs</span></a>
                                                <!-- mega menu -->
                                                <!--
                                                                <ul class="submenu">

                                                                    <li><a href="/storytemplates"><span>Story templates </span></a></li>
                                                                    <li><a href="/storyprompts"><span>Story Prompts</span></a></li>
                                                                    <li><a href="/freewritingtips"><span>Free writing tips download</span></a></li>
                                                                </ul>-->
                                            </li>
                                                                                        <li>
                                                <a href="https://www.storychip.com/partners"><span>Partners</span></a>

                                            </li>
                                                                                    </ul>
                                    </nav>
                                </div>

                                <!-- mobile menu -->
                                <!-- <div class="mobile-navigation-icon white-md-icon d-block d-xl-none"
                                        id="mobile-menu-trigger">
                                        <i></i>
                                    </div>-->

                                                                <div class="flex-fleed">
                                    <div class="header-search-form-two white-icon">
                                        <div class="search-box">
                                            <div class="search-icon"><i class="fa fa-search search-icon"></i></div>
                                            <form method="GET" action="/search/basic" class="mb-0">
                                                <input type="hidden" name="_token" value="CCraKIABd8lBbRg3aetdoycPkahVOUDDRRuNJ3JF">                                                <input type="text" placeholder="Search any word" id="search"
                                                    name="term" value="" autocomplete="off">
                                            </form>
                                            <svg class="search-border" version="1.1"
                                                xmlns="http://www.w3.org/2000/svg"
                                                xmlns:xlink="http://www.w3.org/1999/xlink"
                                                xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
                                                x="0px" y="0px" viewBox="0 0 671 111"
                                                style="enable-background:new 0 0 671 111;" xml:space="preserve">
                                                <path class="border"
                                                    d="M335.5,108.5h-280c-29.3,0-53-23.7-53-53v0c0-29.3,23.7-53,53-53h280" />
                                                <path class="border"
                                                    d="M335.5,108.5h280c29.3,0,53-23.7,53-53v0c0-29.3-23.7-53-53-53h-280" />
                                            </svg>
                                            <div class="go-icon"><i class="fa fa-arrow-right"></i></div>
                                        </div>
                                    </div>

                                    <div class="hero-button-group nomobile">

                                        <a href="https://www.storychip.com/submitastory"
                                            class="ht-btn ht-btn-sm btn--white cust-b"><span
                                                class="btn-icon mr-2"></span>Add a Story</a>
                                    </div>
                                </div>




                            </div>
                            
                        </div>


                    </div>

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

    </div>
    <!--====================  End of header area  ====================-->

    <!-- Responsive Menu -->
    <div class="resp_menu ssss">
        <div id="btn">
            <div id='top'></div>
            <div id='middle'></div>
            <div id='bottom'></div>
        </div>
        <div id="box">
            <div id="items">
                <div class="header__navigation">
                    <nav class="navigation-menu">
                        <ul>
                            <li class="">
                                <a href="/"><span>Home</span></a>

                            </li>
                            <li class="has-children has-children--multilevel-submenu">
                                <a href="javascript:;"><span>About us</span></a>
                                <ul class="submenu">
                                    <li><a href="https://www.storychip.com/about"><span>About Us</span></a></li>
                                    <li><a href="https://www.storychip.com/founder"><span>Founder</span></a></li>
                                    <li><a href="https://www.storychip.com/historychipfor"><span>Who is History Chip
                                                for</span></a></li>
                                    <!-- <li><a href="javascript:;"><span>Terms of Use</span></a></li> -->
                                </ul>
                            </li>
                            <li class="has-children has-children--multilevel-submenu">
                                <a href="javascript:;"><span>Stories</span></a>
                                <ul class="submenu">
                                    <li><a href="https://www.storychip.com/readastory"><span>Read a Story</span></a></li>
                                    <li><a href="https://www.storychip.com/submitastory"><span>Write a Story</span></a>
                                    </li>

                                </ul>
                            </li>
                            <li>
                                <a href="https://www.storychip.com/writingtips"><span>Writing Prompts</span></a>
                            </li>
                            <li class="has-children has-children--multilevel-submenu">
                                <a href="javascript:;"><span>Resource</span></a>
                                <!-- multilevel submenu -->
                                <ul class="submenu">
                                    <li><a href="https://www.storychip.com/faq"><span>FAQ</span></a></li>
                                    {{-- <li><a href="https://www.storychip.com/blog"><span>Blogs</span></a></li> --}}

                                                                            <li><a href="https://www.storychip.com/register"><span>Registration</span></a></li>
                                                                        <li><a href="https://www.storychip.com/privacypolicy"><span>Privacy Policy</span></a>
                                    </li>
                                    <li><a href="https://www.storychip.com/termsandconditions"><span>Term of
                                                Use</span></a></li>
                                    <li><a href="https://www.storychip.com/contactus"><span>Contact Us</span></a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="https://www.storychip.com/blog"><span>Blogs</span></a>
                            </li>

                                                        <li>
                                <a href="https://www.storychip.com/partners"><span>Partners</span></a>
                            </li>
                                                                                        <li>
                                    <a href="https://www.storychip.com/login" class="social-link   hint--primary">
                                        Log In / Register
                                    </a>
                                </li>
                                                        <div class="hero-button-group ">

                                <a href="https://www.storychip.com/submitastory"
                                    class="ht-btn ht-btn-sm btn--white cust-b"><span class="btn-icon mr-2"></span>Add
                                    a
                                    Story</a>
                            </div>

                        </ul>
                    </nav>
                    <div class="header-search-form-two white-icon mchin">
                        <div class="search-box">
                            <div class="search-icon"><i class="fa fa-search search-icon"></i></div>
                            <form method="GET" action="/search/basic" class="mb-0">
                                <input type="hidden" name="_token" value="CCraKIABd8lBbRg3aetdoycPkahVOUDDRRuNJ3JF">                                <input type="text" placeholder="Search any word" id="search" name="term"
                                    value="" autocomplete="off">
                            </form>
                            <svg class="search-border" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                xmlns:xlink="http://www.w3.org/1999/xlink"
                                xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" x="0px"
                                y="0px" viewBox="0 0 671 111" style="enable-background:new 0 0 671 111;"
                                xml:space="preserve">
                                <path class="border"
                                    d="M335.5,108.5h-280c-29.3,0-53-23.7-53-53v0c0-29.3,23.7-53,53-53h280" />
                                <path class="border"
                                    d="M335.5,108.5h280c29.3,0,53-23.7,53-53v0c0-29.3-23.7-53-53-53h-280" />
                            </svg>
                            <div class="go-icon"><i class="fa fa-arrow-right"></i></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End of responsive menu -->

    <main class="min-height-container">
                <!--===========  Our Company History Start  End =============-->
    <div>
        <!--============ Resolutions Hero Start ============-->
        <div id="home"
            class="banner-area service-hero-wrapper resolutions-hero-space resolutions-hero-bg position-relative">


            <video playsinline autoplay muted loop id="myVideo">
                <source src="https://dk8gitnxkd9gd.cloudfront.net/banner.mp4" type="video/mp4">
                <source src="assets/images/banners/banner.webm" type="video/mp4">

            </video>
            <div class="container overtext">

                <div class="row justify-content-center">
                    
                    <div class="col-lg-10 col-md-10">
                        <div class="service-hero-wrap wow move-up">
                            <div class="service-hero-text text-center">

                                <h3 id="firstLine" class="text-white">The story of our world is not complete until you add
                                    your story</h3>
                                <div class="ctahisory">
                                    <a href="https://www.storychip.com/submitastory" class="add-story-btn">Add Your Story </a>
                                    <div class="linksm">
                                        <a title="Add with Audio" href="https://www.storychip.com/submitastory?type=audio"><i
                                                class="fa fa-music"></i></a>
                                        <a title="Add with Video" href="https://www.storychip.com/submitastory?type=audio"><i
                                                class="fa fa-video"></i></a>
                                        <a title="Add Only Text" href="https://www.storychip.com/submitastory?type=text"
                                            class="music"><i class="fa fa-file"></i></a>
                                    </div>
                                </div>

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

            </div>
            <section id="section04" class="demo">
                <a href="#aboudown"><span></span>Scroll</a>
            </section>

        </div>

        <section class="testimonials-sec">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-6">
                        <h4>Your donations will help History Chip raise the voices of all people all over the world,
                            including those whose voices couldnâ€™t be heard before, while, at the same time, it fulfills
                            its promise to provide more truth to history.</h4>
                    </div>
                    <div class="col-md-6 text-center">
                        <p><a href="/donation" class="btn donation-btn">Donate Now</a></p>
                    </div>
                </div>
            </div>
        </section>


        <section class="video-sec">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-md-6 text-center">
                        <h5>You are not ordinary,
                            <br>you are extraordinary.
                        </h5>
                        <p>We invite people like you, extraordinary people from all walks of life, living in different
                            places to share their life experiences.</p>
                    </div>
                    <div class="col-md-6 text-center">
                        <p>Watch Video</p>
                        <a onclick="PlayVideo()" return false;" id="startPlayback" class="single-popup-wrap video-link">
                            <img src="assets/img/play-btn.png" class="img-fluid" />
                        </a>
                        <div class="h-video">
                            <video id="video1" width="750" height="560" controls class="hidden">
                                <source type="video/mp4" src="assets/img/pop-hc.mp4">
                                Your browser does not support playing this Video
                            </video>
                            <span class="lg-close lg-icon video-close" style="display:none; cursor:pointer;"
                                onclick="PlayVideo()"></span>
                        </div>
                    </div>

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

        <section class="mission-sec">
            <div class="container">
                <div class="row">
                    <div class="col-12 text-center">
                        <p>Our mission is to celebrate the stories of all humans and open up the world of human resilience,
                            triumph, and everyday experiences to our readers and storytellers.</p>
                        <!-- <h5>The stories we tell today are the success stories of yesterday. </h5> -->
                        <a href="/about" class="learn-more mt-3">Learn More</a>
                    </div>
                </div>
            </div>
        </section>

        <section class="add-story-sec">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-7 left-sec text-center">
                        <h4>Our memories are fallible, <br>
                            that's why we want your story to expand the truth of our world.</h4>
                        <p>History Chip is your voice, your writing, your story and an essential part of the majestic
                            history of our world.</p>
                    </div>
                    <div class="col-md-5 right-sec text-center">
                        <img src="assets/img/add-story-bg.jpg" class="img-fluid" alt="success stories" />
                        <a href="/submitastory" class="learn-more">Add Your Story</a>
                    </div>
                </div>
            </div>
        </section>


        <!--============ read & write story ============-->

        <div class="port-src">
            <div class="form-sec">
                <label for="cars">Search Stories</label>
                <form class="port-form" method="GET" action="https://www.storychip.com/search_filter">
                    <select class="custom-select" name='category' id="category" required="">
                        <option selected="" value=""> - Search by category -</option>
                                                <option value="Adventures" data-id="1">
                            Adventures</option>
                                                <option value="Agriculture" data-id="2">
                            Agriculture</option>
                                                <option value="Arts" data-id="3">
                            Arts</option>
                                                <option value="Being Human" data-id="4">
                            Being Human</option>
                                                <option value="Celebrations" data-id="5">
                            Celebrations</option>
                                                <option value="Celebrities" data-id="6">
                            Celebrities</option>
                                                <option value="Challenges" data-id="7">
                            Challenges</option>
                                                <option value="Crisis" data-id="8">
                            Crisis</option>
                                                <option value="Culture" data-id="9">
                            Culture</option>
                                                <option value="Death" data-id="10">
                            Death</option>
                                                <option value="Economy" data-id="11">
                            Economy</option>
                                                <option value="Education" data-id="12">
                            Education</option>
                                                <option value="Eras" data-id="13">
                            Eras</option>
                                                <option value="Events" data-id="14">
                            Events</option>
                                                <option value="Family" data-id="15">
                            Family</option>
                                                <option value="Geography/Travel" data-id="16">
                            Geography/Travel</option>
                                                <option value="Good Works" data-id="17">
                            Good Works</option>
                                                <option value="Government/Politics" data-id="18">
                            Government/Politics</option>
                                                <option value="Health" data-id="19">
                            Health</option>
                                                <option value="Home" data-id="20">
                            Home</option>
                                                <option value="Human Rights" data-id="21">
                            Human Rights</option>
                                                <option value="Innovations" data-id="22">
                            Innovations</option>
                                                <option value="Immigration" data-id="23">
                            Immigration</option>
                                                <option value="Institutions" data-id="24">
                            Institutions</option>
                                                <option value="Languages" data-id="25">
                            Languages</option>
                                                <option value="Lost and Obsolete" data-id="26">
                            Lost and Obsolete</option>
                                                <option value="Love & Friendship" data-id="27">
                            Love & Friendship</option>
                                                <option value="Media" data-id="28">
                            Media</option>
                                                <option value="Military/War" data-id="29">
                            Military/War</option>
                                                <option value="Nature/Environment" data-id="30">
                            Nature/Environment</option>
                                                <option value="Neiborhoods" data-id="31">
                            Neiborhoods</option>
                                                <option value="Obituaries" data-id="32">
                            Obituaries</option>
                                                <option value="Recreation" data-id="33">
                            Recreation</option>
                                                <option value="Religion" data-id="34">
                            Religion</option>
                                                <option value="Science" data-id="35">
                            Science</option>
                                                <option value="Sports" data-id="36">
                            Sports</option>
                                                <option value="Society/Communities" data-id="37">
                            Society/Communities</option>
                                                <option value=" Surroundings" data-id="38">
                             Surroundings</option>
                                                <option value=" Technology" data-id="39">
                             Technology</option>
                                                <option value="Transportation" data-id="40">
                            Transportation</option>
                                                <option value="Work" data-id="41">
                            Work</option>
                                                <option value="Government/Military" data-id="42">
                            Government/Military</option>
                                                <option value="Relationships" data-id="43">
                            Relationships</option>
                                                <option value="Careers & Jobs" data-id="44">
                            Careers & Jobs</option>
                                                <option value="Personalities" data-id="45">
                            Personalities</option>
                                                <option value="Obituary" data-id="46">
                            Obituary</option>
                                                <option value="Industry" data-id="47">
                            Industry</option>
                                            </select>
                    <select class="custom-select" name="level_1" id="sub_category">
                        <option selected="" value="">Choose a Sub-category</option>
                    </select>
                    <button class="btn btn-inline cust-b"><i
                            class="flaticon-magnifying-glass"></i><span>Go</span></button>
                </form>
            </div>
        </div>
        <!--

        ===========  feature-large-images-wrapper  Start =============
        <div class="feature-large-images-wrapper pt-5 pb-5" id="aboudown" style="background-color: #e2eaec;">
            <div class="container abt-desc">
                <div class="row">
                    <div class="col-lg-12 m-auto pb-3 text-center">
                        <div class="cybersecurity-about-text text-center">
                            <div class="section-title-wrap text-center">
                            </div>
                            <div class="text pl-3"><span>History Chip</span>  is revolutionizing the way history is composed. We're providing an
                                interactive platform where all peopleâ€™s stories are <t></t> valued and included in the epic of
                                history. Everyone is invited to add true first-person historical narratives and readers can
                                explore these unique "chips" of history. </div>
                            <div class="text"><span>History Chip</span> provides a fully searchable database of stories told by people from all over
                                the world providing extraordinary opportunities for new and original research as well as a
                                greater understanding of our global community and humanity.</div>
                            <div  class="text mb-0">
                                <blockquote class="abt"><div class="boverlay"></div>
                                    We want all people to be part of history,<br>
                                    "to have a grand, sweeping narrative that they deserved... Not told as a separate history,
                                    but as part of a story we all know. Not at the margins, but at the very center, the
                                    protagonists of the drama."<br>
                                    <div class="text-right">from Margot Lee Shetterlyâ€™s groundbreaking book <a style="text-decoration: underline;" target="_blank" href="https://www.goodreads.com/book/show/25953369-hidden-figures">Hidden Figures.</a></div>
                                </blockquote>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>-
        =========== fun fact Wrapper End ==========
        ===========  Our Company History Start =============--
        <div class="our-company-history pt-1 pb-1">
            <div class="container">
                <div class="grid-wrapper">
                    <div class="line line-1"></div>
                    <div class="line line-2"></div>
                    <div class="line line-3"></div>
                    <div class="line line-4"></div>
                </div>

                <div class="row align-items-center">
                    <div class="col-sm-6 col-12 text-center">
                        <div class="faq-custom-col new_history">
                            <a href="/readastory"><img src="assets/img/icons-03.png"></a>
                        </div>
                    </div>
                    <div class="col-sm-6 col-12 rsss text-center">

                        <div class="faq-custom-col new_history new_history1">
                            <a href="/writeastory"><img src="assets/img/icons-04.png"></a>
                        </div>
        <!--========= About Resources Wrapper Start ===========--
        </div>
    </div>
    </div>
    </div>
        <!--===========  Our Company History Start  End =============
        ===========  feature-large-images-wrapper  Start =============-->
        <br>
                <div class="feature-large-images-wrapper pb-0 pt-0" id="section04">
            <div class="container">

                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                        <!-- section-title-wrap Start -->
                        <div class="section-title-wrap text-center section-space--mb_30">

                            <!--<h3 class="heading theme-font">R<small>ecent</small> S<small>tory</small> C<small>hips</small></h3>-->
                            <h4 class="new-theme">Featured Story Chips</h4>
                        </div>
                        <!-- section-title-wrap Start -->
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="row">
                                                        <div class="col-lg-4 col-md-6 mt-0">
                                <!--======= Single Blog Item Start ========-->
                                <div class="single-blog-item blog-grid">
                                    <!-- Post Feature Start -->
                                    <div class="post-feature blog-thumbnail">
                                        <a href="/stories/64">
                                            <img class="img-fluid" src="/assets/img/stories/Banner72pi2.jpg" alt="Memorial Day Memories"
                                                style="width: 370px;">
                                        </a>
                                    </div>
                                    <!-- Post Feature End -->
                                    <!-- Post info Start -->
                                    <div class="post-info lg-blog-post-info cust-story">
                                        <div class="post-meta">
                                            <div class="post-date">
                                                <span class="far fa-user meta-icon"></span>
                                                                                                <a href="/author/c0fa6cd1-c0e9-4eed-8409-e7996f4ca46f">Elsie Johnson</a>

                                            </div>
                                            <div class="h-line"></div>
                                        </div>
                                        <h5 class="post-title font-weight--bold pt-3">
                                            <a href="/stories/64">Memorial Day Memories</a>
                                        </h5>
                                        <div class="post-excerpt">
                                            <p>

                                            <p>We always called it “Decoration Day” School was dismissed for the year and we looked forward to a summer of freedom.......
                                            </p>
                                            </p>
                                        </div>

                                        <div style="width: 100%; height: 33px;">
                                                                                    </div>
                                        <div class="btn-text">
                                            <a href="/stories/64">Read more
                                                <svg width="48" height="48" viewBox="0 0 48 48" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M10 24H38" stroke="#3D5762" stroke-width="0.7"
                                                        stroke-linecap="round" stroke-linejoin="round" />
                                                    <path d="M30 32L38 24" stroke="#3D5762" stroke-width="0.7"
                                                        stroke-linecap="round" stroke-linejoin="round" />
                                                    <path d="M30 16L38 24" stroke="#3D5762" stroke-width="0.7"
                                                        stroke-linecap="round" stroke-linejoin="round" />
                                                </svg>
                                            </a>
                                        </div>
                                    </div>
                                    <!-- Post info End -->
                                </div>
                                <!--===== Single Blog Item End =========-->
                            </div>
                                                        <div class="col-lg-4 col-md-6 mt-0">
                                <!--======= Single Blog Item Start ========-->
                                <div class="single-blog-item blog-grid">
                                    <!-- Post Feature Start -->
                                    <div class="post-feature blog-thumbnail">
                                        <a href="/stories/66">
                                            <img class="img-fluid" src="/assets/img/stories/Banner72pi2.jpg" alt="May Day in Iowa, 1930’s"
                                                style="width: 370px;">
                                        </a>
                                    </div>
                                    <!-- Post Feature End -->
                                    <!-- Post info Start -->
                                    <div class="post-info lg-blog-post-info cust-story">
                                        <div class="post-meta">
                                            <div class="post-date">
                                                <span class="far fa-user meta-icon"></span>
                                                                                                <a href="/author/c0fa6cd1-c0e9-4eed-8409-e7996f4ca46f">Elsie Johnson</a>

                                            </div>
                                            <div class="h-line"></div>
                                        </div>
                                        <h5 class="post-title font-weight--bold pt-3">
                                            <a href="/stories/66">May Day in Iowa, 1930’s</a>
                                        </h5>
                                        <div class="post-excerpt">
                                            <p>

                                            <p>May Day in Iowa was important and fun. Several days before May First, my sisters and I would be busy making little baske......
                                            </p>
                                            </p>
                                        </div>

                                        <div style="width: 100%; height: 33px;">
                                                                                    </div>
                                        <div class="btn-text">
                                            <a href="/stories/66">Read more
                                                <svg width="48" height="48" viewBox="0 0 48 48" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M10 24H38" stroke="#3D5762" stroke-width="0.7"
                                                        stroke-linecap="round" stroke-linejoin="round" />
                                                    <path d="M30 32L38 24" stroke="#3D5762" stroke-width="0.7"
                                                        stroke-linecap="round" stroke-linejoin="round" />
                                                    <path d="M30 16L38 24" stroke="#3D5762" stroke-width="0.7"
                                                        stroke-linecap="round" stroke-linejoin="round" />
                                                </svg>
                                            </a>
                                        </div>
                                    </div>
                                    <!-- Post info End -->
                                </div>
                                <!--===== Single Blog Item End =========-->
                            </div>
                                                        <div class="col-lg-4 col-md-6 mt-0">
                                <!--======= Single Blog Item Start ========-->
                                <div class="single-blog-item blog-grid">
                                    <!-- Post Feature Start -->
                                    <div class="post-feature blog-thumbnail">
                                        <a href="/stories/91">
                                            <img class="img-fluid" src="/assets/img/stories/Banner72pi2.jpg" alt="House Cleaning"
                                                style="width: 370px;">
                                        </a>
                                    </div>
                                    <!-- Post Feature End -->
                                    <!-- Post info Start -->
                                    <div class="post-info lg-blog-post-info cust-story">
                                        <div class="post-meta">
                                            <div class="post-date">
                                                <span class="far fa-user meta-icon"></span>
                                                                                                <a href="/author/c0fa6cd1-c0e9-4eed-8409-e7996f4ca46f">Elsie Johnson</a>

                                            </div>
                                            <div class="h-line"></div>
                                        </div>
                                        <h5 class="post-title font-weight--bold pt-3">
                                            <a href="/stories/91">House Cleaning</a>
                                        </h5>
                                        <div class="post-excerpt">
                                            <p>

                                            <p>The only time my mother had household help was spring cleaning time. What a trauma! Everything was removed from the hous......
                                            </p>
                                            </p>
                                        </div>

                                        <div style="width: 100%; height: 33px;">
                                                                                    </div>
                                        <div class="btn-text">
                                            <a href="/stories/91">Read more
                                                <svg width="48" height="48" viewBox="0 0 48 48" fill="none"
                                                    xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M10 24H38" stroke="#3D5762" stroke-width="0.7"
                                                        stroke-linecap="round" stroke-linejoin="round" />
                                                    <path d="M30 32L38 24" stroke="#3D5762" stroke-width="0.7"
                                                        stroke-linecap="round" stroke-linejoin="round" />
                                                    <path d="M30 16L38 24" stroke="#3D5762" stroke-width="0.7"
                                                        stroke-linecap="round" stroke-linejoin="round" />
                                                </svg>
                                            </a>
                                        </div>
                                    </div>
                                    <!-- Post info End -->
                                </div>
                                <!--===== Single Blog Item End =========-->
                            </div>
                                                    </div>
                    </div>
                    <div class="section-under-heading text-center section-space--mt_40"></a></div>
                </div>
            </div>
        </div>
                <!--============ End read & write story ============-->
    </div>
    <!--===========  feature-large-images-wrapper  End =============-->
    </div>
    <script>
        //var vid_back = document.getElementById("myVideo");
        //
        //vid_back.playbackRate = 0.5;
        var playCounter = 0;
        var whichState = 0;

        var $video1 = $("#video1");


        var timerID;


        function stopTimer() {
            window.clearInterval(timerID);
        }

        function PlayVideo() {
            if (whichState === 0) {

                stopTimer();
                $(".video-link .ht-popup-video.video-button").css("display", "none");
                $video1.removeClass("hidden");

                $video1[0].play();
                whichState = 1;
                $(".video-close").css("display", "block");
            } else {

                $video1[0].pause();
                $video1.addClass("hidden");
                $(".video-link .ht-popup-video.video-button").css("display", "block");

                whichState = 0;
                $(".video-close").css("display", "none");
            }
        }

        function drawImage(video) {
            //last 2 params are video width and height
            ctx.drawImage(video, 0, 0, 640, 360);
        }

        // copy video frame to canvas every 30 milliseconds
        $video1.on("play", function() {
            timerID = window.setInterval(function() {
                drawImage($video1[0]);
            }, 30);
        });

        function onVideoEnd() {
            //stop copying frames to canvas for the current video element
            stopTimer();

            $video1.addClass("hidden");
            $(".video-link .ht-popup-video.video-button").css("display", "block");

            whichState = 0;
            $(".video-close").css("display", "none");
        }


        $video1.on("ended", onVideoEnd);
    </script>
    <div class="modal-on-load enable-cookie" data-target="#myModal"></div>
    <div class="modal fade newsletter-popup" id="myModal" tabindex="-1" role="dialog"
        aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-smll" role="document">
            <div class="modal-content modal-newsletter">
                <div class="block dark mx-auto"
                    style="background: url('./assets/img/about-banner-v.jpg'); background-size: cover; max-width: 700px;"
                    data-height-xl="400">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">Ã—</span></button>
                    <div style="padding: 50px;">
                        <div class="heading-block border-bottom-0 bottommargin-sm">
                            <h3>Subscribe to our Newsletter</h3>
                            <span>We promise we will not spam you</span>
                        </div>
                        <div class="widget-subscribe-form-result"></div>
                        <form action="#" method="post" id="subscribe_form">
                            <input type="hidden" name="_token" value="CCraKIABd8lBbRg3aetdoycPkahVOUDDRRuNJ3JF">                            <input type="text" id="name" name="name"
                                class="form-control form-control-lg not-dark required" placeholder="Enter your Name">
                            <br>
                            <input type="email" id="widget-subscribe-form2-email" name="email"
                                class="form-control form-control-lg not-dark required email"
                                placeholder="Enter your Email">
                            <div class="">
                                <button class="button button-rounded button-border button-light ml-0" type="submit"
                                    style="margin-top:15px;">Subscribe
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
                <!--<div class="modal-header bg-primary text-center">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">Ã—</span></button>
        <div>
                        <h2 class="modal-title" id="myModalLabel">Subscribe to our Newsletter.</h2>
                        </div>
        <p>We promise we will not spam you.</p>
    </div>
    <div class="modal-body">
        <div class="row">
            <form action="#" method="post" id="subscribe_form">
                <input type="hidden" name="_token" value="CCraKIABd8lBbRg3aetdoycPkahVOUDDRRuNJ3JF">                    <div class="form-group col-md-12">
                        <div class="input-group">
                            <span class="input-group-addon">Name</span>
                            <input type="text" class="form-control input-lg" name="name" placeholder="Your Name here">
                        </div>
                    </div>
                    <div class="form-group col-md-12">
                        <div class="input-group">
                            <span class="input-group-addon">Email</span>
                            <input type="email" class="form-control input-lg"  name="email" placeholder="Your email here">
                        </div>
                    </div>
                    <div class="form-group col-md-12">
                        <input type="submit" class="btn btn-primary btn-lg btn-block" value="Subscribe">
                    </div>
                </form>
            </div>
        </div>-->
            </div>
        </div>
    </div>
    <!--====================  footer area ====================--
<div class="footer-area-wrapper reveal-footer bg-gray" style="background-color: #fff;">
    <div class="footer-area section-space--ptb_80">
        <div class="container">
            <div class="row footer-widget-wrapper">
                <div class="col-lg-4 col-md-12 col-sm-12 footer-widget">
                    <div class="footer-widget__logo mb-30">
                        <a href="/">
                            <img src="/assets/images/logo/logo.png" class="img-fluid dark-logo" alt="">
                            <p class="cust-tag-footer" style="color: #3E5662;">every person, every story, all the truth</p>
                        </a>
                    </div>
                    <ul class="footer-widget__list">
                    </ul>
                    <ul class="list ht-social-networks solid-rounded-icon">
                        <li class="item">
                            <a href="https://www.facebook.com/HistoryChip/" target="_blank" aria-label="Facebook" class="social-link hint--bounce hint--top hint--primary">
                                <i class="fab fa-facebook-f link-icon"></i>
                            </a>
                        </li>
                        <li class="item">
                            <a href="https://instagram.com/historychipofficial?igshid=7bbizkt10clm" target="_blank" aria-label="Instgram" class="social-link hint--bounce hint--top hint--primary">
                                <i class="fab fa-instagram link-icon"></i>
                            </a>
                        </li>


                        <li class="item">
                            <a href="https://www.youtube.com/channel/UCSrIvdo034dV1rOL-adGu1g" target="_blank" aria-label="You Tube" class="social-link hint--bounce hint--top hint--primary">
                                <i class="fab fa-youtube link-icon"></i>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-lg-2 col-md-4 col-sm-6 col-6 footer-widget">
                    <h6 class="footer-widget__title mb-20">Quick links</h6>
                    <ul class="footer-widget__list">
                        <li><a href="/about"><span>About History Chip</span></a></li>
                        <li><a href="/readastory"><span>Read a Story</span></a></li>
                        <li><a href="/writeastory"><span>Write a Story</span></a></li>
                        <li><a href="/writingtips"><span>Writing tips</span></a></li>

                    </ul>
                </div>
                <div class="col-lg-2 col-md-4 col-sm-6 col-6 footer-widget">
                    <h6 class="footer-widget__title mb-20">Resource</h6>
                    <ul class="footer-widget__list">
                        <li><a href="/faq"><span>FAQ</span></a></li>
                        <!--<li><a href="/blog"><span>Blogs</span></a></li>--
                                                <li><a href="/register"><span>Registration</span></a></li>
                                                <li><a href="/termsandconditions"><span>Terms of Use</span></a></li>
                        <li><a href="/privacypolicy"><span>Privacy Policy</span></a></li>
                        <li><a href="/contactus"><span>Contact Us</span></a></li>
                    </ul>
                </div>
                                <div class="col-lg-3 col-md-4 col-sm-6 footer-widget">
                    <div class="footer-widget__title section-space--mb_50"></div>
                    <div class="hero-button-group">
                        <a href="/login" class="ht-btn ht-btn-md btn--white cust-b"><span class="btn-icon mr-2"></span>Log in / Register</a>
                    </div>

                </div>
                            </div>
        </div>
    </div>
    <div class="footer-copyright-area section-space--pb_30">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6 text-center text-md-left">
                    <span class="copyright-text">&copy; 2020 History Chip. <a href="#">All Rights Reserved.</a></span>
                </div>
                <div class="col-md-6 text-center text-md-right">
                    <div class="copyrights-menu copyright-links clearfix">
                        Web designed by <a title="Honeycomb Creative Support" href="https://www.honeycombindia.net/web-design-company" target="_blank" rel="noopener noreferrer">Honeycomb Creative Support</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--====================  End of footer area  ====================--

<!--====================  scroll top ====================--
<a href="javascript:;" class="scroll-top" id="scroll-top">
    <i class="arrow-top fal fa-long-arrow-up"></i>
    <i class="arrow-bottom fal fa-long-arrow-up"></i>
</a>
<!--====================  End of scroll top  ====================--
<!-- Start Toolbar --
<div class="demo-option-container">
<!--====================  search overlay ====================--
<div class="search-overlay" id="search-overlay">

    <div class="search-overlay__header">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-md-6 ml-auto col-4">
<!-- search content --
<div class="search-content text-right">
    <span class="mobile-navigation-close-icon" id="search-close-trigger"></span>
</div>
</div>
</div>
</div>
</div>
<div class="search-overlay__inner">
<div class="search-overlay__body">
<div class="search-overlay__form">
<form action="#">
<input type="text" placeholder="Search">
</form>
</div>
</div>
</div>
</div>
<!--====================  End of search overlay  ====================--
<script>
    var sidebarBox = document.querySelector('#box');
    var sidebarBtn = document.querySelector('#btn');
    var pageWrapper = document.querySelector('#main-content');

    sidebarBtn.addEventListener('click', function (event) {

        if (this.classList.contains('active')) {
            this.classList.remove('active');
            sidebarBox.classList.remove('active');
        } else {
            this.classList.add('active');
            sidebarBox.classList.add('active');
        }
    });

    pageWrapper.addEventListener('click', function (event) {

        if (sidebarBox.classList.contains('active')) {
            sidebarBtn.classList.remove('active');
            sidebarBox.classList.remove('active');
        }
    });

    window.addEventListener('keydown', function (event) {

        if (sidebarBox.classList.contains('active') && event.keyCode === 27) {
            sidebarBtn.classList.remove('active');
            sidebarBox.classList.remove('active');
        }
    });
</script>-->




<!--- New footer ---->
<!--====================  footer area ====================-->
<div class="footer-area-wrapper reveal-footer bg-gray" style="background-color: #fff;">
    <div class="service-hero-text text-center footb">
        
            <div class="ctahisory learn-more" >
                <a href="https://www.storychip.com/submitastory" style="padding: 5px 5px;" class="add-story-btn">Add Your Story</a>
                <div class="linksm">
                    <a title="Add with Audio" href="https://www.storychip.com/submitastory?type=audio"><i class="fa fa-music"></i></a>
                    <a title="Add with Video" href="https://www.storychip.com/submitastory?type=audio"><i class="fa fa-video"></i></a>
                    <a title="Add Only Text" href="https://www.storychip.com/submitastory?type=text" class="music"><i class="fa fa-file"></i></a>
                </div>
            </div>
                </div>
    <div class="footer-area section-space--ptb_60">
        <div class="bmiddle"></div>
        <div class="container">

            <div class="footer-widget__logo mb-0 cust_logo">
                <a href="https://www.storychip.com/">
                    <img src="https://www.storychip.com/assets/images/logo/logo.png" class="img-fluid dark-logo" alt="Logo">
                    <p class="cust-tag-footer" style="color: #3E5662;">every person, every story, all the truth</p>
                </a>
                                <div class="hero-button-group no-desk">
                    <a href="https://www.storychip.com/login" class="ht-btn ht-btn-md btn--white cust-b">
                        <span class="btn-icon mr-2"></span>Log in / Register</a>

                </div>
                            </div>
            <div class="row footer-widget-wrapper nomargin cust-col">
                <div class="col-md-4 col-lg-3 footer-widget">
                    <h6 class="footer-widget__title mb-20">Quick links</h6>
                    <ul class="footer-widget__list">
                        <li><a href="https://www.storychip.com/about"><span>About History Chip</span></a></li>
                        <li><a href="https://www.storychip.com/readastory"><span>Read a Story</span></a></li>
                        <li><a href="https://www.storychip.com/writeastory"><span>Write a Story</span></a></li>
                        <li><a href="https://www.storychip.com/writingtips"><span>Writing tips</span></a></li>

                    </ul>
                </div>
                <div class="col-6 col-md-4 col-lg-3 footer-widget">
                    <h6 class="footer-widget__title mb-20">Resource</h6>
                    <ul class="footer-widget__list">
                        <li><a href="https://www.storychip.com/faq"><span>FAQ</span></a></li>
                        <li><a href="https://www.storychip.com/blog"><span>Blogs</span></a></li>
                                                <li><a href="https://www.storychip.com/register"><span>Registration</span></a></li>
                                                <li><a href="https://www.storychip.com/termsandconditions"><span>Terms of Use</span></a></li>
                        <li><a href="https://www.storychip.com/privacypolicy"><span>Privacy Policy</span></a></li>
                        <li><a href="https://www.storychip.com/contactus"><span>Contact Us</span></a></li>
                    </ul>
                </div>
                <div class="col-6 col-md-4 col-lg-3 footer-widget">
                    
                    <div class="hero-button-group m-none bgover">
                        <a href="https://www.storychip.com/login" class="ht-btn ht-btn-md btn--white cust-b"><span
                                class="btn-icon mr-2"></span>Log in / Register</a>

                    </div>
                                    </div>
                <div class="col-6 col-md-4 col-lg-3 mt-3 mt-lg-0 footer-widget">
                    <h6 class="footer-widget__title mb-20">Contact Us</h6>
                    <ul class="footer-widget__list">
                        <li>History Chip, LLC<br> P.O. Box 516<br> Watertown,
                            CT 06795-9988. <br>info@historychip.com</li>
                    </ul>
                </div>


                                <div class="col-6 col-md-4 col-lg-3 mt-3 mt-lg-0 footer-widget">
                    <h6 class="footer-widget__title mb-20">Connect Socially</h6>

                    <ul class="footer-widget__list">
                    </ul>
                    <ul class="list ht-social-networks">
                        <li class="item">
                            <a href="https://www.facebook.com/HistoryChip/" target="_blank" aria-label="Facebook"
                               class="social-link hint--bounce hint--top hint--primary">
                                <img alt="facebook-icon" src="https://www.storychip.com/assets/img/facebook.png">
                            </a>
                        </li>
                        <li class="item">
                            <a  href="https://instagram.com/historychipofficial?igshid=7bbizkt10clm" target="_blank"
                               aria-label="Instgram" class="social-link hint--bounce hint--top hint--primary">
                                <img alt="instagram-icon" src="https://www.storychip.com/assets/img/insta.png">
                            </a>
                        </li>


                        <li class="item">
                            <a href="https://www.youtube.com/channel/UCSrIvdo034dV1rOL-adGu1g" target="_blank"
                               aria-label="You Tube" class="social-link hint--bounce hint--top hint--primary">
                                <img alt="youtube-icon" src="https://www.storychip.com/assets/img/youtube.png">
                            </a>
                        </li>
                    </ul>

                </div>
                            </div>
        </div>
    </div>
    <div class="footer-copyright-area section-space--pb_30">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6 text-center text-md-left">
                    <span class="copyright-text">&copy; 2024 History Chip. All Rights
                        Reserved.</span>
                </div>
                <div class="col-md-6 text-center text-md-right">
                    <div class="copyrights-menu copyright-links clearfix">
                        Web designed by <a title="Honeycomb Creative Support"
                                           href="https://www.honeycombindia.net/web-design-company" target="_blank"
                                           rel="noopener noreferrer">Honeycomb Creative Support</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--====================  End of footer area  ====================-->

<!--====================  scroll top ====================-->
<a href="javascript:;" class="scroll-top" id="scroll-top">
    <i class="arrow-top fal fa-long-arrow-up"></i>
    <i class="arrow-bottom fal fa-long-arrow-up"></i>
</a>
<!--====================  End of scroll top  ====================-->
<!-- Start Toolbar -->
<div class="demo-option-container">
    <!--====================  search overlay ====================-->
    <div class="search-overlay" id="search-overlay">

        <div class="search-overlay__header">
            <div class="container-fluid">
                <div class="row align-items-center">
                    <div class="col-md-6 ml-auto col-4">
                        <!-- search content -->
                        <div class="search-content text-right">
                            <span class="mobile-navigation-close-icon" id="search-close-trigger"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="search-overlay__inner">
            <div class="search-overlay__body">
                <div class="search-overlay__form">
                    <form action="#">
                        <input type="text" placeholder="Search">
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--====================  End of search overlay  ====================-->
    <script>
        var sidebarBox = document.querySelector('#box');
        var sidebarBtn = document.querySelector('#btn');
        var pageWrapper = document.querySelector('#main-content');

        sidebarBtn.addEventListener('click', function (event) {

            if (this.classList.contains('active')) {
                this.classList.remove('active');
                sidebarBox.classList.remove('active');
            } else {
                this.classList.add('active');
                sidebarBox.classList.add('active');
            }
        });

        // pageWrapper.addEventListener('click', function (event) {

        //     if (sidebarBox.classList.contains('active')) {
        //         sidebarBtn.classList.remove('active');
        //         sidebarBox.classList.remove('active');
        //     }
        // });

        window.addEventListener('keydown', function (event) {

            if (sidebarBox.classList.contains('active') && event.keyCode === 27) {
                sidebarBtn.classList.remove('active');
                sidebarBox.classList.remove('active');
            }
        });
    </script>

    <div id="profilePrev" class="modal fade" role="dialog">
        <div class="modal-dialog modal-lg">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Troubleshooting </h4>
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                    <h6>Please email us at <a href="mailto:info@historychip.com">info@historychip.com</a> for any
                        troubleshooting </h6>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>

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


    <!--====================  scroll top ====================-->
    <a href="javascript:;" class="scroll-top" id="scroll-top">
        <i class="arrow-top fal fa-long-arrow-up"></i>
        <i class="arrow-bottom fal fa-long-arrow-up"></i>
    </a>
    <!--====================  End of scroll top  ====================-->
    <!-- Start Toolbar -->
    <div class="demo-option-container">
        <!--====================  End of mobile menu overlay  ====================-->

        <!--====================  search overlay ====================-->
        <div class="search-overlay" id="search-overlay">

            <div class="search-overlay__header">
                <div class="container-fluid">
                    <div class="row align-items-center">
                        <div class="col-md-6 ml-auto col-4">
                            <!-- search content -->
                            <div class="search-content text-right">
                                <span class="mobile-navigation-close-icon" id="search-close-trigger"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="search-overlay__inner">
                <div class="search-overlay__body">
                    <div class="search-overlay__form">
                        <form action="#">
                            <input type="text" placeholder="Search">
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <style>
            .input-group-addon,
            input[type=email],
            input[type=submit],
            .modal-content {
                border-radius: 0px
            }
        </style>


        <!--====================  End of search overlay  ====================-->

        <!-- JS
                    ============================================ -->

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

        <!-- Modernizer JS -->
        <script src="https://www.storychip.com/assets/js/vendor/modernizr-2.8.3.min.js"></script>

        <!-- Bootstrap JS -->
        <script src="https://www.storychip.com/assets/js/vendor/bootstrap.min.js"></script>

        <!-- Swiper Slider JS -->
        <script src="https://www.storychip.com/assets/js/plugins/swiper.min.js"></script>

        <!-- Light gallery JS -->
        <script src="https://www.storychip.com/assets/js/plugins/lightgallery.min.js"></script>

        <!-- Waypoints JS -->
        <script src="https://www.storychip.com/assets/js/plugins/waypoints.min.js"></script>

        <!-- Counter down JS -->
        <script src="https://www.storychip.com/assets/js/plugins/countdown.min.js"></script>

        <!-- Isotope JS -->
        <script src="https://www.storychip.com/assets/js/plugins/isotope.min.js"></script>

        <!-- Masonry JS -->
        <script src="https://www.storychip.com/assets/js/plugins/masonry.min.js"></script>

        <!-- ImagesLoaded JS -->
        <script src="https://www.storychip.com/assets/js/plugins/images-loaded.min.js"></script>

        <!-- Wavify JS -->
        <script src="https://www.storychip.com/assets/js/plugins/wavify.js"></script>

        <!-- jQuery Wavify JS -->
        <script src="https://www.storychip.com/assets/js/plugins/jquery.wavify.js"></script>

        <!-- circle progress JS -->
        <script src="https://www.storychip.com/assets/js/plugins/circle-progress.min.js"></script>

        <!-- counterup JS -->
        <script src="https://www.storychip.com/assets/js/plugins/counterup.min.js"></script>

        <!-- wow JS -->
        <script src="https://www.storychip.com/assets/js/plugins/wow.min.js"></script>

        <!-- animation text JS -->
        <script src="https://www.storychip.com/assets/js/plugins/animation-text.min.js"></script>

        <!-- Vivus JS -->
        <script src="https://www.storychip.com/assets/js/plugins/vivus.min.js"></script>


        <!-- Some plugins JS -->
        <script src="https://www.storychip.com/assets/js/plugins/some-plugins.js"></script>
        <script type="text/javascript" src="https://www.storychip.com/assets/js/jquery-ui.js"></script>
        <script type="text/javascript" src="https://www.storychip.com/assets/js/sweetalert.js"></script>
        <script type="text/javascript" src="https://www.storychip.com/assets/js/jquery.validate.min.js"></script>
        <script type="text/javascript" src="https://www.storychip.com/assets/js/additional-methods.js"></script>
        <script type="text/javascript" src="https://www.storychip.com/assets/js/custom.js?v.2.1"></script>
        
        <!-- Main JS -->
        <script src="/assets/js/main.js"></script>
        <script>
            /*
                                                             $(function() {
                                                             $('a[href*=#]').on('click', function(e) {
                                                             e.preventDefault();
                                                             $('html, body').animate({
                                                             scrollTop: $($(this).attr('href')).offset().top
                                                             }, 500, 'linear');
                                                             });
                                                             });
                                                             */

            var quillEditor = undefined;

            function getStoriesByAuthor(author) {
                author.form.submit();
            }
        </script>
        <script>
            $(document).ready(function() {

                $("#search").focus(function() {
                    $(".search-box").addClass("border-searching");
                    $(".search-icon").addClass("si-rotate");
                });
                $("#search").blur(function() {
                    $(".search-box").removeClass("border-searching");
                    $(".search-icon").removeClass("si-rotate");
                });
                $("#search").keyup(function() {
                    if ($(this).val().length > 0) {
                        $(".go-icon").addClass("go-in");
                    } else {
                        $(".go-icon").removeClass("go-in");
                    }
                });
                $(".go-icon").click(function() {
                    $(".search-form").submit();
                });

                $("#identifier").on("submit", function() {
                    var hvalue = quill.root.innerHTML;
                    $(this).append("<textarea name='context' style='display:none'>" + hvalue +
                        "</textarea>");
                });

                //*********************************************************************** */

            });
        </script>


        <script>
            var sidebarBox = document.querySelector('#box');
            var sidebarBtn = document.querySelector('#btn');
            var pageWrapper = document.querySelector('#main-content');


            /*
                     sidebarBtn.addEventListener('click', function(event) {

                     if (this.classList.contains('active')) {
                     this.classList.remove('active');
                     sidebarBox.classList.remove('active');
                     } else {
                     this.classList.add('active');
                     sidebarBox.classList.add('active');
                     }
                     });

            /*
                     pageWrapper.addEventListener('click', function(event) {

                     if (sidebarBox.classList.contains('active')) {
                     sidebarBtn.classList.remove('active');
                     sidebarBox.classList.remove('active');
                     }
                     });
                     */

            window.addEventListener('keydown', function(event) {

                if (sidebarBox.classList.contains('active') && event.keyCode === 27) {
                    sidebarBtn.classList.remove('active');
                    sidebarBox.classList.remove('active');
                }
            });
        </script>
        <!-- Modal -->
        <div id="profilePrev" class="modal fade" role="dialog">
            <div class="modal-dialog modal-lg">

                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Profile Preview</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <div class="modal-body">

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>

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


</html>
