HTML Full Course - Build a Website Tutorial

299 views Sep 18, 2019

Stella Johnson Developer 1 year ago
Share on

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

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.

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.

Interdum et malesuada fames ipsum

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.

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
  • 
                                                        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
    }