Instructions 

Requirements
1-Download NotePad ++  (https://notepad-plus-plus.org/)
2-Server to add the folder
3-use FTP software to update file (For example, Filezilla : https://filezilla-project.org/ or https://portableapps.com/apps/internet/filezilla_portable)

Folder TemplateEvent Contents
 - 3 Folders : css / images / js
 - 1 html template Bingo21.html
 - 1 html Empty template Event.html



In brief / Step by step 

1- Choose the html template Event.html (Click on the name to see the overview)
2- Open this template with Notepad ++
3- Add or replace texts, url for each section (Save a copy and rename this template)
Info : The number of the popup matches with the number of the box (example popup01 for the box 01) 
6- In the template, copy and paste the different texts popups after the line <!-- PLEASE add the code and text of the popup of the day below this line --> and save. 
7-Update template in the server by FTP


In detail

- In the css folder : stylesevent.css contains Event template characteristics (color, font, margin and padding etc, media queries for responsive design...)
If you wish to modify the styles (Info : styles.css contains template characteristics bingo21)
-->Make a copy of the stylesevent.css file to preserve it and always modify the stylesevent.css file to add your styles.
The colors of the boxes to be modified are on the lines 2024 to 2096
Remember to update the file on the server after each update
Info :  The file stylesevent.css is called to run at the top of the page of each template in the head section. 
<!-- Styles calendar -->
    <link rel="stylesheet" type="text/css" href="css/stylesevent.css">


- In the images folder : 3 folders (footer, popup, header)
footer : add your jpg or png logo
header : Image Closed popup 


- In the js folder : event.js is used for opening popup. To be modified if necessary!
Info : The script is called to run at the bottom of the page of each template in the Scripts section. 
 <!-- Scripts -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript" src="js/event.js"></script>


	