Scribd Logo
Upload

Welcome to Scribd!

  • Theme 5250455546679472398

    Uploaded by

    Paint with MSM
    2 views2 pages

    Original Title

    theme-5250455546679472398

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    2 views2 pages

    Theme 5250455546679472398

    Uploaded by

    Paint with MSM

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    <!

    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>Numophoric Calculator</title>
    <style>
    *{
    margin: 0%;
    padding: 0%;
    }
    h1{
    color: chartreuse;
    padding: 10px;
    }
    body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #535557;
    }

    .container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
    height: 350px;
    width: 230px;
    border-radius: 15px;
    background: #EEF0F4;
    box-shadow: inset 7px 7px 14px #aeafb1, inset -7px -7px 14px #ffffff;
    }
    input{
    border-radius: 15px ;
    height: 30px;
    width: 200px;
    background-color: white;
    border: solid black 0.5px;
    margin-top: 25px;
    }
    button{
    height: 30px;
    width: 35px;
    border: solid white 0.5px;
    border-radius: 15px;
    margin: 10px 2px;
    background: #EEF0F4;
    box-shadow: inset 7px 7px 14px #d4d6d9, inset -7px -7px 14px #ffffff;
    }
    </style>

    </head>
    <body>
    <h1>Simple Calculator</h1> <br>
    <div class="container">
    <input type="text"> <br>
    <div class="row1">
    <button>7</button>
    <button>8</button>
    <button>9</button>
    <button>x</button>
    </div> <br>
    <div class="row2">
    <button>4</button>
    <button>5</button>
    <button>6</button>
    <button>/</button>
    </div> <br>
    <div class="row3">
    <button>1</button>
    <button>2</button>
    <button>3</button>
    <button>+</button>
    </div> <br>
    <div class="row4">
    <button>0</button>
    <button>.</button>
    <button>=</button>
    <button>-</button>
    </div>

    </div>

    </body>
    </html>

    You might also like