Различия

Показаны различия между двумя версиями страницы.

--- user:vladpolskiy [2026/02/03 01:13] – создано VladPolskiy
+++ user:vladpolskiy [2026/02/03 03:35] (текущий) – внешнее изменение 127.0.0.1
@@ Строка 1: / Строка 1: @@
-====== VladPolskiy ======
 <html>
+<head>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 <style>
+.sidebar {
+  height: 113px;
+  width: 26px;
+  position: absolute;
+  z-index: 1;
+  top: 48px;
+  left: 311px;
+  background-color: #3d3d3b;
+  overflow-x: hidden;
+}
+.sidebar a {
+  /*padding: 6px 8px 6px 16px;*/
+  text-decoration: none;
+  font-size: 20px;
+  color: #818181;
+  display: block;
+}
+.sidebar a:hover {
+  color: #f1f1f1;
+}
 .photo_1 {
+  position: relative;
   background: url('./demo/vp/portrait.jpg') no-repeat;
   padding-top: 18px;
@@ Строка 8: / Строка 34: @@
   margin-left: 8px;
   margin-right: 8px;
-  width: 266px;
+  width: 320px;
   height: 370px;
+}
+.hov1 {
+  /* Устанавливает размер шрифта */
+  font-weight: bold; /* стандартный жирный шрифт. */
+  font-size: 33px;
+  text-align: center; /* Центрирует текст внутри блока */
+  line-height: 1.5;
 }
 .name_text {
+  position: absolute;
   /* Задает шрифт, используя альтернативы, если Times New Roman недоступен */
   font-family: "Times New Roman", Times, serif;
@@ Строка 23: / Строка 57: @@
   margin-right: 8px;
   width: 266px;
-  height: 100px;
   color: #e7e7e7;
 }
 .fameli_text {
-  background: url('./demo/vp/Vladislav-Rawson.png') no-repeat;
+  position: absolute;
-  padding-top: 8px;
+  padding-top: 155px;
   padding-bottom: 8px;
   margin-left: 8px;
   margin-right: 8px;
-  width: 266px;
-  height: 370px;
 }
 .name_text_2 {
+  position: absolute;
   /* The preferred font, with fallbacks */
   font-family: "Times New Roman", Times, serif;
-  margin-top: 58px;
+  margin-top: 208px;
   margin-bottom: 8px;
   margin-left: 8px;
   margin-right: 8px;
-  width: 266px;
+  color: #e7e7e7;
-  height: 100px;
+}
-  color=#000000;
+.text_top {
+  position: absolute;
+  /* Задает шрифт, используя альтернативы, если Times New Roman недоступен */
+  font-family: "Arial", serif;
+    font-style: italic;
+  /* Устанавливает размер шрифта */
+  font-size: 16px;
+  /* Рекомендуемый межстрочный интервал для Times New Roman */
+  line-height: 1;
+    font-weight: bold; /* стандартный жирный шрифт. */
+  top: 40px;
+  left: 320px;
+  width: 480px;
+  height: 35px;
+  color: #000000;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  margin-left: 25px;
+  margin-right: 8px;
+}
+  .image-right {
+    float: right; /* Сдвигает картинку вправо */
+    margin-left: 15px; /* Отступ слева от текста */
+    margin-bottom: 10px; /* Отступ снизу */
+    max-width: 300px; /* Ограничение размера */
+  }
+.text_right {
+  position: absolute;
+  /* Задает шрифт, используя альтернативы, если Times New Roman недоступен */
+  font-family: "Times New Roman", Times, serif;
+  /* Устанавливает размер шрифта */
+  font-size: 16px;
+  /* Рекомендуемый межстрочный интервал для Times New Roman */
+  line-height: 1;
+    font-weight: bold; /* стандартный жирный шрифт. */
+  top: 85px;
+  left: 320px;
+  width: 480px;
+  height:355px;
+  color: #000000;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  margin-left: 25px;
+  margin-right: 8px;
+}
+.text_top_2 {
+  position: absolute;
+  /* Задает шрифт, используя альтернативы, если Times New Roman недоступен */
+  font-family: "Arial", serif;
+  font-style: italic;
+  /* Устанавливает размер шрифта */
+  font-size: 16px;
+  /* Рекомендуемый межстрочный интервал для Times New Roman */
+  line-height: 1;
+    font-weight: bold; /* стандартный жирный шрифт. */
+  top: 450px;
+  left: 320px;
+  width: 480px;
+  height: 35px;
+  color: #000000;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  margin-left: 25px;
+  margin-right: 8px;
 }
 </style>
