Нужно создать HTML код на тему Резюме соискателя

@ElenaCh · Регистрация: 11.04.2016

Студворк — интернет-сервис помощи студентам

Рекомендации к Выполнению
В левой верхней части отобразить фотографию соискателя, справа от фотографии должно быть написано имя соискателя и желаемая должность.
Далее, горизонтальная линия на все страницу. Затем указывается следующая информация о соискателе:
 обо мне;
 образование;
 опыт работы;
 интересы;
 контакты.
Информация указывается следующим образом: заголовок (задать цвет, размер шрифта и выравнивание по центру), под ним горизонтальная линия (60-80% экрана), далее – основной текст. Чтобы размер линии не совпадал с размером экрана можно добавить к тегу следующие свойства: width="70%" align="left".
Указывая контакты (не менее 5), поместить рядом с каждым контактом соответствующую картинку (например, рядом с электронным адресом можно поместить конверт).
Пункты «Обо мне», «Опыт работы», «Образование», «Интересы» должны содержать не менее 10 предложений. Для всего текста должны быть заданы цвет, выравнивание и размер шрифта (название шрифта можно указать, используя свойство face тега font).

@Redzep · 14.04.2016, 18:10

А оплата какая?

@ElenaCh · 14.04.2016, 18:22 **[ТС]**

Redzep, никакой, за спасибо

@vnmslf · 15.04.2016, 00:07

Сообщение от ElenaCh

Redzep, никакой, за спасибо

За спасибо, говорите? Не-а. Попробуйте сами сделать. И то, что получится в результате Вашей попытки выкладывайте сюда. А мы постараемся Вам помочь это исправить. А делать за Вас, за "спасибо" - это вот вряд ли кто-то согласится.

@ElenaCh · 15.04.2016, 06:03 **[ТС]**

vnmslf, Я просто вообще ни чего не понимаю, пар много пропускала по этой теме

@evikza · 16.04.2016, 20:03

ElenaCh, актуально?

сразу демонстрация : http://codepen.io/evikza/pen/KzRaYZ

HTML5
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
<html lang="en">
 
<head>
  <meta charset="UTF-8" />
  <title></title>
</head>
 
<body>
  <div class="conteiner">
    <div class="header">
      <div class="photo">
        <img src="//************/uploads/160416/QMmsB89BlY_preview.jpg" />
      </div>
      <div class="author">
        <div class="info_box">
          <h2>Вентворт Миллер</h2>
          <p>
            <span>Ожидаемая должность: Актер</span>
          </p>
        </div>
      </div>
    </div>
    <hr>
    <div class="skills">
      <h3>Обо мне</h3>
      <hr>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. At velit fuga debitis necessitatibus optio ab nostrum sit neque similique, laboriosam doloremque culpa aliquid. Beatae illum in, quasi iste inventore. At.
      </p>
      <h3>Образование</h3>
      <hr>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. At velit fuga debitis necessitatibus optio ab nostrum sit neque similique, laboriosam doloremque culpa aliquid. Beatae illum in, quasi iste inventore. At.
      </p>
      <h3>Опыт работы</h3>
      <hr>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. At velit fuga debitis necessitatibus optio ab nostrum sit neque similique, laboriosam doloremque culpa aliquid. Beatae illum in, quasi iste inventore. At.
      </p>
      <h3>Интересы</h3>
      <hr>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. At velit fuga debitis necessitatibus optio ab nostrum sit neque similique, laboriosam doloremque culpa aliquid. Beatae illum in, quasi iste inventore. At.
      </p>
      <h3>Контакты</h3>
      <hr>
      <ul class="contacts">
        <li>
          <img src="//img/userpic.png" /><a href="mailto:contact@inbox.com">contact@inbox.com</a>
        </li>
        <li>
          <img src="//img/userpic.png" /><a href="tel:+1234567890">+1234567890</a>
        </li>
      </ul>
 
    </div>
 
  </div>
</body>

CSS
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
* {
  padding: 0;
}
 
body {
  font: 16px 'Roboto';
}
 
.conteiner {
  width: 620px;
  margin: 0 auto;
  padding: 0 20px;
}
 
.header {
  padding: 20px 0;
}
 
.header img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
}
 
.photo,
.author {
  display: inline-block;
}
 
.author {
  margin-left: 15px;
  vertical-align: top;
}
 
.info_box span {
  color: #95a5a6
}
 
 
/* задаем свойства заголовку */
 
h3 {
  text-align: center;
  color: #2c3e50;
}
 
 
/* задаем свойства горизонтальной линии */
 
hr {
  border: none;
  color: #eee;
  background-color: #eee;
  height: 1px;
}
 
 
/* задаем свойства тексту */
 
p {
  text-align: left;
  color: #34495e;
}
 
a {
  text-decoration: none;
  color: #3498db;
}
 
li {
  margin: 10px 0;
  list-style-type: none;
}
 
img {
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
}
 
.contacts {
  text-align: right;
}

@ElenaCh · 18.04.2016, 09:28 **[ТС]**

evikza, да спасибо большое

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

@ElenaCh 2 / 2 / 3 Регистрация: 11.04.2016 Сообщений: 94

	Нужно создать HTML код на тему Резюме соискателя 14.04.2016, 16:41. Показов 62270. Ответов 6 Метки нет (Все метки) Рекомендации к Выполнению В левой верхней части отобразить фотографию соискателя, справа от фотографии должно быть написано имя соискателя и желаемая должность. Далее, горизонтальная линия на все страницу. Затем указывается следующая информация о соискателе:  обо мне;  образование;  опыт работы;  интересы;  контакты. Информация указывается следующим образом: заголовок (задать цвет, размер шрифта и выравнивание по центру), под ним горизонтальная линия (60-80% экрана), далее – основной текст. Чтобы размер линии не совпадал с размером экрана можно добавить к тегу следующие свойства: width="70%" align="left". Указывая контакты (не менее 5), поместить рядом с каждым контактом соответствующую картинку (например, рядом с электронным адресом можно поместить конверт). Пункты «Обо мне», «Опыт работы», «Образование», «Интересы» должны содержать не менее 10 предложений. Для всего текста должны быть заданы цвет, выравнивание и размер шрифта (название шрифта можно указать, используя свойство face тега font). 0

@Redzep 202 / 138 / 88 Регистрация: 21.12.2014 Сообщений: 369
	14.04.2016, 18:10
	А оплата какая? 0

@ElenaCh 2 / 2 / 3 Регистрация: 11.04.2016 Сообщений: 94
	14.04.2016, 18:22 [ТС]
	Redzep, никакой, за спасибо 0

@ElenaCh 2 / 2 / 3 Регистрация: 11.04.2016 Сообщений: 94
	15.04.2016, 06:03 [ТС]
	vnmslf, Я просто вообще ни чего не понимаю, пар много пропускала по этой теме 0

@ElenaCh 2 / 2 / 3 Регистрация: 11.04.2016 Сообщений: 94
	18.04.2016, 09:28 [ТС]
	evikza, да спасибо большое 0

Нужно создать HTML код на тему Резюме соискателя

Решение