HTML/CSS - Open-Source and Free Database Software Online Editor and JavaScript Compiler

html

<!--
    Resources from 
   https://learn.g2.com/free-database-software
-->
<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    </head>
    <body>
        <div class="marquee">
            <p>😁 Follow <a href="https://www.sololearn.com/Profile/7920723/?ref=app">me</a> and <a href="https://www.sololearn.com/Profile/13348676/?ref=app">Varinder Singh</a> to get new usefulllll updates ! 😁</p>
        </div>
    
        <button class="collapsible">Introduction</button>
        <div class="content">
            <p>Most companies today need some kind of database, but it’s not always easy to know which one would best fit your needs. They started out as sets of punch cards, but are now monstrous databases capable of storing petabytes of information.</p>
            
            <p>That can make it pretty tough on a new user looking for a database software solution for their business. But there are three database types we see most frequently: <a href="https://www.g2.com/categories/relational-databases?__hstc=171774463.a717ff091c1c197e287a35c6e82b957c.1573381894660.1573381894660.1573384509976.2&__hssc=171774463.1.1573384509976&__hsfp=1166032065" target="_blank">relational databases</a>, <a href="https://www.g2.com/categories/document-databases?__hstc=171774463.a717ff091c1c197e287a35c6e82b957c.1573381894660.1573381894660.1573384509976.2&__hssc=171774463.1.1573384509976&__hsfp=1166032065" target="_blank">document databases</a> and <a href="https://www.g2.com/categories/key-value-stores?__hstc=171774463.a717ff091c1c197e287a35c6e82b957c.1573381894660.1573381894660.1573384509976.2&__hssc=171774463.1.1573384509976&__hsfp=1166032065" target="_blank">graph databases</a>.</p>
        </div>
        
        <button class="collapsible collapsible1">Best Free Relational Databases</button>
        <div class="content">
            <p>Relational databases store and manage data in a traditional table format, with each piece of data organized into a row and a column. Columns hold the data of a single type or field, like first name, order number, or the image link of a product logo. Rows create the relationship between these data points.</p>
            
            <p>For example, rows can associate a first name to a last name and then to a user name, email address, and customer ID.</p>

css

/* Created by 🇦​🇯​  and designed by Varinder Singh*/
body {
    font-family:Times New Roman;
    font-size:15pt;
    background-color: lightblue;
}
.marquee {
    color:  red;
    padding: 1px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    overflow:auto;
    overflow-style:marquee,panner;
    
}
.marquee p {
     box-shadow: 0 2px 5px 0  rgba(0,0,0,.16),0 2px 10px 0  rgba(0,0,0,.12);
}
      
.goog-logo-link {
   display:none !important;
}

BROWSER

Console