Резюме для программиста

Germany.ru → Foren → Архив Досок→ Programmierung

89957 просмотров Перейти к просмотру всей ветки

04.01.22 16:15

Re: Резюме для программиста

uscheswoi_82 старожил

in Antwort alex445 04.01.22 15:12, Zuletzt geändert 04.01.22 16:27 (uscheswoi_82)

Это то же самое, что открыть свой профиль в какой-нибудь бирже труда или сайтах, подобных Линкедину?

У него домен был имя-фамилия.de а одностраничный веб сайт вот так примерно сделал, только у него примитивнее веб дизайн, а я постарался и сделал красивым лейаут. Можете сохранить как index.html и посмотреть в веб браузере как выглядет:

<!-- Примерно по этому шаблону https://bewerbung.co/wp-content/uploads/2018/07/musterlebenslauf-30.png -->
<!DOCTYPE html>
<html>
  <head>
    <style>
    * { padding:0; margin:0; }
    .abst { padding:4px 4px; }
    body { background-color:#fff; }
    #container { padding:4px 4px; 
                 margin-left:auto; 
                 margin-right:auto; 
                 margin-top:120px; 
                 margin-bottom:50px; 
                 width:800px; 
                 min-height:1200px; 
                 border:1px solid #999; 
                 box-shadow:0px 0px 15px #ddd; 
                 background-color:#fff; }
    .uppercase { text-transform:uppercase; }
    a { text-decoration:none; 
        color:black; 
      }
    a:hover { text-decoration:underline; 
              color:black; 
            }
    a:visited { color:black; }
    </style>
  </head>
  <body>
    <div id="container">
      <div style="text-align:right;">
        Herr Anton Mustermann
        Musterstraße 11
        11111 Musterstadt
        <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Lichtbild" 
         style="width:120px; height:auto; border:1px solid #eee; border-radius:100%; 
         box-shadow:0px 0px 15px #eee;">
        Telefon:0123-45678 | Mobil:0123-456789 
E-mail:
        <a href="mailto:anton.mustermann@example.com">anton.mustermann@example.com</a>
      </div>
      <div class="abst">
      <table border="0">
        <tr valign="top">
          <td width="200px" class="uppercase">
              <h2>Persönliche
Daten</h2></td>
          <td>
              Herr Anton Mustermann
              Musterstraße 11
              11111 Musterstadt
</td>
        </tr>
        <tr><td colspan="2">
</td></tr>
        <tr>
          <td class="uppercase"><h2>Berufliche
werdegang</h2></td>
          <td>...</td>
        </tr>
        <tr><td colspan="2">
</td></tr>
        <tr>
          <td class="uppercase"><h2>Ausbildung</h2></td>
          <td>...</td>
        </tr>
      </table>
      </div>
    </div>
  </body>
</html>

Для более крутых понтов можете #container заменить на адаптивный дизайн:

@media only screen and (min-width:1024px) and (max-width:4096px) {
#container { padding:4px 4px; 
margin-left:auto; 
margin-right:auto; 
margin-top:120px; 
margin-bottom:50px; 
width:800px; 
min-height:1200px; 
border:1px solid #999; 
box-shadow:0px 0px 15px #ddd; 
background-color:#fff; }
}


@media only screen and (min-width:100px) and (max-width:1023px) {
#container { padding:12px 12px; 
margin-left:1px; 
margin-right:1px; 
margin-top:1px; 
margin-bottom:1px; 
width:98%; 
min-height:1200px; 
background-color:#fff; }
}


@media only printer {
#container { padding:12px 12px; 
margin-left:1px; 
margin-right:1px; 
margin-top:1px; 
margin-bottom:1px; 
width:98%; 
min-height:1200px; 
background-color:#fff; }
}

Если я кому-то отвечаю, это не значит что я ему симпатизирую, каждый остаётся при своём мнение

Sprung zu