//!----------------------------!HTML EXAMPLES--------------------------------------

let example1 = `<div class="divEx" id="vanilla"></div><div class="divEx" id="jquery"></div>`

let example2 = `<button class="buttonEx" id="vanilla">Vanilla</button><button class="buttonEx" id="jquery">Jquery</button>`

let example3 = `<button class="buttonEx" id="vanilla">Vanilla</button><button class="buttonEx" id="jquery">Jquery</button>`

let example4 = `<textarea class="textareaEx" id="vanilla">Vanilla</textarea><textarea class="textareaEx" id="jquery">Jquery</textarea>`

let example5 = `<button class="buttonEx" id="vanilla">Vanilla</button><button class="buttonEx" id="jquery">Jquery</button>`

let example6 = `<input type="text" id="vanilla" name="vanilla" placeholder="Vanilla input">
<input type="text" id="jquery" name="jquery" placeholder="Jquery input">`

let example7 = `<img src="/assets/assembler-logo.png"  class="imgEx" id="example7">`

let example8 = `<img src=""  class="imgEx" id="example8" alt="Img-example">`

let example9 = `<form id="example9"><label for="lname">Last name</label><input type="text" id="lname" name="lname" value="Paul"><br>
<input type="submit" value="Submit"></form>`

let example10 = `<select name="example10" id="example10">
<option value="Vanila">Vanilla</option>
<option value="Jquery">Jquery</option>
</select>`

let example11 = `<button class="buttonEx" id="vanilla">Vanilla</button><button class="buttonEx" id="jquery">Jquery</button>`

let example12 = `<label for="vanilla"><input type="checkbox" id="vanilla" name="vanilla">vanilla</label>
<label for="jquery"><input type="checkbox" id="jquery" name="jquery">jquery</label>`

let example13 = `<ul class="ulEx" id="ulEx" ><li>Coffee</li><li>Tea</li><li>Milk</li></ul><ul class="ulEx" id="ulEx2" ><li>Coffee</li><li>Tea</li><li>Milk</li></ul>`


//let example1f = `<div class="divEx" id="vanilla"></div><div class="divEx" id="jquery"></div>`