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
This commit is contained in:
@@ -17,7 +17,6 @@
|
|||||||
<title>ValitovGaziz</title>
|
<title>ValitovGaziz</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<!-- Yandex.Metrika counter -->
|
<!-- Yandex.Metrika counter -->
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
(function (m, e, t, r, i, k, a) {
|
(function (m, e, t, r, i, k, a) {
|
||||||
@@ -71,7 +70,7 @@
|
|||||||
<span id="email">valitovgaziz@yandex.ru</span>
|
<span id="email">valitovgaziz@yandex.ru</span>
|
||||||
<span id="telegram">
|
<span id="telegram">
|
||||||
<a href="https://t.me/valitovgaziz">telegram</a>
|
<a href="https://t.me/valitovgaziz">telegram</a>
|
||||||
</span>
|
</span>
|
||||||
<span id="city">Уфа, Россия</span>
|
<span id="city">Уфа, Россия</span>
|
||||||
</div>
|
</div>
|
||||||
<button id="saveContactBtn" onclick="saveContact()">
|
<button id="saveContactBtn" onclick="saveContact()">
|
||||||
@@ -93,11 +92,21 @@
|
|||||||
<div class="about-text">
|
<div class="about-text">
|
||||||
<h2>Обо мне</h2>
|
<h2>Обо мне</h2>
|
||||||
<p>
|
<p>
|
||||||
Обширный опыт работы с информационными технологиями в течении нескольких лет.
|
|
||||||
Специализируюсь на создании веб-приложений с использованием
|
Специализируюсь на создании веб-приложений с использованием
|
||||||
современных технологий. Готов к переезду в Казань, Москву или
|
современных технологий. Свой хостинг и сайты на нативном коде. Это
|
||||||
Санкт-Петербург.
|
дает преимущество в дешевизне сайта. Единственный минус, сложность
|
||||||
|
поддержки.
|
||||||
</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>
|
<p>
|
||||||
<strong>Девиз:</strong> "Век живи, век учись. Краткость — сестра
|
<strong>Девиз:</strong> "Век живи, век учись. Краткость — сестра
|
||||||
таланта."
|
таланта."
|
||||||
@@ -201,9 +210,7 @@
|
|||||||
<p><strong>2016 - 2020</strong></p>
|
<p><strong>2016 - 2020</strong></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="timeline-item">
|
<div class="timeline-item">
|
||||||
<h3>
|
<h3>МТИ - Московский технлогический институт.</h3>
|
||||||
МТИ - Московский технлогический институт.
|
|
||||||
</h3>
|
|
||||||
<p>Разработка программиного обеспечения</p>
|
<p>Разработка программиного обеспечения</p>
|
||||||
<p><strong>2025 - продаолжаю обучаться</strong></p>
|
<p><strong>2025 - продаолжаю обучаться</strong></p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
@import url("saveContactsButtonStyle.css");
|
@import url("saveContactsButtonStyle.css");
|
||||||
@import url("darkTheme.css");
|
@import url("darkTheme.css");
|
||||||
@import url("./style/about.css");
|
@import url("./style/about.css");
|
||||||
|
@import url("./style/social_link.css");
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--primary: #2c3e50;
|
--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;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user