+</head>
 <body>
-<div class="fone" style="width: 800px; height: 800px; background-color: #e7e7e7;">
+<div class="fone" style="width: 800px; height: 718px; background-color: #e7e7e7;">
-<div class="left" style="width: 282px; height: 800px; padding-top: 8px; background-color: #3d3d3b;">
+<div class="left" style="width: 282px; height: 710px; padding-top: 8px; background-color: #3d3d3b;">
    <div class="photo_1">
    </div>
    <div class="name_text">
-   <h1> <p style="margin-left: 10px">Vladislav Polskiy</p></h1>
+   <div class="hov1">Vladislav Polskiy</div>
    <p style="margin-left: 10px">From wanting to be alone to finding new acquaintances.
    <br/>I like to travel alone. Loneliness is a way of life, absolute freedom to move around and do what you want and when you want ...</p>
@@ Строка 64: / Строка 164: @@
    <div class="fameli_text">
+   <img src="./demo/vp/Vladislav-Rawson.png" alt="Описание" width="260" height="auto">
    </div>
 <div class="name_text_2">
 <strong>DOB:</strong> February 26, 1976<br>
-<strong>Address:</strong>184653 Russia, Murmansk<br>
+<strong>Address:</strong>183027 Russia, Murmansk<br>
-<strong>Phone:</strong> +79211596795<br>
+<strong>Phone:</strong> +7991*****32<br>
 <strong>Email:</strong>
-<a href="PolskiyVN@gmail.com">PolskiyVN@gmail.com</a><br>
+<a href="#email">PolskiyVN@gmail.com</a><br>
 <strong>Website:</strong>
-<a href="http://78.36.14.128">MurmanskMap</a>
+<a href="#">MurmanskMap</a>
 </div>
+   <!-- The sidebar -->
+<div class="sidebar">
+  <a href="#home"><i class="fa fa-fw fa-home"></i></a>
+  <a href="#services"><i class="fa fa-fw fa-wrench"></i></a>
+  <a href="#clients"><i class="fa fa-fw fa-user"></i></a>
+  <a href="#contact"><i class="fa fa-fw fa-envelope"></i></a>
 </div>
+<div class="text_top">
+<p>
+Vladislav Polskiy. And this is my way of life. From the desire to be alone to the search for new places and acquaintances ...
+</p>
+</div>
+<div class="text_right">
+<img src="./demo/vp/profile_image.jpg" class="image-right" alt="Описание" width="180" height="auto">
+I like to travel alone. Yes, talking around a campfire with a company is great, but it is a special feeling to see,
+hear, feel and breathe new places alone. You are not distracted by someone's conversations, you do not adjust to
+someone's pace, you are alone with yourself and the world around you. Probably, traveling alone is akin to meditation,
+the noise of thoughts dies down and everything becomes so simple and clear ...
+I often visit <b>Norway, Finland</b> and <b>Sweden</b>. These are very beautiful places for hikers,
+places created by nature itself. These are fjords, rocks, lakes and, of course, falls and waterfalls.
+Of course, Scandinavia is very interesting and incredibly beautiful. But what about Corelia? Not many
+people know and realize that our regions are also rich in similar places. And you don't need money, passports
+and visas to visit them. The only thing that does not give us the opportunity to touch the nature of our places
+is the youthfulness of these places and their remoteness from the main roads. And I'm looking for similar places
+in the North-West of Russia and I am happy to share them with like-minded people since September, 2013.</p>
+</div>
+<div class="text_top_2">
+<p>
+Loneliness is a way of life, absolute freedom to do what you want and when you want ...
+</p>
+</div>
+</div>
@@ Строка 86: / Строка 224: @@
 </html>
+~~DISCUSSION:off~~