About-me/about.html at main · SofiiCode/About-me · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Information about front-end developer from Ukraine Sofiia Andrusyshyn">

    <!-- CSS only -->
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT"
      crossorigin="anonymous"
    />
    <!-- JavaScript Bundle with Popper -->
    <script
      src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8"
      crossorigin="anonymous"
    ></script>

    <link rel="stylesheet" href="/style.css" />
    <link rel="icon" href="images/photo.jpg">
    <title>About me -  Sofia Andrusyshyn</title>
  </head>
  <body>
    <div class="about-wrapper">
      <nav class="navbar navbar-expand-lg bg-light fixed-top">
          <div class="container-fluid">
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
            </button>
            <a class="navbar-brand" href="#">Sofia Andrusyshyn</a>
            <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
              <li class="nav-item">
                <a class="nav-link " aria-current="page" href="index.html">Home</a>
              </li>
              <li class="nav-item">
                <a class="nav-link active" href="/about.html">About me</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#contact">Contact me</a>
              </li>
            </ul>
          </div>
        </nav>
        <div class="row">
          <h1>About me</h1>
          <div class="col-md-7 col-sm-12 container about-info">

            <h3>Front-end developer from Ivano-Frankivsk, Ukraine</h3>
            <div class="about-paragraphs">
              <p>
                I’m a developer with experience in building websites for small-sized businesses. I’m experienced in HTML5 and CSS3, Bootstrap, JavaScript, and React. Regular communication is really important to me, so let’s keep in touch!”
              </p>

            </div>
            <div class="navigation-links">
              <a href="#contact" class="contact-link"  title="Contact Sofiia Andrusyshyn">Contact me</a>
            </div>

          </div>
      <div class="col-md-3 col-sm-12 mt-5 photo-container">
        <img src="images/photo.jpg" alt="my photo" class=" photo img-fluid">
      </div>
    </div>

    <div class="container">
        <div class="row mb-4 d-flex justify-content-center">
          <h3 class="m-2">👩‍💻My certifications</h2>
          <div class="col-sm-3  shadow m-2">
            <img src="/images/3b14e26049.jpg" alt="Certificate" class="img-fluid" />
          </div>
           <div class="col-sm-3  shadow m-2">
            <img src="/images/basics.jpg" alt="Certificate" class="img-fluid" />
          </div>
          <div class="col-sm-3  shadow m-2">
            <img src="/images/responsive.png" alt="Certificate" class="img-fluid" />
          </div>
          <div class="col-sm-3  shadow m-2">
            <img
              src="/images/react.png"
              alt="Certificate"
              class="img-fluid"
            />
          </div>
          <div class="col-sm-3  shadow m-2">
            <img src="/images/Shecodes+.png" alt="Certificate" class="img-fluid" />
          </div>
        </div>
      </div>
    <div>
      <div id="contact">
        <h2>📮 Contact me</h2>
        <div class="col-6   m-auto ">
          <p  class=" email-link mb-0 mt-5"  >Sofi.andand06@gmail.com </p>
          <p  class=" email-link mb-0 " >+380 95 90 98 604</p>

        </div>
        <div class="col-4  m-auto d-flex justify-content-between">
          <a href="https://www.linkedin.com/in/sofia-andrusyshyn-31b38324b/" target="_blank" > <img src="images/icons8-lin-150.png" class="img-fluid  mt-5" width="40px" alt=""></a>
          <a href="https://www.fiverr.com/sofiiacode" target="_blank"><img src="images/icons8-fiverr-150.png" class="img-fluid  mt-5" width="40px" alt=""></a>
          <a href="https://t.me/+380959098604" target="_blank"><img src="images/icons8-telegram-150.png" class="img-fluid  mt-5" width="40px" alt=""></a>
          <a href="https://github.com/SofiiCode" target="_blank" class="email-link"> <img src="images/github-logo.png"  width="40px"  class="img-fluid mt-5" alt=""></a>

        </div>

</div>

    </div>
    </div>

    <script type="text/javascript">
  (function(d, t) {
      var v = d.createElement(t), s = d.getElementsByTagName(t)[0];
      v.onload = function() {
        window.voiceflow.chat.load({
          verify: { projectID: '64bac2bdb97919000713ca28' },
          url: 'https://general-runtime.voiceflow.com',
          versionID: 'production'
        });
      }
      v.src = "https://cdn.voiceflow.com/widget/bundle.mjs"; v.type = "text/javascript"; s.parentNode.insertBefore(v, s);
  })(document, 'script');
</script>
  </body>
</html>