Week3/mywp.html at master · esyasar/Week3 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
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>