hackyourfuturecanada · esyasar · Aug 6, 2019
diff --git a/images/cartoongirl.jpg b/images/cartoongirl.jpg
diff --git a/images/dagadam.jpg b/images/dagadam.jpg
diff --git a/images/duver.jpeg b/images/duver.jpeg
diff --git a/images/pcman.jpg b/images/pcman.jpg
diff --git a/images/photography.jpg b/images/photography.jpg
diff --git a/images/volleyball.jpg b/images/volleyball.jpg
diff --git a/mywp.html b/mywp.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<!-- Elif Sude Yasar 7/5/2019 /-->
+<html lang="en">
+  <head>
+    <title> ESY </title>
+    <meta charset="utf-8">
+    <meta name="author" content="Elif Sude Yasar">
+   <meta name="description" content="Let's learn more about Elif.">
+
+   <link rel="stylesheet" href="style.css">
+    <link rel="shortcut icon" href="https://cdn.glitch.com/6ff05834-f2ae-472a-9d8f-319d78609bdf%2Fastronautgirlicon.png?v=1565034138733">
+    <link href="https://fonts.googleapis.com/css?family=Libre+Caslon+Text&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
+
+
+  </head>
+  <body>
+    <div class="topnav">
+  <a class="active" href="#home">Home</a>
+  <a href="#kendi">About Me</a>
+  <a href="#hobi"> My Hobbies</a>
+  <a href="#plan"> Future Plans</a>
+  <a href="#iletisim">Contact</a>
+</div>
+
+
+    <header>
+    <h1> WELCOME </h1>
+        <img src="images/cartoongirl.jpg" alt="cartoon girl" width="250">
+
+    </header>
+
+
+    <section class="about">
+        <h2 id="kendi"> About Me </h2>
+      <p title="About Me Paragraph"> Hi! I am Elif Sude Yasar. I am nineteen years old. I graduated from high school in Turkey.
+       After I graduated from high school, I went to the USA for an English course.
+         Then, I came to Canada.
+         <br> Now, I am taking coding classes, and I will begin at a College in September. </p>
+       </section>
+
+<section class="hobbies">
+        <h2 id="hobi"> My Hobbies and Interests </h2>
+        <img src="images/pcman.jpg" width="250" alt="programming">
+        <img src="images/volleyball.jpg" width="250" alt="volleyball">
+        <a href="https://www.instagram.com/elifsudeyasar/"><img src="images/photography.jpg" width="250" alt="photography"> </a>
+       <ul id="maddeler">
+       <li> Computer </li>
+      <li> Photography </li>
+      <li> Music </li>
+      <li> Hiking </li>
+      <li> Playing volleyball </li>
+    </ul>
+</section>
+
+
+<section class="plans">
+        <h3 id="plan"> My Future Plans </h3>
+
+      <ul>
+        <li> Become a very good Front-End Developer </li>
+        <li> Advance my career with education. </li>
+        <li> Learning a third language. </li>
+        <li> Visit different countries </li>
+      </ul>
+    </section>
+
+<footer>
+        <h4 id="iletisim">   Contact Me  </h4>
+      <a href="https://github.com/esyasar/"> <i class="fab fa-github"></i> </a>
+      <li>  <strong> email: elifsueyasar@gmail.com </strong> </li>
+
+
+</footer>
+
+
+  </body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,106 @@
+body{
+  font-family: 'Libre Caslon Text', serif;
+  background: url(images/duver.jpeg) no-repeat fixed;
+  background-size: cover;
+  margin: 0;
+  padding: 0;
+}
+
+.topnav {
+  background-color: #333;
+  overflow: hidden;
+}
+
+.topnav a {
+  float: left;
+  color: #f2f2f2;
+  text-align: center;
+  padding: 14px 16px;
+  text-decoration: none;
+  font-size: 17px;}
+
+  .topnav a:hover {
+  background-color: #ddd;
+  color: black;
+}
+
+
+
+h1{
+  font-size: 50px;
+  line-height: 1.5px;
+
+}
+
+p{
+  font-size: 18px;
+  line-height: 1.5;}
+
+  header,
+section,
+footer {
+  padding: 100px 150px;
+}
+
+ /* HEADER */
+
+ header{
+   background-color: rgba(97, 41, 64, 0.6);
+   color: white;
+ text-align: center;}
+
+ /* ABOUT */
+ .about{
+   background-color: rgba(255, 153, 204, .5);
+   font-family: inherit;
+ }
+
+ #maddeler{
+   text-align: right;
+   font-size: 25px;
+ }
+
+ .hobbies{
+   background-color: rgba(170, 128, 255, .4);
+   text-align: center;
+ }
+
+
+
+ .hobbies img{
+   width: 180px;
+   border-radius: 50%;
+   margin: 10px;
+ }
+
+
+ .hobbies img:hover {
+   color: white;
+ }
+
+ .plans{
+   background: url(images/dagadam.jpg) no-repeat fixed;
+   background-size: cover;
+   font-size: 25px;
+   font-family: monospace;
+
+ }
+
+ /* FOOTER - contact information */
+ footer {
+
+  background-color: rgba(204, 255, 255, .4);
+  font-family: sans-serif;
+
+  color: rgb(153, 0, 51);
+  text-align: center;}
+ h4{
+   font-size: 36px;
+ }
+i{
+    font-size: 75px;
+    color: purple;
+  }
+ i:hover{
+   color: blue;
+ }