modified: valitovgaziz/html/index.html

modified:   valitovgaziz/html/style.css
add to site valitovgaziz telegram contacts

valitovgaziz/html/index.html

@@ -11,10 +11,10 @@
         <h1>Валитов Газиз Камилевич</h1>
         <p>Fullstack-разработчик</p>
         <div class="contact-info">
-            <span>+7(904)451- 34 - 47</span>
+            <span id="phone">+7(904)451- 34 - 47</span>
-            <span>valitovgaziz@yandex.ru</span>
+            <span id="email">valitovgaziz@yandex.ru</span>
-            <span>https://t.me/valitovgaziz</span>
+            <span id="telegram"><a href="https://t.me/valitovgaziz">telegram</a></span>
-            <span>Уфа, Россия</span>
+            <span id="city">Уфа, Россия</span>
         </div>
     </header>
 

valitovgaziz/html/style.css

@@ -5,13 +5,18 @@
   --dark: #1a252f;
   --success: #2ecc71;
 }
+
+html {
+    margin: 0;
+    padding: 0;
+}
 body {
   font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   line-height: 1.6;
   color: #333;
   max-width: 1200px;
-  margin: 0 auto;
+  margin: 30px auto 5px auto;
-  padding: 0 20px;
+  padding: 10px 20px;
   background-color: #f9f9f9;
 }
 header {
@@ -20,12 +25,12 @@ header {
   padding: 2rem 0;
   text-align: center;
   margin-bottom: 2rem;
-  border-radius: 0 0 10px 10px;
+  border-radius: 10px;
 }
 h1,
 h2,
 h3 {
-  color: var(--primary);
+  color: var(--secondary);
 }
 h1 {
   margin-bottom: 0.5rem;
@@ -37,6 +42,11 @@ h1 {
   margin-bottom: 1rem;
   flex-wrap: wrap;
 }
+
+#telegram a {
+    color: inherit;
+}
+
 .section {
   background: white;
   padding: 2rem;