Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Actividad 17

    Загружено:

    Ema44
    10 просмотров3 страницы

    Оригинальное название

    actividad 17.txt

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    TXT, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ

    Авторское право:

    © All Rights Reserved
    Скачайте в формате TXT, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    10 просмотров3 страницы

    Actividad 17

    Загружено:

    Ema44

    Авторское право:

    © All Rights Reserved
    Скачайте в формате TXT, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 3

    <!

    DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <title>Curriculum Vitae de Bruce Wayne</title>

    <style>
    #formacion li, #experiencia li {
    color: #00F;
    }

    #formacion li strong, #experiencia li strong {


    color: #000;
    }

    @media (min-width: 1201px) {


    #datos {
    float: left;
    width: 30%;
    }

    #curriculo {
    float: left;
    width: 70%;
    }

    #formacion {
    float: left;
    width: 50%;
    }

    #experiencia {
    float: left;
    width: 50%;
    }
    }

    @media (min-width: 601px) and (max-width: 1200px) {


    body {
    font-family: Arial,sans-serif;
    }

    #datos {
    float: left;
    width: 30%;
    }

    #curriculo {
    float: left;
    width: 70%;
    }

    #datos ul {
    list-style-type: none;
    padding: 0;
    }
    #datos li + li {
    margin-top: 10px;
    }

    #datos li strong {
    display: block;
    }
    }

    @media (max-width: 600px) {


    body {
    font-family: Arial,sans-serif;
    }

    h1 {
    font-size: 1.5em;
    }

    h2 {
    font-size: 1.2em;
    border-bottom: 1px solid #000;
    }

    ul {
    list-style-type: none;
    padding: 0;
    }

    li + li {
    margin-top: 10px;
    }

    li strong {
    display: block;
    }
    }
    </style>
    </head>
    <body>

    <h1>Curriculum Vitae de Bruce Wayne</h1>

    <div id="datos">
    <h2>Datos personales</h2>
    <ul>
    <li>Nombre completo: <strong>Bruce Wayne</strong></li>
    <li>Fecha de nacimiento: <strong>1/5/1939</strong></li>
    <li>Lugar de nacimiento: <strong>Gotham City</strong></li>
    </ul>
    </div>

    <div id="curriculo">
    <div id="formacion">
    <h2>Formaci�n acad�mica</h2>
    <ul>
    <li>1956-1961: <strong>Universidad del Espantap�jaros</strong></li>
    <li>1952-1956: <strong>Instituto de Dos Caras</strong></li>
    <li>1944-1952: <strong>Escuela Primaria del Joker</strong></li>
    </ul>
    </div>

    <div id="experiencia">
    <h2>Experiencia laboral</h2>
    <ul>
    <li>1975-1985: <strong>En el paro</strong></li>
    <li>1965-1975: <strong>Cazavillanos y dem�s chusma</strong></li>
    <li>1962-1965: <strong>Aprendiz de superh�roe</strong></li>
    </ul>
    </div>

    </body>
    </html>

    Вам также может понравиться