70-480 MS Programming Cert

by Abid Shaik

HTML

<div class="FakeBody">

  <header >
    <hgroup>
      <h1>Header wih H1</h1>
      <h2>Subheader wih H2</h2>
    </hgroup>
  </header>
  <hr/>
  <article>
    <h1>Article Header</h1>
    <p>Article PThis is today's blog post</p>
    <aside>
      <!-- Inside the article, so it's related to the article -->
      <h1>H1 in Aside in article</h1>
      <p> Para in This article talks about la, la...</p>
    </aside>
    End Of Article
  </article>
    <hr/>
  <aside>
    <!-- Outside the article, so it's related to the sites -->
    <h2>H2 in Aside</h2>
    <p> P in AsideYou too can have your own blog...</p>
  </aside>
    <hr/>
</div>
<table>
<tr>
  <th colspan="2">2011</th>
  <th colspan="2">2012</th>
  <th colspan="2">2013</th>
</tr>
<tr>
<td>P</td>
<td>S</td>
<td>P</td>
<td>S</td>
<td>P</td>
<td>S</td>
</tr>


</table>

<div id="calculator" style="display:none">
  <input id="txtResult" type="text" readonly="readonly" />
  <br />
  <input id="txtInput" type="text" />
  <br />
  <button id="btn7">7</button>
  <button id="btn8">8</button>
  <button id="btn9">9</button>
  <br />
  <button id="btn4">4</button>
  <button id="btn5">5</button>
  <button id="btn6">6</button>
  <br />
  <button id="btn1">1</button>
  <button id="btn2">2</button>
  <button id="btn3">3</button>
  <br />
  <button id="btnClear">C</button>
  <button id="btn0">0</button>
  <button id="btnClearEntry">CE</button>
  <br />
  <button id="btnPlus">+</button>
  <button id="btnMinus">-</button>
</div>

CSS

body {
  // background-color: hsl(255, 100%, 50%);
}

table{
  border: 2px solid; 
}
table tr, table th, table td {
    border: 2px solid; 
}
.FakeBody {
  background-color: #ccc;
}

input {
  width: 446px;
  height: 35px;
  text-align: right;
  padding: 10px;
  border: inset;
}

button {
  background-color: hsl(255, 50%, 80%);
  width: 150px;
  height: 50px;
  border: outset;
}

button:hover {
  background-color: hsl(255, 50%, 90%);
}

button:active {
  border: inset;
  border-width: thick;
  border-color: hsl(255, 100%, 100%);
  background-color: hsl(255, 50%, 50%);
}

input,
button {
  font-family: Arial;
  font-size: 24pt;
  border-width: thick;
  border-color: hsl(255, 100%, 100%);
  margin: 5px;
}

#txtResult {
  background-color: hsl(255, 50%, 80%);
}

#calculator {
  border: solid;
  background-color: hsl(255, 100%, 60%);
  width: 500px;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 10px;
}