milakirovski.github.io/src/hobbies.html at main · milakirovski/milakirovski.github.io · 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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HOBBIES</title>
  <link rel="stylesheet" href="style/style.css">

</head>
<body>
<div class="container-webPage">
  <div id="body_content">
    <header>
      <div id="navmenu" >
        <ul>

          <li><a href="../index.html"><span>Home</span></a></li>
          <li><a href="aboutMe.html"><span>About Me</span></a></li>
          <li><a href="travel.html"><span>Travel</span></a></li>
          <li><a href="hobbies.html"><span>Hobbies</span></a></li>
        </ul>
      </div>
      <div class="background_part-hobbies">
          <div id="background-hobbies">
            <div id="shadow">
              <div class="header-text">
                <h1>Let's discover my favourite hobbies</h1>
                <h5>Today is life – the only life you are sure of. Make the most of today. Get interested in something. Shake yourself awake. Develop a hobby. <br>Let the winds of enthusiasm sweep through you. Live today with gusto.<br> ― Dale Carnegie</h5>
              </div>
            </div>
          </div>
      </div>
    </header>                    <!-- 1st CHILD -->
    <div id="waterActivities">
      <div id="content-waterActivities">
        <img src="../img/paddleBoard.jpg" height="440" width="400"/>
        <div id="text_side">
          <h2>My love for water sports</h2>
          <h3>It is not a secret that I am a fan of the ocean, as well as the seas and the lakes. I love to be near water.</h3>
          <p>Every summer I go paddleboarding in the Ohrid Lake. This sport is very fun and exciting. Standup paddleboarders stand on boards that are floating on the water, and use a paddle to propel themselves through the water. For many beginners in this sport, it looks intimidating at first glance, because it is necessary to maintain balance while standing on top of the board. But with effort and courage, everything is achieved. Of course, you should be prepared for many falls into the water while attempting to stay upright on the platform. </p>
          <img src="../img/BUBBLES.gif" height="100" width="100"/>
        </div>
      </div>
    </div>  <!-- 2nd CHILD -->
    <div id="volleyball">
      <h1>Volleyball</h1>
      <div>
        <img src="../img/MyVolleyballTeamjpg.jpg" height="333" width="500"/>
        <img src="../img/beachvolleyball.jpg" height="333" width="500"/>
<!--        <img src="../img/goceDelcevVolleyballTeam.jpg" height="333" width="500"/>-->

        <img src="../img/3765.jpeg" height="335" width="500"/>
      </div>
      <ul>
        <li><span>This is my team Vardar Zeni</span></li>
        <li><span>Playing beach volley on a beach in Greece</span></li>
      </ul>
    </div>       <!-- 3rd CHILD -->
    <div id="skiing">
      <div id="skiing_content">
        <div id="box1">
          <img src="../img/skiingWithDadresized2.jpg" height="331" width="300"/>
          <div id="text_side2">
            <h3>Skiing with my dad</h3>
            <p>Every year me and my family go skiing</p>
          </div>
        </div>
        <div id="box2">
          <h1>Skiing</h1>
          <img src="../img/snowGIF.gif" height="300" width="300"/>
        </div>

        <div id="box3">
            <img src="../img/meSkiingresized.jpg" height="400" width="300"/>
            <div id="text_side3">
              <h3>Me on the ski-lift</h3>
              <p>You can spot my brother and father in the reflection of my ski goggles.</p>
            </div>
          </div>
      </div>
    </div>           <!-- 4th CHILD -->
    <footer id="hobbies-footer">
      <div id="content_footer">
        <div class="footer_coloms">
          <ul id="information">
            <h4>Information</h4>
            <li><a href="aboutMe.html">About Me</a></li>
            <li>Terms & Conditions</li>
            <li>Blog</li>
          </ul>
          <ul id="contactMe">
            <h4>Contact me</h4>
            <li><a href="mailto:kirovski.mila@gmail.com">Mail</a></li>
            <li><a href="https://github.com/milaKirovski">GitHub</a></li>                                       <!-- TODO-->
            <li><a href="https://www.linkedin.com/">Linkedin</a></li>
            <li><a href="https://www.instagram.com/mila.kirovski/">Instagram</a></li> <!-- TODO-->
          </ul>
          <ul id="extras">
            <h4>Extras</h4>
            <li><a href="https://orcenikolov.edu.mk/"> Orce Nikolov High school </a></li>
            <li><a href="https://www.finki.ukim.mk/">FINKI</a></li>
          </ul>
          <ul>
            <h4>Email me</h4>
            <form>
              <input type="email" name="email-address" placeholder="Enter your e-mail">
              <button>Send</button>
            </form>
          </ul>
        </div>
      </div>
      <div id="copy">
        <p>&copy kirovski.mila@gmail.com - all rights reserved </p>
      </div>
    </footer>
  </div>
</div>
</body>
</html>