pricing.js

let dropdown=()=>{



let cont=document.getElementById("Key_features_data");
cont.innerHTML=null;

let div1=document.createElement("div");
div1.setAttribute("class","key_features_data_div1")

let list=document.createElement("ul");

let line1=document.createElement("li");
line1.innerText="Projects";

let line2=document.createElement("li");
line2.innerText="Keywords to track (with daily updates)";

let line3=document.createElement("li");
line3.innerText="Keyword, domain and backlink analytics";

let line4=document.createElement("li");
line4.innerText="Historical data";

let line5=document.createElement("li");
line5.innerText="Content Marketing Platform";

let line6=document.createElement("li");
line6.innerText="Content Marketing Platform";

let line7=document.createElement("li");
line7.innerText="Share of Voice metric";

let line8=document.createElement("li");
line8.innerText="API Access";


list.append(line1,line2,line3,line4,line5,line6,line7,line8);

div1.append(list)



let div2=document.createElement("div");
div2.setAttribute("class","key_features_data_div2")

let list2=document.createElement("ul");

let line11=document.createElement("li");
line11.innerText="5";

let line12=document.createElement("li");
line12.innerText="500";

let line13=document.createElement("li");
line13.innerText="→";

let line14=document.createElement("li");
line14.innerText="-";

let line15=document.createElement("li");
line15.innerText="-";

let line16=document.createElement("li");
line16.innerText="-";

let line17=document.createElement("li");
line17.innerText="-";

let line18=document.createElement("li");
line18.innerText="-";


list2.append(line11,line12,line13,line14,line15,line16,line17,line18);

div2.append(list2)







let div3=document.createElement("div");
div3.setAttribute("class","key_features_data_div3")

let list3=document.createElement("ul");

let line31=document.createElement("li");
line31.innerText="15";

let line32=document.createElement("li");
line32.innerText="1500";

let line33=document.createElement("li");
line33.innerText="→";

let line34=document.createElement("li");
line34.innerText="→";

let line35=document.createElement("li");
line35.innerText="→";

let line36=document.createElement("li");
line36.innerText="→";

let line37=document.createElement("li");
line37.innerText="-";

let line38=document.createElement("li");
line38.innerText="-";


list3.append(line31,line32,line33,line34,line35,line36,line37,line38);

div3.append(list3)




let div4=document.createElement("div4");
div4.setAttribute("class","key_features_data_div4")

let list4=document.createElement("ul");

let line41=document.createElement("li");
line41.innerText="40";

let line42=document.createElement("li");
line42.innerText="5000";

let line43=document.createElement("li");
line43.innerText="→";

let line44=document.createElement("li");
line44.innerText="→";

let line45=document.createElement("li");
line45.innerText="→";

let line46=document.createElement("li");
line46.innerText="→";

let line47=document.createElement("li");
line47.innerText="→";

let line48=document.createElement("li");
line48.innerText="→";


list4.append(line41,line42,line43,line44,line45,line46,line47,line48);

div4.append(list4)

cont.append(div1,div2,div3,div4)


// let div3=document.createElement("div");
// div3.setAttribute("class","key_features_data_div1")

// let div4=document.createElement("div");
// div4.setAttribute("class","key_features_data_div1")
}
// ........................................................
let dropdown2=()=>{



    let cont=document.getElementById("project_data");
    cont.innerHTML=null;
    
    let div1=document.createElement("div");
    div1.setAttribute("class","key_features_data_div1")
    
    let list=document.createElement("ul");
    
    let line1=document.createElement("li");
    line1.innerText="Projects";
    
    let line2=document.createElement("li");
    line2.innerText="Keywords to track (with daily updates)";
    
    let line3=document.createElement("li");
    line3.innerText="Keyword, domain and backlink analytics";
    
    let line4=document.createElement("li");
    line4.innerText="Historical data";
    
    let line5=document.createElement("li");
    line5.innerText="Content Marketing Platform";
    
    let line6=document.createElement("li");
    line6.innerText="Content Marketing Platform";
    
    let line7=document.createElement("li");
    line7.innerText="Share of Voice metric";
    
    let line8=document.createElement("li");
    line8.innerText="API Access";
    
    
    list.append(line1,line2,line3,line4,line5,line6,line7,line8);
    
    div1.append(list)
    
    
    
    let div2=document.createElement("div");
    div2.setAttribute("class","key_features_data_div2")
    
    let list2=document.createElement("ul");
    
    let line11=document.createElement("li");
    line11.innerText="5";
    
    let line12=document.createElement("li");
    line12.innerText="500";
    
    let line13=document.createElement("li");
    line13.innerText="→";
    
    let line14=document.createElement("li");
    line14.innerText="-";
    
    let line15=document.createElement("li");
    line15.innerText="-";
    
    let line16=document.createElement("li");
    line16.innerText="-";
    
    let line17=document.createElement("li");
    line17.innerText="-";
    
    let line18=document.createElement("li");
    line18.innerText="-";
    
    
    list2.append(line11,line12,line13,line14,line15,line16,line17,line18);
    
    div2.append(list2)
    
    
    
    
    
    
    
    let div3=document.createElement("div");
    div3.setAttribute("class","key_features_data_div3")
    
    let list3=document.createElement("ul");
    
    let line31=document.createElement("li");
    line31.innerText="15";
    
    let line32=document.createElement("li");
    line32.innerText="1500";
    
    let line33=document.createElement("li");
    line33.innerText="→";
    
    let line34=document.createElement("li");
    line34.innerText="→";
    
    let line35=document.createElement("li");
    line35.innerText="→";
    
    let line36=document.createElement("li");
    line36.innerText="→";
    
    let line37=document.createElement("li");
    line37.innerText="-";
    
    let line38=document.createElement("li");
    line38.innerText="-";
    
    
    list3.append(line31,line32,line33,line34,line35,line36,line37,line38);
    
    div3.append(list3)
    
    
    
    
    let div4=document.createElement("div4");
    div4.setAttribute("class","key_features_data_div4")
    
    let list4=document.createElement("ul");
    
    let line41=document.createElement("li");
    line41.innerText="40";
    
    let line42=document.createElement("li");
    line42.innerText="5000";
    
    let line43=document.createElement("li");
    line43.innerText="→";
    
    let line44=document.createElement("li");
    line44.innerText="→";
    
    let line45=document.createElement("li");
    line45.innerText="→";
    
    let line46=document.createElement("li");
    line46.innerText="→";
    
    let line47=document.createElement("li");
    line47.innerText="→";
    
    let line48=document.createElement("li");
    line48.innerText="→";
    
    
    list4.append(line41,line42,line43,line44,line45,line46,line47,line48);
    
    div4.append(list4)
    
    cont.append(div1,div2,div3,div4)
    
    
    // let div3=document.createElement("div");
    // div3.setAttribute("class","key_features_data_div1")
    
    // let div4=document.createElement("div");
    // div4.setAttribute("class","key_features_data_div1")
    }
