<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<style>
<head>
body{
    background-image: url('main-slider-2.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: right;
}

 #id1 {
 text-align: center;
 color:crimson;
  }

.c1 {
 text-align: center;
 color:crimson;
  }

h1.c1 {
 text-align: center;
 color:crimson;
  }
</style>
</head>
<body bgcolor="green">

<p><strong>Tip:</strong>If you do not see any scroll bars, try to resize</p>

<p>The background image is fixed, try to scroll down the page.</p>
<p>The background image is fixed, try to scroll down the page.</p>
<p>The background image is fixed, try to scroll down the page.</p>
<p>The background image is fixed, try to scroll down the page.</p>
<p>The background image is fixed, try to scroll down the page.</p>




<p id="id1">Every paragraph will be affected by this style.</p>
<p>me too!</p>
<p>and me</p>

<p class="c1">Every paragraph will be affected by this style.</p>
<p class="c1">me too!</p>
<p class="c1">and me</p>

<br>
<h1 class="c1">Headings will not be affected.<p></p>
<p class="c1">Every paragraph will be affected by this style.</p>





<p style="color:yellow text-align:center">welcome to BUC</p>
</h1><h2>HTML Iframes</h2>
<p>Use height and width</p>
<iframe src="./2_files/testpage.html" height="200" width="300" title="IFRAME EXample">
</iframe>

<h2 style="color:yellow">Types of majors</h2>

<br>
<br>
<ol type="A" start="5">
    <li style="color:yellow">business</li>
    <li style="color:yellow">pharmacy</li>
    <li style="color:yellow">engineering</li>
<li style="color:yellow">medicine</li>
</ol>

<h2 style="color:yellow"> Description list</h2>
<dl>
<dt style="color:yellow">Engineering</dt>
<dd style="color:yellow">-80%</dd>
<dt style="color:yellow">Medicine</dt>
<dd style="color:yellow">-90%</dd>

<br>


<ul>
<li style="color:yellow">types of colleges
<ul>
<li style="color:yellow">test</li>
<li style="color:yellow">Applied Arts</li>
<li style="color:yellow">Social Sciences</li>

<br>
<br>
<table border="10">
<tbody><tr>
<th>Name</th> <th>Email</th> <th>Phone</th>
</tr>
<tr>
<td>Ahmed</td> <td><PRESIDIO_ANONYMIZED_EMAIL_ADDRESS></td> <td>012222222222</td>
</tr>
<tr>
<td>Amir</td> <td><PRESIDIO_ANONYMIZED_EMAIL_ADDRESS></td> <td>011111111111</td>
</tr>
</tbody></table>
<form>
FIRST NAME:
<input name="fname" type="test"><br><br>
LAST NAME:
<input name="lname" type="text">
<br>
<input type="button" value="SIGN IN">
<br>

<input type="radio" value="Male">male<br>
<input type="radio" value="Female">female<br><br>
<input type="radio" value="Omar Alaa">Omar Alaa<br><br><br>
<input type="reset" value="reset">
<input type="checkbox" name="checkbox" value="tewt"> yes
<input type="checkbox" name="checkbox" value="tewt"> no
<input type="checkbox" name="checkbox" value="tewt"> ok
<select name="cars">
<option value="fiat">fiat</option>
<option value="puegeot">puegeot</option>
<option value="verna">verna</option>
<option value="lanos">lanos</option>
</select>
<input type="submit">
</form>





<table border="2" cellspacing="10" cellpadding="5" align="center" bgcolor="red">
<caption>monthly saving</caption>
<tbody><tr>
<th bgcolor="blue">month</th>
<th bgcolor="blue">savings</th>
</tr>
<tr>
<td bgcolor="blue">January</td>
<td td="" bgcolor="blue">$50</td>
</tr>
<tr>
<td td="" bgcolor="blue">February</td>
<td td="" bgcolor="blue">$50</td>
</tr>
</tbody></table>


</ul>
</li></ul></dl>

</body></html>