Portal_IT116/index.html at master · Danusha6/Portal_IT116 · 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!DOCTYPE html>
<html lang="en">

<head>
  <title>Danait Gebremedhin Portal</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" href="css/main.css">
  <link rel="stylesheet" href="css/nav.css">
  <link rel="stylesheet" href="css/forms.css">
</head>

<body>
  <header>
    <h1 class="page-header">Danait Gebremedhin</h1>
    <nav class="topnav" id="myTopnav">
      <a href="index.html" class="active">Home</a>
      <a href="https://danusha6.github.io/styling-with-css/" target="_blank">Stylin'with CSS</a>
      <a href="https://danusha6.github.io/Selectors/" target="_blank">Selectors</a>
      <a href="https://danusha6.github.io/CSS-Positioning/" target="_blank">Positioning</a>
      <a href="https://danusha6.github.io/Time-of-day/" target="_blank">Time of day</a>
      <a href="https://danusha6.github.io/Daily-Grind/" target="_blank">Daily Grind</a>
      <a href="https://danusha6.github.io/Creatures/" target="_blank">Creatures</a>
      <a href="https://danusha6.github.io/Dom-Play/" target="_blank">DOM-PLAY</a>
      <a href="https://danusha6.github.io/Title-Case/" target="_blank">Title Case</a>
      <a href="https://danusha6.github.io/get-even-/" target="_blank">Get Even</a>
      <a href="https://danusha6.github.io/Looping-Form/" target="_blank">Looping Form</a>
      <a href="https://danusha6.github.io/Data-Processing/" target="_blank">Data Processing</a>
      <a href="https://danusha6.github.io/Seasonal-Styles/" target="_blank">Seasonal Styles</a>
      <a href="https://danusha6.github.io/Guess-the-Number/" target="_blank">Guess the Number</a>
      <a href="https://danusha6.github.io/AJAK-Quotes/" target="_blank">AJAK Quotes</a>
      <a href="https://danusha6.github.io/Templating-With-Ejs/" target="_blank">Templating With Ejs</a>

      <a href="https://github.com/Danusha6" target="_blank">GitHub</a>
      <a href="https://www.linkedin.com/in/danait-alemu-gebremedhin-402770270/" target="_blank">LinkedIn</a>
      <a href="javascript:void(0);" class="icon" onclick="myFunction()">&#9776;</a>
    </nav>
  </header>

  <main class="wrapper">
    <picture class="profile">
      <source media="(min-width: 1200px)" srcset="images/desktop2.jpg">
      <source media="(min-width: 501px)" srcset="images/tablet2.jpg">
      <img src="images/phone.jpg" alt="That's me!">
    </picture>
    <h2 class="subheader">Who Am I?</h2>
    <p>My name is Danait Gebremedhin. I'm 21 years old. I was born and raised in <em>Addis Ababa, Ethiopia</em>. I'm an
      emerging professional in the field of <strong>Application development</strong> at <strong> Year Up Pugent
        Sound</strong>. I have a passion for creating innovative solutions that solve real-world problems. With a couple
      of months experience in the industry, I have gained valuable knowledge in HTML, CSS, JavaScript and Python, which
      makes me constantly updating to stay ahead of the curve. I believe that this field of study is growning and in
      high demand. </p>
    <h2>Interests</h2>
    <p>I'm passionate about learning new skills and knowledge, teamwork and problem-solving. In my leisure time, I enjoy
      reading self development and psychology books, spending time with my family and friends, watching movie and
      listening to spiritual music. And when I get more time I like to travel to different part of the world. I also
      love meeting new people, experiencing new culture, and trying to learn different language. </p>
    <!-- <h3>Page Origin</h3>

       <p>The HTML/CSS comes from Sara Newman's Web Fundamentals class as taught at Seattle Central. This page provides a basis for students to build a responsive portal page.</p>

    <p>Study how this page is built, with the <a href="https://www.youtube.com/watch?v=151NXMk0a2c" target="_blank">DOM Inspector</a> and use it as a foundation for your portal or other sites!</p> -->
    <footer>
      <p><small>&copy; 2022-<span id="this-year"></span> by
          Danait Gebremedhin, All Rights Reserved ~
          <a id="html-checker" href="#" target="_blank">Check HTML</a> ~
          <a id="css-checker" href="#" target="_blank">Check CSS</a></small>
      </p>
    </footer>
  </main>

  <!-- Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon -->
  <script>
    //https://tinyurl.com/dynamic-html-checker
    document.getElementById("html-checker").setAttribute("href", "https://validator.w3.org/nu/?doc=" + location.href);

    document.getElementById("css-checker").setAttribute("href", "https://jigsaw.w3.org/css-validator/validator?uri=" + location.href);

    //set current year in span with id of this-year
    let d = new Date(); let thisYear = d.getFullYear();
    document.getElementById("this-year").innerHTML = thisYear;

    //manages mobile nav
    function myFunction() {
      var x = document.getElementById("myTopnav");
      if (x.className === "topnav") {
        x.className += " responsive";
      } else {
        x.className = "topnav";
      }
    }
  </script>

</body>

</html>