// ........................................................
let dropdown3=()=>{



        let cont=document.getElementById("domain_keyword");
        cont.innerHTML=null;
        
        let div1=document.createElement("div");
        div1.setAttribute("class","key_features_data_div1")
        
        let list=document.createElement("ul");
        
        let line1=document.createElement("li");
        line1.innerText="Projects";
        
        let line2=document.createElement("li");
        line2.innerText="Keywords to track (with daily updates)";
        
        let line3=document.createElement("li");
        line3.innerText="Keyword, domain and backlink analytics";
        
        let line4=document.createElement("li");
        line4.innerText="Historical data";
        
        let line5=document.createElement("li");
        line5.innerText="Content Marketing Platform";
        
        let line6=document.createElement("li");
        line6.innerText="Content Marketing Platform";
        
        let line7=document.createElement("li");
        line7.innerText="Share of Voice metric";
        
        let line8=document.createElement("li");
        line8.innerText="API Access";
        
        
        list.append(line1,line2,line3,line4,line5,line6,line7,line8);
        
        div1.append(list)
        
        
        
        let div2=document.createElement("div");
        div2.setAttribute("class","key_features_data_div2")
        
        let list2=document.createElement("ul");
        
        let line11=document.createElement("li");
        line11.innerText="5";
        
        let line12=document.createElement("li");
        line12.innerText="500";
        
        let line13=document.createElement("li");
        line13.innerText="→";
        
        let line14=document.createElement("li");
        line14.innerText="-";
        
        let line15=document.createElement("li");
        line15.innerText="-";
        
        let line16=document.createElement("li");
        line16.innerText="-";
        
        let line17=document.createElement("li");
        line17.innerText="-";
        
        let line18=document.createElement("li");
        line18.innerText="-";
        
        
        list2.append(line11,line12,line13,line14,line15,line16,line17,line18);
        
        div2.append(list2)
        
        
        
        
        
        
        
        let div3=document.createElement("div");
        div3.setAttribute("class","key_features_data_div3")
        
        let list3=document.createElement("ul");
        
        let line31=document.createElement("li");
        line31.innerText="15";
        
        let line32=document.createElement("li");
        line32.innerText="1500";
        
        let line33=document.createElement("li");
        line33.innerText="→";
        
        let line34=document.createElement("li");
        line34.innerText="→";
        
        let line35=document.createElement("li");
        line35.innerText="→";
        
        let line36=document.createElement("li");
        line36.innerText="→";
        
        let line37=document.createElement("li");
        line37.innerText="-";
        
        let line38=document.createElement("li");
        line38.innerText="-";
        
        
        list3.append(line31,line32,line33,line34,line35,line36,line37,line38);
        
        div3.append(list3)
        
        
        
        
        let div4=document.createElement("div4");
        div4.setAttribute("class","key_features_data_div4")
        
        let list4=document.createElement("ul");
        
        let line41=document.createElement("li");
        line41.innerText="40";
        
        let line42=document.createElement("li");
        line42.innerText="5000";
        
        let line43=document.createElement("li");
        line43.innerText="→";
        
        let line44=document.createElement("li");
        line44.innerText="→";
        
        let line45=document.createElement("li");
        line45.innerText="→";
        
        let line46=document.createElement("li");
        line46.innerText="→";
        
        let line47=document.createElement("li");
        line47.innerText="→";
        
        let line48=document.createElement("li");
        line48.innerText="→";
        
        
        list4.append(line41,line42,line43,line44,line45,line46,line47,line48);
        
        div4.append(list4)
        
        cont.append(div1,div2,div3,div4)
        
        
        // let div3=document.createElement("div");
        // div3.setAttribute("class","key_features_data_div1")
        
        // let div4=document.createElement("div");
        // div4.setAttribute("class","key_features_data_div1")
        }
