hackyourfuturecanada · heyam09 · Aug 6, 2019
diff --git a/images/a.jpeg b/images/a.jpeg
diff --git a/images/b.JPG b/images/b.JPG
diff --git a/images/bigstar.jfif b/images/bigstar.jfif
diff --git a/images/book.jpg b/images/book.jpg
diff --git a/images/books.jpg b/images/books.jpg
diff --git a/images/c.jpeg b/images/c.jpeg
diff --git a/images/d.jpeg b/images/d.jpeg
diff --git a/images/glass.jpg b/images/glass.jpg
diff --git a/images/grayflower.jfif b/images/grayflower.jfif
diff --git a/images/m.jpg b/images/m.jpg
diff --git a/images/openbook.jpg b/images/openbook.jpg
diff --git a/images/study.png b/images/study.png
diff --git a/index.html b/index.html
@@ -0,0 +1,100 @@
+
+
+<!DOCTYPE html>
+<html>
+<head>
+	 <title alt=" the subject">
+	About me
+	</title> 
+
+	<meta charset="utf-8">
+	<meta name="discription" content="This website is about me 'Heyam Alchahin' ">
+
+	<meta name="viewport" content="widt=device-widh, initial-scale=1">
+
+	<meta name="keywords" content="heyam, background, dreems, goals, self picturs, friend picturs">
+
+	<meta name="author" content="Heyam Alchahin">
+
+
+	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
+
+
+
+	<link rel="stylesheet" type="text/css" href="http://hackyourfuture.ca">
+
+	<link href="https://fonts.googleapis.com/css?family=Dancing+Script|Titillium+Web&display=swap" rel="stylesheet">
+
+	<link href="https://fonts.googleapis.com/css?family=Bitter|Dancing+Script|Titillium+Web&display=swap" rel="stylesheet">
+
+<link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">
+
+	<link rel="stylesheet" href="style.css">
+
+</head>
+<body>
+
+<header  class="text" alt="information about my life">
+	<h1> A brief about me...</h1>
+
+
+		My name is <em>Heyam</em>, I am from <em>Syria</em>, and I am 20 years old. I live in <em>Canada</em> with my family<br>
+		 which is my mom, Dad, two brothers, and little sister since 2016. I have graduated from high<br>
+		  school before I come to Canada, I like to play Piano and read books in my free time. I am very<br>
+		   social person and I very like to spend time with friends and family. Also, I am always interesting<br>
+		    to learn new things and trying to work hard in order to reach my goals and dreams.<br>
+
+	</header>
+	<br>
+
+	<div class="text" alt=" explnation of dreams and goals">
+
+		<em>According</em> to me, <em>dreams</em> are motivation for our survival in this life. Thus, I am very keen<br>to make my dreams true.<br> I like to see my self a very successful person who has an influential<br>
+		  position in the society and doing a beneficial thing in order to develop the world and help others.<br> 
+
+	</div> 
+
+<div class="text" alt="hobbies">
+	<h1>Things I like to do in my free time</h1>
+	<p id="list">
+	<ul>
+		<li>Reading books</li>
+		<li>Listening to music</li>
+		<li>going to Natural places</li>
+
+		<caption></caption>
+
+	</ul>
+	</p>
+		 <br> <br> <br>
+
+		</div>
+
+
+<p alt="picturs related to me">
+	<p class="dif">Picture of me</p>
+	<img class="pic" src="images/a.jpeg" alt="my picture" width="400"> 
+
+ <p class="dif">picture with friends</p>
+	<img class="pic" src="images/b.jpg" alt="picture with friends" width="400"> 
+	<p class="dif">picture of my study table</p>
+	<img class="pic" src="images/c.jpeg" alt="picture of my study table" width="400"> 
+
+	<p class="dif">picture of the must thing that I love "RAIN" </p>
+	<img class="pic" src="images/d.jpeg" alt="picture of the must thing that I love rain " width="400"> 
+
+
+	</p>
+<footer>
+	<p>Posted by: Heyam Alchahin</p>
+	<p> <a href="https://github.com/heyam09" target="_blank"> check my Github ac
+	count</a> </p>
+
+
+
+</footer>
+
+</body>
+
+</html>
+
diff --git a/style.css b/style.css
@@ -0,0 +1,59 @@
+
+body{
+
+background: linear-gradient(rgba(255,255,255,0.6),
+
+			 rgba(255,255,255,0.6)), url("images/book.jpg") no-repeat fixed;
+	background-size: cover;
+}
+
+
+.pic{
+
+border-radius: 40px;
+background-color: #eae3d3;
+margin: 10px; 
+padding: 10px;
+
+}
+
+
+.text{
+font-family: 'Dancing Script', cursive;
+font-family: 'Titillium Web', sans-serif;
+background-color: #eae3d3;
+
+ text-align: center;
+
+ margin: 10px; 
+padding: 20px;
+
+	}
+
+	.pic{  font-family: 'Dancing Script', cursive;
+font-family: 'Titillium Web', sans-serif;
+font-family: 'Bitter', serif;
+
+
+
+}
+
+.dif{
+
+font-family: 'Dancing Script', cursive;
+
+}
+
+
+a:hover {
+  background-color: #eae3d3;
+}
+
+
+
+
+
+
+
+
+