<div class="e-sidepanel e-sidepanel-open">
  <div class="e-sidepanel__header">
    <div class="e-sidepanel__header__title">
      Notification Center
    </div>
    <div class="e-sidepanel__close">
      <e-icon icon="close"></e-icon>
    </div>
  </div>
  <div class="e-sidepanel__content">
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-from-emarsys">
      <span class="e-notice__icon">
        <e-icon icon="e-b2clogo-simple"></e-icon>
      </span>
      <div class="e-notice__title">
        Occaecat tempor cupidatat eu 
      </div>
      Nisi ullamco reprehenderit exercitation exercitation qui 
    </div>
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-segment-generation">
      <span class="e-notice__icon">
        <e-icon icon="users"></e-icon>
      </span>
      <div class="e-notice__title">
        Minim elit aute aliquip 
      </div>
      Cupidatat in dolore nostrud cupidatat ipsum 
    </div>
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-automation-center">
      <span class="e-notice__icon">
        <e-icon icon="ac-icon_connect"></e-icon>
      </span>
      <div class="e-notice__title">
        Ex amet culpa consectetur 
      </div>
      Minim deserunt consequat laborum dolore excepteur 
    </div>
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-data-import">
      <span class="e-notice__icon">
        <e-icon icon="user-plus"></e-icon>
      </span>
      <div class="e-notice__title">
        Consectetur minim adipiscing anim 
      </div>
      Do id qui aute enim sit 
    </div>
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-campaign-launch">
      <span class="e-notice__icon">
        <e-icon icon="envelope"></e-icon>
      </span>
      <div class="e-notice__title">
        Laboris voluptate minim occaecat 
      </div>
      Pariatur ad eiusmod adipiscing in lorem 
    </div>
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-dns-fasttrack">
      <span class="e-notice__icon">
        <e-icon icon="e-rocket"></e-icon>
      </span>
      <div class="e-notice__title">
        In commodo et velit 
      </div>
      Est id sed ea irure lorem 
    </div>
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-achievement">
      <span class="e-notice__icon">
        <e-icon icon="e-thumbs-up"></e-icon>
      </span>
      <div class="e-notice__title">
        Quis aliqua qui nostrud 
      </div>
      Cillum irure amet labore nisi minim 
    </div>
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-from-emarsys">
      <span class="e-notice__icon">
        <e-icon icon="e-b2clogo-simple"></e-icon>
      </span>
      <div class="e-notice__title">
        Id anim cillum voluptate 
      </div>
      Ut in magna do dolor consequat 
    </div>
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-segment-generation">
      <span class="e-notice__icon">
        <e-icon icon="users"></e-icon>
      </span>
      <div class="e-notice__title">
        Deserunt ut veniam adipiscing 
      </div>
      Ipsum reprehenderit ut laborum elit magna 
    </div>
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-automation-center">
      <span class="e-notice__icon">
        <e-icon icon="ac-icon_connect"></e-icon>
      </span>
      <div class="e-notice__title">
        Ut elit sunt proident 
      </div>
      Labore qui excepteur aute enim pariatur 
    </div>
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-data-import">
      <span class="e-notice__icon">
        <e-icon icon="user-plus"></e-icon>
      </span>
      <div class="e-notice__title">
        Voluptate laboris ad sed 
      </div>
      Lorem mollit aute dolor proident cillum 
    </div>
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-campaign-launch">
      <span class="e-notice__icon">
        <e-icon icon="envelope"></e-icon>
      </span>
      <div class="e-notice__title">
        Reprehenderit culpa proident ea 
      </div>
      Minim labore nisi consectetur cupidatat ea 
    </div>
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-dns-fasttrack">
      <span class="e-notice__icon">
        <e-icon icon="e-rocket"></e-icon>
      </span>
      <div class="e-notice__title">
        Consequat est et minim 
      </div>
      Dolore sunt magna laboris commodo in 
    </div>
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-achievement">
      <span class="e-notice__icon">
        <e-icon icon="e-thumbs-up"></e-icon>
      </span>
      <div class="e-notice__title">
        Sed id ut nostrud 
      </div>
      Aliquip in ut in incididunt irure 
    </div>
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-from-emarsys">
      <span class="e-notice__icon">
        <e-icon icon="e-b2clogo-simple"></e-icon>
      </span>
      <div class="e-notice__title">
        Sint non est ea 
      </div>
      Est dolore sit dolor ut non 
    </div>
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-segment-generation">
      <span class="e-notice__icon">
        <e-icon icon="users"></e-icon>
      </span>
      <div class="e-notice__title">
        Fugiat adipiscing elit est 
      </div>
      Eiusmod excepteur tempor sed aliquip aliquip 
    </div>
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-automation-center">
      <span class="e-notice__icon">
        <e-icon icon="ac-icon_connect"></e-icon>
      </span>
      <div class="e-notice__title">
        Ipsum fugiat sed laborum 
      </div>
      Veniam magna dolore in esse velit 
    </div>
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-data-import">
      <span class="e-notice__icon">
        <e-icon icon="user-plus"></e-icon>
      </span>
      <div class="e-notice__title">
        Sunt dolore tempor quis 
      </div>
      Eu qui sit id cillum sed 
    </div>
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-campaign-launch">
      <span class="e-notice__icon">
        <e-icon icon="envelope"></e-icon>
      </span>
      <div class="e-notice__title">
        Eu veniam enim voluptate 
      </div>
      Dolor qui ad laboris anim reprehenderit 
    </div>
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-dns-fasttrack">
      <span class="e-notice__icon">
        <e-icon icon="e-rocket"></e-icon>
      </span>
      <div class="e-notice__title">
        Excepteur eu eu dolore 
      </div>
      Do voluptate sunt nostrud officia et 
    </div>
    <div class="e-notice e-notice-sticky e-notice-withicon e-notice-achievement">
      <span class="e-notice__icon">
        <e-icon icon="e-thumbs-up"></e-icon>
      </span>
      <div class="e-notice__title">
        Occaecat deserunt culpa ullamco 
      </div>
      Deserunt occaecat dolor laboris fugiat aliquip 
    </div>
  </div>
  <div class="e-sidepanel__footer">
    <div class="e-switch">
      <input type="checkbox" name="consent" value="1" id="toggleFilter" checked class="e-switch__input">
      <label for="toggleFilter" class="e-switch__toggle"></label>
    </div>
    <label for="toggleFilter" style="margin-left: 8px; cursor: pointer" class="e-field__label-inline">
      Only important
    </label>
  </div>