// ........................................................
let dropdown4=()=>{



            let cont=document.getElementById("reporting");
            cont.innerHTML=null;
            
            let div1=document.createElement("div");
            div1.setAttribute("class","key_features_data_div1")
            
            let list=document.createElement("ul");
            
            let line1=document.createElement("li");
            line1.innerText="Projects";
            
            let line2=document.createElement("li");
            line2.innerText="Keywords to track (with daily updates)";
            
            let line3=document.createElement("li");
            line3.innerText="Keyword, domain and backlink analytics";
            
            let line4=document.createElement("li");
            line4.innerText="Historical data";
            
            let line5=document.createElement("li");
            line5.innerText="Content Marketing Platform";
            
            let line6=document.createElement("li");
            line6.innerText="Content Marketing Platform";
            
            let line7=document.createElement("li");
            line7.innerText="Share of Voice metric";
            
            let line8=document.createElement("li");
            line8.innerText="API Access";
            
            
            list.append(line1,line2,line3,line4,line5,line6,line7,line8);
            
            div1.append(list)
            
            
            
            let div2=document.createElement("div");
            div2.setAttribute("class","key_features_data_div2")
            
            let list2=document.createElement("ul");
            
            let line11=document.createElement("li");
            line11.innerText="5";
            
            let line12=document.createElement("li");
            line12.innerText="500";
            
            let line13=document.createElement("li");
            line13.innerText="→";
            
            let line14=document.createElement("li");
            line14.innerText="-";
            
            let line15=document.createElement("li");
            line15.innerText="-";
            
            let line16=document.createElement("li");
            line16.innerText="-";
            
            let line17=document.createElement("li");
            line17.innerText="-";
            
            let line18=document.createElement("li");
            line18.innerText="-";
            
            
            list2.append(line11,line12,line13,line14,line15,line16,line17,line18);
            
            div2.append(list2)
            
            
            
            
            
            
            
            let div3=document.createElement("div");
            div3.setAttribute("class","key_features_data_div3")
            
            let list3=document.createElement("ul");
            
            let line31=document.createElement("li");
            line31.innerText="15";
            
            let line32=document.createElement("li");
            line32.innerText="1500";
            
            let line33=document.createElement("li");
            line33.innerText="→";
            
            let line34=document.createElement("li");
            line34.innerText="→";
            
            let line35=document.createElement("li");
            line35.innerText="→";
            
            let line36=document.createElement("li");
            line36.innerText="→";
            
            let line37=document.createElement("li");
            line37.innerText="-";
            
            let line38=document.createElement("li");
            line38.innerText="-";
            
            
            list3.append(line31,line32,line33,line34,line35,line36,line37,line38);
            
            div3.append(list3)
            
            
            
            
            let div4=document.createElement("div4");
            div4.setAttribute("class","key_features_data_div4")
            
            let list4=document.createElement("ul");
            
            let line41=document.createElement("li");
            line41.innerText="40";
            
            let line42=document.createElement("li");
            line42.innerText="5000";
            
            let line43=document.createElement("li");
            line43.innerText="→";
            
            let line44=document.createElement("li");
            line44.innerText="→";
            
            let line45=document.createElement("li");
            line45.innerText="→";
            
            let line46=document.createElement("li");
            line46.innerText="→";
            
            let line47=document.createElement("li");
            line47.innerText="→";
            
            let line48=document.createElement("li");
            line48.innerText="→";
            
            
            list4.append(line41,line42,line43,line44,line45,line46,line47,line48);
            
            div4.append(list4)
            
            cont.append(div1,div2,div3,div4)
            
            
            // let div3=document.createElement("div");
            // div3.setAttribute("class","key_features_data_div1")
            
            // let div4=document.createElement("div");
            // div4.setAttribute("class","key_features_data_div1")
            }

