1<html> 2 <head> 3 <title>Calculator</title> 4 <link rel="stylesheet" type="text/css" href="style.css" /> 5 </head> 6 <body> 7 <div id="calculator"> 8 <div id="calculator-fade"> 9 <div id="calculator-fade-edge"></div> 10 <div id="calculator-fade-gradient"></div> 11 </div> 12 <div id="calculator-display" role="log" aria-live="polite"> 13 <div class="equation"> 14 <span class="accumulator" aria-hidden="true"></span> 15 <span class="operation"> 16 <span class="operator"> 17 <div class="spacer"></div> 18 <div class="value"></div> 19 </span> 20 <span class="operand">0</span> 21 </span> 22 </div> 23 </div> 24 <div id="calculator-buttons"> 25 <div> 26 <button class="clear" title="clear" data-button="clear"></button> 27 <button class="negate" title="negate" data-button="negate"></button> 28 <button class="divide" title="divide" data-button="divide"></button> 29 <button class="multiply" title="multiply" data-button="multiply"> 30 </button> 31 <button class="seven" title="seven" data-button="seven"></button> 32 <button class="eight" title="eight" data-button="eight"></button> 33 <button class="nine" title="nine" data-button="nine"></button> 34 <button class="subtract" title="subtract" data-button="subtract"> 35 </button> 36 <button class="four" title="four" data-button="four"></button> 37 <button class="five" title="five" data-button="five"></button> 38 <button class="six" title="six" data-button="six"></button> 39 <button class="add" title="add" data-button="add"></button> 40 <button class="one" title="one" data-button="one"></button> 41 <button class="two" title="two" data-button="two"></button> 42 <button class="three" title="three" data-button="three"></button> 43 <button class="equals" title="equals" data-button="equals"></button> 44 <button class="zero" title="zero" data-button="zero"></button> 45 <button class="point" title="point" data-button="point"></button> 46 </div> 47 </div> 48 </div> 49 </body> 50</html> 51