
    <!doctype html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
            <title><?php echo $event->title; ?></title>
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> -->
            <!--<link href="<?php echo editor() ?>css/theme.css" rel="stylesheet"
                  type="text/css" />-->
           <!--  <link rel="stylesheet" href="<?php echo editor() ?>css/bootnavbar.css"> -->
            <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
            <link href="https://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> -->
           <!-- <link href="https://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css"> -->
            <style>
               <?php
                $fff =  html_entity_decode($event->style);
                echo  str_replace('&#039;', '"', $fff);
                ?>
            </style>
            <?php //echo $event->style; ?>
        </head>
        <body>

            <?php
             $data = htmlspecialchars_decode($event->content);
             $string = str_replace('&#039;', '"', $data);
             echo str_replace('\n', ' ', $string);
            ?>
            <script src="<?php echo editor() ?>js/bootstrap.min.js"
            type="text/javascript"></script>
            <script src="<?php echo editor() ?>js/popper.min.js"
            type="text/javascript"></script>
            <!-- <script src="<?php echo editor() ?>js/bootnavbar.js"></script> -->
           
        </body>
    </html>
    <style type="text/css">
        #in0cq9-trigger
        {
            display: none;
        }
        div.modal[data-type="grapesjs-modal"].fade .modal-dialog
        {
            transform :none!important;
        }
        @media (min-width: 992px)
        {
            div.modal[data-type="grapesjs-modal"] .modal-lg {
            width: 400px;
            }
        }
        @media (max-width: 760px)
        {
            #i3zky span
            {
                font-size: 30px!important;
            }

        }
        #iojoai button 
        {
            display: none;
        }
        #i5x94v button {
                background: rgb(0, 195, 77);
                animation: 2s cubic-bezier(0, 0, 0.58, 1) 0s infinite normal none running rocking;
                transition: all 0.2s ease 0s;
                margin-right: auto;
                margin-left: auto;
                color: rgb(255, 255, 255);
                font-weight: bold;
                display: inline-block;
                font-size: 22px;
                text-shadow: rgb(0 0 0 / 20%) 1px 1px 0px;
                border-width: 1px 1px 3px;
                border-style: solid;
                border-color: rgba(0, 0, 0, 0.2);
                border-image: initial;
                box-shadow: rgb(255 255 255 / 20%) 0px 0px 0px 2px inset;
                border-radius: 3px;
                text-decoration-line: none !important;
                padding: 10px 25px!important;
                font-family: Roboto, Helvetica, sans-serif;
                text-align: center;
                
            }
            .elButtonSub {
    display: block;
    opacity: 0.7;
    font-weight: normal;
}
iframe 
        {
            border-color: #000!important;
        }
    </style>
    <script type="text/javascript">
      

    </script>