</div>

                          <div class="e-sidepanel e-sidepanel-open">
                            <div class="e-sidepanel__header">
                              <div class="e-sidepanel__header__title">Notification Center</div>
                              <div class="e-sidepanel__close">
                                <e-icon icon="close"></e-icon>
                              </div>
                            </div>
                            <div class="e-sidepanel__content">
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-from-emarsys"><span class="e-notice__icon">
                                  <e-icon icon="e-b2clogo-simple"></e-icon></span>
                                <div class="e-notice__title">Ex dolore occaecat sit 
                                </div>Exercitation minim exercitation ut exercitation magna 
                              </div>
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-segment-generation"><span class="e-notice__icon">
                                  <e-icon icon="users"></e-icon></span>
                                <div class="e-notice__title">Irure nostrud dolore veniam 
                                </div>Ex dolor commodo laboris officia et 
                              </div>
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-automation-center"><span class="e-notice__icon">
                                  <e-icon icon="ac-icon_connect"></e-icon></span>
                                <div class="e-notice__title">Duis ipsum ut aliquip 
                                </div>Exercitation eiusmod dolore commodo ut consectetur 
                              </div>
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-data-import"><span class="e-notice__icon">
                                  <e-icon icon="user-plus"></e-icon></span>
                                <div class="e-notice__title">Voluptate do ullamco enim 
                                </div>Et nostrud est deserunt sint velit 
                              </div>
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-campaign-launch"><span class="e-notice__icon">
                                  <e-icon icon="envelope"></e-icon></span>
                                <div class="e-notice__title">Enim ut sed do 
                                </div>Qui tempor in aliqua minim dolor 
                              </div>
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-dns-fasttrack"><span class="e-notice__icon">
                                  <e-icon icon="e-rocket"></e-icon></span>
                                <div class="e-notice__title">Ea adipiscing eiusmod excepteur 
                                </div>Veniam qui ut elit amet anim 
                              </div>
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-achievement"><span class="e-notice__icon">
                                  <e-icon icon="e-thumbs-up"></e-icon></span>
                                <div class="e-notice__title">Esse aliqua sed excepteur 
                                </div>Laboris ex adipiscing ut proident ut 
                              </div>
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-from-emarsys"><span class="e-notice__icon">
                                  <e-icon icon="e-b2clogo-simple"></e-icon></span>
                                <div class="e-notice__title">Est aliqua dolore fugiat 
                                </div>Ut culpa cupidatat sunt sit sit 
                              </div>
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-segment-generation"><span class="e-notice__icon">
                                  <e-icon icon="users"></e-icon></span>
                                <div class="e-notice__title">Pariatur anim qui eu 
                                </div>Nisi id nulla veniam enim consectetur 
                              </div>
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-automation-center"><span class="e-notice__icon">
                                  <e-icon icon="ac-icon_connect"></e-icon></span>
                                <div class="e-notice__title">Consectetur ut quis consequat 
                                </div>In excepteur culpa irure dolor dolore 
                              </div>
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-data-import"><span class="e-notice__icon">
                                  <e-icon icon="user-plus"></e-icon></span>
                                <div class="e-notice__title">Officia dolor lorem reprehenderit 
                                </div>Proident exercitation ipsum anim sint aliqua 
                              </div>
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-campaign-launch"><span class="e-notice__icon">
                                  <e-icon icon="envelope"></e-icon></span>
                                <div class="e-notice__title">Nostrud sint tempor quis 
                                </div>Et sit non pariatur anim exercitation 
                              </div>
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-dns-fasttrack"><span class="e-notice__icon">
                                  <e-icon icon="e-rocket"></e-icon></span>
                                <div class="e-notice__title">Tempor ut veniam officia 
                                </div>Aliqua qui veniam dolor est sunt 
                              </div>
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-achievement"><span class="e-notice__icon">
                                  <e-icon icon="e-thumbs-up"></e-icon></span>
                                <div class="e-notice__title">Culpa cillum in ut 
                                </div>Lorem pariatur dolore labore magna est 
                              </div>
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-from-emarsys"><span class="e-notice__icon">
                                  <e-icon icon="e-b2clogo-simple"></e-icon></span>
                                <div class="e-notice__title">Dolore commodo ullamco consequat 
                                </div>Ipsum velit enim pariatur et officia 
                              </div>
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-segment-generation"><span class="e-notice__icon">
                                  <e-icon icon="users"></e-icon></span>
                                <div class="e-notice__title">Aute qui consequat elit 
                                </div>Consectetur eiusmod nisi ad elit et 
                              </div>
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-automation-center"><span class="e-notice__icon">
                                  <e-icon icon="ac-icon_connect"></e-icon></span>
                                <div class="e-notice__title">Cupidatat velit fugiat ipsum 
                                </div>Nulla nulla ut dolore anim voluptate 
                              </div>
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-data-import"><span class="e-notice__icon">
                                  <e-icon icon="user-plus"></e-icon></span>
                                <div class="e-notice__title">Elit aliqua ex ea 
                                </div>Dolore in lorem laborum nulla esse 
                              </div>
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-campaign-launch"><span class="e-notice__icon">
                                  <e-icon icon="envelope"></e-icon></span>
                                <div class="e-notice__title">Fugiat do exercitation ut 
                                </div>Ut lorem sunt esse tempor sunt 
                              </div>
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-dns-fasttrack"><span class="e-notice__icon">
                                  <e-icon icon="e-rocket"></e-icon></span>
                                <div class="e-notice__title">Quis est deserunt do 
                                </div>Deserunt in dolore et id fugiat 
                              </div>
                              <div class="e-notice e-notice-sticky e-notice-withicon e-notice-achievement"><span class="e-notice__icon">
                                  <e-icon icon="e-thumbs-up"></e-icon></span>
                                <div class="e-notice__title">Laborum reprehenderit voluptate dolor 
                                </div>In sed reprehenderit reprehenderit commodo aliquip 
                              </div>
                            </div>
                            <div class="e-sidepanel__footer">
                              <div class="e-switch">
                                <input type="checkbox" name="consent" value="1" id="toggleFilter" checked="" class="e-switch__input">
                                <label for="toggleFilter" class="e-switch__toggle"></label>
                              </div>
                              <label for="toggleFilter" style="margin-left: 8px; cursor: pointer" class="e-field__label-inline">Only important</label>
                            </div>
                          </div>