HTML/CSS - ARDUINO BEGINNER GUIDE [FULL] Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
    <div id="up">
        <a href="#top">GO TO<br> TOP</a>
        <a href="#use">WHY <br> ARDUINO</a>
        <a href="#type">ARDUINO <br>TYPES</a>
        <a href="#project">ARDUINO <br>PROJECTS</a>
    </div>
        <div class="top">
            <img class="a" src="https://www.nicepng.com/png/full/207-2079566_arduino-1-logo-png-transparent-arduino-logo-png.png" height="80%" style="float:left;margin:5px 0px 0px 2px;">
            ...ARDUINO...
            <img class="b" src="https://i0.wp.com/www.nuttyengineer.com/wp-content/uploads/2018/02/italy-made-arduino-uno-r3.jpg?fit=1000%2C1000&ssl=1" height="100%" style="float:right;margin:0.1px;">
        </div><br><br><br><br>
        
        
        <div class="intro">
            <h1><span id="top">What is Arduino ?</span></h1><br>
            <p>
            <font size="6px">A</font>rduino is an open-source electronics platform based on easy-to-use hardware and software.<a href="https://www.arduino.cc/en/Main/Products"> Arduino boards </a>are able to read inputs - light on a sensor, a finger on a button, or a Twitter message - and turn it into an output - activating a motor, turning on an LED, publishing something online. You can tell your board what to do by sending a set of instructions to the microcontroller on the board. To do so you use the <a href="https://www.arduino.cc/reference/en">Arduino programming language </a>(based on Wiring), and the Arduino Software (IDE), based on <a href="https://processing.org/">Processing.</a>
            </p>
            <p>
               Over the years Arduino has been the brain of thousands of projects, from everyday objects to complex scientific instruments. A worldwide community of makers - students, hobbyists, artists, programmers, and professionals - has gathered around this open-source platform, their contributions have added up to an incredible amount of <a href="https://forum.arduino.cc/index.php">accessible knowledge </a>that can be of great help to novices and experts alike. 
            </p>
            <p>

css

body {
 background:linear-gradient( DeepSkyBlue, red, blue, purple, orange, green);
    color: white;
}
#up{
    position:fixed;
    bottom:0%;
    height:35px;
    width:100%;
    background-color: gray;
    text-align:center;
    box-sizing:border-box;
    left:0%;
}
.top{
    height:60px;
    width:100%;
    position:fixed;
    left:0%;
    top:0%;
    font-size:35px;
    text-align:center;
    font-family:cursive;
    background-color: white;
    line-height:66px;
    box-sizing:border-box;
    color: black;
}

var k= prompt ("please enter your name : ","freind");
alert ("Hi "+k+" I found many of person intrested in arduino over sololern and i had also found that there ane not must resources of arduino over sololern . So i just thought to prepare a web code to In order to provide primary introduction of Arduino.")
alert ("Was it usefull ¿   Comment me and tell   .......THANK YOU.......")

BROWSER

Console