Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body id="body">
    <script>
        // input
        let textr1 = "about me";
        let textr2 = "I'm a UI Designer and Front End Developer from Sydney, Australia"
        let textr3 = "I enjoy taking complex problems and turning them into simple and beatiful interface designs. I also love the logic and structure of coding and always strive to write elegant and efficient code, whether it be HTML, CSS or jQuery."
        let textr4 = "When I'm not coding or pushing pixels, you'l find me in the gym or on the court shooting some hoops.";
        let textr5 = '<img id="imgfl" src="images/fblike.jpg" alt="Facebook Like" /> <img id="imgft" src="images/followtwitter.jpg" alt="Follow Twitter" />';
        let textrR = '<img id="img11" src="images/about11.jpg" alt="Face" />';

        // algoritm
        let main = document.getElementById('body');
        body.style.fontFamily = "Helvetica, sans-serif";
        main.innerHTML = '<div id="row1"></div> <div id="row2"></div> <div id="row3"></div> <div id="row4"></div> <div id="row5"></div> <div id="rowR"></div>';
        main.style.width = "100%"; // CHANGED: pridejau kabliataski ir ploti
        //main.style.float = "left";

        row1.innerHTML = textr1;
        let str1 = document.getElementById('row1').style;
        str1.fontWeight = "bold";
        str1.fontSize = "3rem";
        str1.cssFloat = "left";
        str1.width = "50%";         // CHANGED
        str1.clear = "left";        // CHANGED


        row2.innerHTML = textr2;
        let str2 = document.getElementById('row2').style;
        str2.padding = "15px 0px";
        //str2.fontWeight = "bold";
        str2.fontSize = "1.5rem";
        str2.cssFloat = "left";
        str2.width = "50%";         // CHANGED
        str2.clear = "left";        // CHANGED

        row3.innerHTML = textr3;
        let str3 = document.getElementById('row3').style;
        str3.padding = "15px 0px";
        str3.fontSize = "0.8rem";
        str3.cssFloat = "left";
        str3.width = "50%";         // CHANGED
        str3.clear = "left";        // CHANGED

        row4.innerHTML = textr4;
        let str4 = document.getElementById('row4').style;
        //str4.fontWeight = "bold";
        str4.padding = "15px 0px";
        str4.fontSize = "0.8rem";
        str4.cssFloat = "left";
        str4.width = "50%";         // CHANGED
        str4.clear = "left";        // CHANGED

        row5.innerHTML = textr5;
        let str5 = document.getElementById('row5').style;
        imgfl.style.paddingRight = imgft.style.paddingRight = "10px";
        imgfl.style.width = imgft.style.width = "10%";
        imgfl.style.height = imgft.style.height = "10px";
        str5.padding = "15px 0px";
        str5.cssFloat = "left";
        str5.width = "50%";     // CHANGED
        str5.clear = "left";    // CHANGED

        rowR.innerHTML = textrR;
        let strR = document.getElementById('rowR').style;
        //strR.clear = "left";
        strR.cssFloat = "right";
        strR.width = "50%";
        //strR.width = "60%"

        // output
        console.log("Success!")

    </script>

</body>
</html>