HTML-CSS-Coursework-Week1/index.html at master · Innapoliakova/HTML-CSS-Coursework-Week1 · 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
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <title>Blog </title>
    <link
      href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
      rel="stylesheet"
      type="text/css"
    />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
  </head>

  <body>

    <div id="main-container">

      <header>

      <p id="title"> Inna Poliakova</p>
      <p> My personal blog about my story, my lifestyle, my goals, my thoughts etc</p>
      <nav>
        <ul class="nav">
<li><a href="#"> My story </a></li>
<li><a href="#"> My lifestyle </a></li>
<li><a href="#"> My goals </a></li>
<li><a href="#"> My pictures </a></li>
<li><a href="#"> My thoughts </a></li>
</ul>
    </nav>


    </header>

<main>

  <article id="art1">
      <h1 class="article-title">About me</h1>

      <div class="art-conteiner">
        <figure>
          <img class="article-image" src="C:\Users\Инна\Desktop\CYF_Folder\HTML-CSS-Coursework-Week1\img\1.jpg" alt="My picture">
          <figcaption class="article-image-caption">My favorite picture</figcaption>
        </figure>
      </div>

      <p class="article-summary">
        Hi! I am glad to see you here.My name is Inna Poliakova. I'm from Ukraine. I really like sports and various activities - running, hiking in the mountains, walking. In 2019, I participated in the Athens Classic Marathon and ran 42 km from the village of Marathon to the city of Athens (Greece). It was a very big challenge for me. But I love to challenge myself, set ambitious goals and achieve them. Now I face a new challenge: to get a new profession almost from scratch.

        Another hobby is social media. For example, I have my own  <a href="https://www.youtube.com/channel/UCKASXzEvknCecfjuRaHDcPw" target="_blank">YouTube channel</a> where I share my life experience with other people.
      </p>

  </article>

  <article id="art2">
    <h1 class="article-title">My achievements</h1>

    <div class="art-conteiner">
      <figure>
        <img class="article-image" src="C:\Users\Инна\Desktop\CYF_Folder\HTML-CSS-Coursework-Week1\img\22.jpg" alt="Marathon 2019">
        <figcaption class="article-image-caption">Athens Marathon 2019</figcaption>

      </figure>

    </div>

    <p class="article-summary">
      Athens Marathon 2019 (42 km)

Master's degree in Law. Odesa National Maritime University (Ukraine)

Master's degree in Social psychology. Postgraduate education (retraining). Odesa Mechnikov National University (Ukraine)

The Lane Kirkland Scholarship Program 2021-2022 (Poland)

Head of the Yuzhny municipal organization of the Liberal Political Party "Syla Lyudey" (Ukraine).

Head of the Political Party "Syla Lyudey" faction in the local council (Ukraine).

Founder and chief manager of the Non- governmental organization "Social Welfare" (Ukraine).

The Alliance of Her Academy-ALDE Party (Bulgaria). Certificate of the Alliance of Her Academy East Europe Class of 2021. Politics and women's leadership
    </p>

  </article>

  <article id="art3">

      <h1 class="article-title">New challenges</h1>

      <div class="art-conteiner">
        <figure>
          <img class="article-image" src="C:\Users\Инна\Desktop\CYF_Folder\HTML-CSS-Coursework-Week1\img\2.jpg" alt="">
          <figcaption class="article-image-caption">Go ahead</figcaption>
        </figure>
      </div>

      <p class="article-summary">
        I decided to learn programming. Although I have never encountered this profession before, and this is a new field for me.

Another challenge is improving my English. I understand that in order to succeed in a foreign country and in a new profession, it is important for me to be fluent in English. Because programming is not only creating websites and writing scripts. It is also communication skills, co-working, co-creativity and coordination of efforts. And to clearly understanding each other is extremely important in this profession. Therefore, I go to foreign language courses and study English.
      </p>
  </article>


</main>

  <footer>
    <div id="line">
    </div>
    <p>Join me on</p>

  <div class="join"></div>
<p><a href="https://twitter.com/InnaPolakova8?t=ofXI4eYEYPOybQSrXH6kRQ&s=09"><img id="tw" src="C:\Users\Инна\Desktop\CYF_Folder\HTML-CSS-Coursework-Week1\img\twitter-icon.svg"></a>
<a href="https://www.facebook.com/inna.poliakova.3"><img id="fb" src="C:\Users\Инна\Desktop\CYF_Folder\HTML-CSS-Coursework-Week1\img\facebook-icon.svg"></a>
<a href="https://www.instagram.com/polinna81/"><img id="inst" src="C:\Users\Инна\Desktop\CYF_Folder\HTML-CSS-Coursework-Week1\img\instagram-icon.svg"></a></p>
</div>

<p id="copyright">Inna Poliakova Ink &#169</p>

</footer>
</div>

  </body>
</html>