Coursework--Erg/about.html at master · mvrck96/Coursework--Erg · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Maverick's blog</title>
    <link rel="stylesheet" href="CSS/masterAbout.css">
    <link rel="shortcut icon" href="Logos/favicon.ico">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500|Fjalla+One" rel="stylesheet">
    <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fjalla+One|Mukta+Malar|Poppins"> -->
  </head>
  <body>

    <nav>
      <div class="navigation-bar">
      <div class="name">
          <a href="main.html" id="toMain">MAVERICK</a>
      </div>
          <div class="dropdown">
            <button class="dropbtn">PHOTOGRAPHY</button>
            <div class="dropdown-content">
              <a href="travel.html" class="trav">TRAVEL</a>
              <a href="streets.html">STREETS</a>
              </div>
          </div>
          <div class="dropdownSport">
            <button class="dropbtnSport">SPORT</button>
            <div class="dropdownSport-content">
              <a href="running.html">RUNNING</a>
              <a href="alpinism.html">ALPINISM</a>
            </div>
          </div>
          <div class="aboutme">
            <a href="about.html">ABOUT</a>
          </div>
          <div class="contactme">
            <a href="contact.html">CONTACT</a>
          </div>
      </div>
    </nav>

    <article class="myBio">
      <div class="me" >
        <img class="mePhoto" src="Photos/me.jpg" alt="myPhoto"  border="2">
      </div>

        <div class="dossier">
          <div class="dossierText">
            Hi, my name is Ivan ! <br><br> I'm 20 years old. I live in Moscow, doing my Bachelor
            Degree in Computer Science in Moscow Aviational Institute. <br><br>I greatly
            enjoy traveling, mountaineering and coding. So this blog consist of this three
            things, because this is my personal blog written on HTML5 and CSS3 it is
            about places that I've visited, people I've met and some of my sport achievements.<br><br>
            If you get curios about things that I told you can find some travel photography
            behind TRAVEL link and sport achievements can be find under SPORT dropdown.<br><br>
            If you have any questions regarding my blog or you simply would like to contact me
            go to CONTACT link there you will find all the ways to talk to me.<br><br>
            I know that there is not much information about me here, so down the page you will
            find some of my favorite music tracks and films, enjoy !<br>
            <br> I know that there is not much information about me in here,
            so down the page you can find my fovourite music and movies.
        </div>
        </div>
    </article>


    <footer class="social">
        <div class="end" >
          <a href="https://www.instagram.com/mavericks_brainchild/" target="_blank">
            <img src="Logos/instagram-black.svg" alt="IG-logo" class="logo" ></a>
          <a href="https://www.facebook.com/profile.php?id=100014060569202" target="_blank">
            <img src="Logos/facebook-black.svg" alt="FB-logo"  class="logo"></a>
          <a href="https://www.youtube.com/channel/UC-W0MyIZcPgs-kB-8Sk4QNQ?view_as=subscriber" target="_blank">
            <img src="Logos/youtube-black.svg" alt="YT-logo" class="logo"></a>
          <a href="https://github.com/mvrck96" target="_blank">
            <img src="Logos/github-black.svg" alt="GH-logo"  class="logo"></a>
      </div>
    </footer>
  </body>
</html>