let dropdown5=()=>{



                let cont=document.getElementById("content_marketing_platform");
                cont.innerHTML=null;
                
                let div1=document.createElement("div");
                div1.setAttribute("class","key_features_data_div1")
                
                let list=document.createElement("ul");
                
                let line1=document.createElement("li");
                line1.innerText="Projects";
                
                let line2=document.createElement("li");
                line2.innerText="Keywords to track (with daily updates)";
                
                let line3=document.createElement("li");
                line3.innerText="Keyword, domain and backlink analytics";
                
                let line4=document.createElement("li");
                line4.innerText="Historical data";
                
                let line5=document.createElement("li");
                line5.innerText="Content Marketing Platform";
                
                let line6=document.createElement("li");
                line6.innerText="Content Marketing Platform";
                
                let line7=document.createElement("li");
                line7.innerText="Share of Voice metric";
                
                let line8=document.createElement("li");
                line8.innerText="API Access";
                
                
                list.append(line1,line2,line3,line4,line5,line6,line7,line8);
                
                div1.append(list)
                
                
                
                let div2=document.createElement("div");
                div2.setAttribute("class","key_features_data_div2")
                
                let list2=document.createElement("ul");
                
                let line11=document.createElement("li");
                line11.innerText="5";
                
                let line12=document.createElement("li");
                line12.innerText="500";
                
                let line13=document.createElement("li");
                line13.innerText="→";
                
                let line14=document.createElement("li");
                line14.innerText="-";
                
                let line15=document.createElement("li");
                line15.innerText="-";
                
                let line16=document.createElement("li");
                line16.innerText="-";
                
                let line17=document.createElement("li");
                line17.innerText="-";
                
                let line18=document.createElement("li");
                line18.innerText="-";
                
                
                list2.append(line11,line12,line13,line14,line15,line16,line17,line18);
                
                div2.append(list2)
                
                
                
                
                
                
                
                let div3=document.createElement("div");
                div3.setAttribute("class","key_features_data_div3")
                
                let list3=document.createElement("ul");
                
                let line31=document.createElement("li");
                line31.innerText="15";
                
                let line32=document.createElement("li");
                line32.innerText="1500";
                
                let line33=document.createElement("li");
                line33.innerText="→";
                
                let line34=document.createElement("li");
                line34.innerText="→";
                
                let line35=document.createElement("li");
                line35.innerText="→";
                
                let line36=document.createElement("li");
                line36.innerText="→";
                
                let line37=document.createElement("li");
                line37.innerText="-";
                
                let line38=document.createElement("li");
                line38.innerText="-";
                
                
                list3.append(line31,line32,line33,line34,line35,line36,line37,line38);
                
                div3.append(list3)
                
                
                
                
                let div4=document.createElement("div4");
                div4.setAttribute("class","key_features_data_div4")
                
                let list4=document.createElement("ul");
                
                let line41=document.createElement("li");
                line41.innerText="40";
                
                let line42=document.createElement("li");
                line42.innerText="5000";
                
                let line43=document.createElement("li");
                line43.innerText="→";
                
                let line44=document.createElement("li");
                line44.innerText="→";
                
                let line45=document.createElement("li");
                line45.innerText="→";
                
                let line46=document.createElement("li");
                line46.innerText="→";
                
                let line47=document.createElement("li");
                line47.innerText="→";
                
                let line48=document.createElement("li");
                line48.innerText="→";
                
                
                list4.append(line41,line42,line43,line44,line45,line46,line47,line48);
                
                div4.append(list4)
                
                cont.append(div1,div2,div3,div4)
                
                
                // let div3=document.createElement("div");
                // div3.setAttribute("class","key_features_data_div1")
                
                // let div4=document.createElement("div");
                // div4.setAttribute("class","key_features_data_div1")
                }

                let dropdown6=()=>{



                    let cont=document.getElementById("listing_management");
                    cont.innerHTML=null;
                    
                    let div1=document.createElement("div");
                    div1.setAttribute("class","key_features_data_div1")
                    
                    let list=document.createElement("ul");
                    
                    let line1=document.createElement("li");
                    line1.innerText="Projects";
                    
                    let line2=document.createElement("li");
                    line2.innerText="Keywords to track (with daily updates)";
                    
                    let line3=document.createElement("li");
                    line3.innerText="Keyword, domain and backlink analytics";
                    
                    let line4=document.createElement("li");
                    line4.innerText="Historical data";
                    
                    let line5=document.createElement("li");
                    line5.innerText="Content Marketing Platform";
                    
                    let line6=document.createElement("li");
                    line6.innerText="Content Marketing Platform";
                    
                    let line7=document.createElement("li");
                    line7.innerText="Share of Voice metric";
                    
                    let line8=document.createElement("li");
                    line8.innerText="API Access";
                    
                    
                    list.append(line1,line2,line3,line4,line5,line6,line7,line8);
                    
                    div1.append(list)
                    
                    
                    
                    let div2=document.createElement("div");
                    div2.setAttribute("class","key_features_data_div2")
                    
                    let list2=document.createElement("ul");
                    
                    let line11=document.createElement("li");
                    line11.innerText="5";
                    
                    let line12=document.createElement("li");
                    line12.innerText="500";
                    
                    let line13=document.createElement("li");
                    line13.innerText="→";
                    
                    let line14=document.createElement("li");
                    line14.innerText="-";
                    
                    let line15=document.createElement("li");
                    line15.innerText="-";
                    
                    let line16=document.createElement("li");
                    line16.innerText="-";
                    
                    let line17=document.createElement("li");
                    line17.innerText="-";
                    
                    let line18=document.createElement("li");
                    line18.innerText="-";
                    
                    
                    list2.append(line11,line12,line13,line14,line15,line16,line17,line18);
                    
                    div2.append(list2)
                    
                    
                    
                    
                    
                    
                    
                    let div3=document.createElement("div");
                    div3.setAttribute("class","key_features_data_div3")
                    
                    let list3=document.createElement("ul");
                    
                    let line31=document.createElement("li");
                    line31.innerText="15";
                    
                    let line32=document.createElement("li");
                    line32.innerText="1500";
                    
                    let line33=document.createElement("li");
                    line33.innerText="→";
                    
                    let line34=document.createElement("li");
                    line34.innerText="→";
                    
                    let line35=document.createElement("li");
                    line35.innerText="→";
                    
                    let line36=document.createElement("li");
                    line36.innerText="→";
                    
                    let line37=document.createElement("li");
                    line37.innerText="-";
                    
                    let line38=document.createElement("li");
                    line38.innerText="-";
                    
                    
                    list3.append(line31,line32,line33,line34,line35,line36,line37,line38);
                    
                    div3.append(list3)
                    
                    
                    
                    
                    let div4=document.createElement("div4");
                    div4.setAttribute("class","key_features_data_div4")
                    
                    let list4=document.createElement("ul");
                    
                    let line41=document.createElement("li");
                    line41.innerText="40";
                    
                    let line42=document.createElement("li");
                    line42.innerText="5000";
                    
                    let line43=document.createElement("li");
                    line43.innerText="→";
                    
                    let line44=document.createElement("li");
                    line44.innerText="→";
                    
                    let line45=document.createElement("li");
                    line45.innerText="→";
                    
                    let line46=document.createElement("li");
                    line46.innerText="→";
                    
                    let line47=document.createElement("li");
                    line47.innerText="→";
                    
                    let line48=document.createElement("li");
                    line48.innerText="→";
                    
                    
                    list4.append(line41,line42,line43,line44,line45,line46,line47,line48);
                    
                    div4.append(list4)
                    
                    cont.append(div1,div2,div3,div4)
                    
                    
                    // let div3=document.createElement("div");
                    // div3.setAttribute("class","key_features_data_div1")
                    
                    // let div4=document.createElement("div");
                    // div4.setAttribute("class","key_features_data_div1")
                    }

// ........................................................