Courseplus Learning HTML Template

HTML Full Course - Build a Website Tutorial

299 views • Sep 18, 2019

Stella Johnson Developer 1 year ago

Description

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Elementum tellus id mauris faucibus

Interdum et malesuada fames ipsum

Maecenas dolor

At vero eos et accusam et justo
Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
Lorem ipsum dolor sit amet, consetetur sadipscing elitr

Source code


                                                    var cont_slc = 0;

                                                    function open_select(idx) {
                                                        var idx1 = idx.getAttribute('data-n-select');
                                                        var ul_cont_li = document.querySelectorAll("[data-indx-select='" + idx1 + "'] .cont_select_int > li");
                                                        var hg = 0;
                                                        var slect_open = document.querySelectorAll("[data-indx-select='" + idx1 + "']")[0].getAttribute(
                                                            'data-selec-open');
                                                        var slect_element_open = document.querySelectorAll("[data-indx-select='" + idx1 + "'] select")[0];
                                                        if (Mobile_ || FirfoxMobile) {
                                                            if (window.document.createEvent) { // All
                                                                var evt = window.document.createEvent("MouseEvents");
                                                                evt.initMouseEvent("mousedown", false, true, window, 0, 0, 0, 0, 0, false, false, false, false,
                                                                    0,
                                                                    null);
                                                                slect_element_open.dispatchEvent(evt);
                                                            } else if (slect_element_open.fireEvent) { // IE
                                                                slect_element_open.fireEvent("onmousedown");
                                                            }
                                                        } else {
                                            
                                            
                                                            for (var i = 0; i < ul_cont_li.length; i++) {
                                                                hg += ul_cont_li[i].offsetHeight;
                                                            };
                                                            if (slect_open == 'false') {
                                                                document.querySelectorAll("[data-indx-select='" + idx1 + "']")[0].setAttribute(
                                                                    'data-selec-open',
                                                                    'true');
                                                                document.querySelectorAll("[data-indx-select='" + idx1 + "'] > .cont_list_select_mate > ul")[0]
                                                                    .style.height = hg + "px";
                                                                document.querySelectorAll("[data-indx-select='" + idx1 + "'] > .icon_select_mate")[0].style
                                                                    .transform = 'rotate(180deg)';
                                                            } else {
                                                                document.querySelectorAll("[data-indx-select='" + idx1 + "']")[0].setAttribute(
                                                                    'data-selec-open',
                                                                    'false');
                                                                document.querySelectorAll("[data-indx-select='" + idx1 + "'] > .icon_select_mate")[0].style
                                                                    .transform = 'rotate(0deg)';
                                                                document.querySelectorAll("[data-indx-select='" + idx1 + "'] > .cont_list_select_mate > ul")[0]
                                                                    .style.height = "0px";
                                                            }
                                                        }
                                            
                                                    } // fin function open_select


<html lang="en">

<head>


 
 


</head>
<body>





    

    
         Hello world 
         Lorem ipsum dolor sit amet,   ut labore et    
         nostrud exercitation ullamco laboris nisi ut 
        

        Custom 
    
    

    


</div>  
    
   
     

</body>
</html>


body{
    background:white;
    font-size:16px;
    color:black ;
    line-height:1.3px ;

}

h1 {
    font-size:2rem;
    line-height:1.3
}

.button {
    background:#f43453;
    color:white;
    font-size:12px;
    padding: 20px 10px
}