<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name ="description" content="welcome ya beeeh XD ">
<title>image</title>
<style> p{color:red} h1{color:blueviolet}</style>
<link rel="stylesheet" href="style.css" >
<script> alert("welcome to my page");</script>
</head>
<body>
<img src="web.jpg" width="50" height="50" alt="mac photot">
<a href="#language"> language list </a>
<br>
<a href="#girls">girls list</a>
<br>
<a href="#famely"> famely list </a>
<br>
<h1 id="volleyball">volley ball list</h1>
<div>
<p>ahmed sameh fathy awad ahmed algmal</p>
<p> shady tarek fathy</p>
<p> mohamed tallat </p>
<p> mahmoud hossam aldeen</p>
<p> maher ayman</p>
<p> khaled shref</p>
</div>
<h1 id="collage">collage list</h1>
<div>
<p>mohammenna moyar7no mohamed altab3i al almnswned reda av8ani</p>
<p> bilal elhlawty al mo7tr</p>
<p>aldelar 3asi tagr almo5drat</p>
<p>ahme</p>
<p>kareem yaser almetnak</p>
<p>menna mohamed alshera by mo7no</p>
</div>
<h1 id="language"> programming language list</h1>
<div>
<p>html</p>
<p>css</p>
<p>php</p>
<p>java script</p>
<p>java</p>
<p>c++</p>
<p>sql</p>
</div>
<h1 id="girls"> girls list</h1>
<div>
<p>donia</p>
<p>taghred</p>
<p>menna</p>
<p>amani</p>
<p>rozan</p>
<p>mayar</p>
<p>aya</p>
<p>rowan</p>
<p>nouran</p>
<p>merna</p>
<p>salma</p>
</div>
<h1 id="famely">famely list</h1>
<div>
<p>samir</p>
<p>nosa</p>
<p>heba</p>
<p>aml</p>
<p>sameh</p>
<p>tarek</p>
<p>mahmoud</p>
<p>nagla2</p>
<p>amani</p>
<p>mohamed</p>
<p>reham</p>
<p>amr</p>
<p>gana</p>
<p>2asr</p>
<p>maya</p>
<p>rodina</p>
<p>gomina</p>
<p>ahmed</p>
<p>mostafa</p>
<p>mohap</p>
</div>>
<a href="#volleyball">vollyball list </a>
<br>
<a href="#collage"> collage list</a>
</body>
</html>