hackyourfuturecanada · HomamS · Aug 5, 2019 · epq · Aug 5, 2019 · epq
diff --git a/images/0.jpg b/images/0.jpg
diff --git a/images/IMG_3872.JPG b/images/IMG_3872.JPG
diff --git a/images/IMG_3886.JPG b/images/IMG_3886.JPG
diff --git a/images/IMG_4257.JPG b/images/IMG_4257.JPG
diff --git a/images/IMG_4823.JPG b/images/IMG_4823.JPG
diff --git a/images/IMG_4853.JPG b/images/IMG_4853.JPG
diff --git a/images/IMG_5702.JPG b/images/IMG_5702.JPG
diff --git a/index.html b/index.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <meta name="author" content="Hamam ALsamel">
+    <meta name="description" content="I am Telecom Engineer and web developer">
+    <title>
+    <strong>Introducing Myself</strong> </title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
+  </head>
+  <body>
+    <header>
+    <h1>Introducing My Myself</h1>
+    <img src="images/0.jpg" alt="profile" class="profile">
+
+
+    <p> My name is <strong>Hamam ALsamel</strong> i am telecome engineer with 5 years experience, I have experience in two diffrent role which is electrical and telecom field, I have been in canada since 2017 and iam seeking for job in my field where I found its really difficult especially in engineering field, I join Hack Your Future because i want to learn a new thing related to Web and I found that its my interesting  </p>
+    </header>
+    <section class="goals">
+        <img src="https://www341.lunapic.com/editor/working/156501982863542728?7751299832" alt="dream" class="logo">
+    <h2>My Dream and Goals </h2>
+    <p>Since I have change my role in HYF I build up a new goal where i want to be qualified one program language, I have not yet decide which one until to go in depth in our course in order from me to indicate which one I prefer. My goal is to be a freelancer working in Web and making troubleshooting</p>
+    </section>
+    <div class="trip">
+    <img src="images/IMG_3886.JPG" alt="background" width="200">
+    <img src="images/IMG_4257.JPG" alt="background" width="200">
+    <img src="images/IMG_3872.JPG" alt="background" width="200">
+  </div>
+
+    <nav>
+    <h3>My interests:</h3>
+    <ul>
+      <li>Going to Gym every day</li>
+      <li>Watching Movies</li>
+      <li>Learn a new thing everyday</li>
+      <li>Watching Soccer</li>
+    </ul>
+    </nav>
+    <section>
+      <a target="-blank" href="https://github.com/HomamS"> Click here to see my Github </a><br>
+      <a target="-blank" href="https://www.linkedin.com/feed/"> Click here to see my linkedin Profile </a><br>
+      <a target="-blank" href="http://hackyourfuture.ca"> hackyourfuture</a>
+    </section>
+
+
+  </body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,77 @@
+body{
+  font-family: sans-serif;
+  background: url(https://cdn.pixabay.com/photo/2015/07/19/10/00/still-life-851328__340.jpg) no-repeat fixed;
+  background-size: cover;
+  margin: 0px;
+}
+
+img{
+  width: 170px;
+}
+.logo{
+  float: right;
+  width: 40%;
+  margin: 50px;
+  background-color: rgba(150, 180, 156, 0);
+  padding-bottom: 0px;
+
+}
+header h1{
+  font-size: 45px;
+  text-align: center;
+  text-decoration: underline;
+  color: white;
+
+}
+
+header img{
+  float: left;
+  border-radius: 50%;
+  width: 130px;
+  margin: 0px 10px 0px 15px;
+}
+
+header{
+  background-color: rgba(114, 125, 140, 0);
+  margin: 5px 5px 0px 5px;
+  text-align: justify;
+
+}
+header p{
+  font-size: 25px;
+  color: white;
+  text-align: justify;
+  margin: 5px 5px 5px 10px;
+  padding-right: 10px;
+  padding-left: 15px;
+}
+.goals{
+  font-size: 25px;
+  color: white;
+  background-color: rgba(153, 74, 93, 0.5);
+  text-align: center;
+  margin: 10px 0px 5px 0px;
+}
+
+ img{
+  width: 220px;
+  border-radius: 10%;
+  margin: auto 100px;
+  background-color: rgba(100, 90, 130, 0.5);
+
+}
+nav{
+  color: white;
+  font-size: 20px;
+  padding: 100px 100px;
+
+}
+section{
+  padding: 50px 200px;
+  font-size: 30px;
+  background-color: rgba(70, 90, 114, 0.5);
+}
+
+a: hoaver{
+  color: red;
+}