(function($) {

    class jQparams {
        constructor(){
            this.body=$("body");
            this.container=$(".contentContainer");
    }
    get setContainer() {
        this.container=$(".contentContainer");
    }
    }
    class headerRenderer extends jQparams {
        constructor() {
            super();
            this.headerTemplate = `
<div class="topHeader">

</div>
            `
        }
        get render() {
            this.body.append(this.headerTemplate);
        }
    }

    class contentRenderer extends jQparams {
        constructor() {
            super();
            this.contentTemplate=`
<div class="contentContainer">

</div>
            `
        }
        get render() {
            this.body.append(this.contentTemplate);
        }
    }

    class dataRenderer extends jQparams {
        constructor() {
            super();
            this.dataTemplate=`
<div class="content">

</div>
            `
        }
        get render() {
            this.setContainer;
            this.container.append(this.dataTemplate);
        }

    }

    let jQparam = new jQparams();
    let header = new headerRenderer();
    let content = new contentRenderer();
    let data = new dataRenderer();


    header.render;
    content.render;
    data.render;






})( jQuery );