modified: valitovgaziz/html/index.html

modified: valitovgaziz/html/style.css new file: valitovgaziz/html/style/social_link.css add socila media links into valitovgaziz's site
2025-09-14 20:53:31 +05:00
parent 33c3717ee0
commit 685d9c5312
3 changed files with 43 additions and 8 deletions
@@ -17,7 +17,6 @@
    <title>ValitovGaziz</title>
  </head>
  <body>
-  
    <!-- Yandex.Metrika counter -->
    <script type="text/javascript">
      (function (m, e, t, r, i, k, a) {
@@ -93,11 +92,21 @@
      <div class="about-text">
        <h2>Обо мне</h2>
        <p>
-          Обширный опыт работы с информационными технологиями в течении нескольких лет.
          Специализируюсь на создании веб-приложений с использованием
-          современных технологий. Готов к переезду в Казань, Москву или
-          Санкт-Петербург.
+          современных технологий. Свой хостинг и сайты на нативном коде. Это
+          дает преимущество в дешевизне сайта. Единственный минус, сложность
+          поддержки.
        </p>
+
+        <div class="social_links_block">
+          <div class="social_link">
+            <a href="https://vk.com">VK</a>
+          </div>
+          <div class="social_link">
+            <a href="https://t.me/valitovgaziz">TG</a>
+          </div>
+        </div>
+
        <p>
          <strong>Девиз:</strong> "Век живи, век учись. Краткость — сестра
          таланта."
@@ -201,9 +210,7 @@
          <p><strong>2016 - 2020</strong></p>
        </div>
        <div class="timeline-item">
-          <h3>
-            МТИ - Московский технлогический институт.
-          </h3>
+          <h3>МТИ - Московский технлогический институт.</h3>
          <p>Разработка программиного обеспечения</p>
          <p><strong>2025 - продаолжаю обучаться</strong></p>
        </div>
@@ -1,6 +1,7 @@
@import url("saveContactsButtonStyle.css");
@import url("darkTheme.css");
@import url("./style/about.css");
+@import url("./style/social_link.css");

 :root {
  --primary: #2c3e50;
@@ -0,0 +1,27 @@
+.social_links_block {
+  display: flex;
+  justify-content: space-around;
+  flex-direction: row;
+
+  width: 100%;
+  height: fit-content;
+}
+
+.social_link {
+  border: 1px solid;
+  border-radius: 50%;
+  width: 40px;
+  height: 40px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  -webkit-box-shadow: 0px 0px 14px 0px rgba(34, 60, 80, 0.2);
+  -moz-box-shadow: 0px 0px 14px 0px rgba(34, 60, 80, 0.2);
+  box-shadow: 0px 0px 14px 0px rgba(34, 60, 80, 0.2);
+}
+
+.social_link a {
+  width: fit-content;
+  height: auto;
+}