Skip to content
View valayme's full-sized avatar

Block or report valayme

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
valayme/README.md
<title>Somos el Equipo 2 - Medio Ambiente</title> <style> body { font-family: 'Arial', sans-serif; line-height: 1.6; margin: 0; padding: 0; color: #333; background-color: #f9f0ff; } header { background: linear-gradient(135deg, #6a0dad, #9b59b6); color: white; text-align: center; padding: 2rem 0; margin-bottom: 2rem; } h1 { margin: 0; font-size: 2.5rem; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); } .container { width: 85%; margin: auto; overflow: hidden; } .main { background: white; padding: 2rem; border-radius: 8px; box-shadow: 0 0 15px rgba(106, 13, 173, 0.1); margin-bottom: 2rem; } .team-section { text-align: center; margin: 2rem 0; } .team-section h2 { color: #6a0dad; background: linear-gradient(to right, #6a0dad, #9b59b6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; } .team-members { display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem; } .member { background: linear-gradient(145deg, #f3e5ff, #e0b0ff); padding: 1rem; border-radius: 5px; width: 150px; box-shadow: 0 2px 5px rgba(106, 13, 173, 0.1); transition: transform 0.3s; } .member:hover { transform: translateY(-3px); } .image-section { display: flex; justify-content: space-around; flex-wrap: wrap; margin: 2rem 0; } .image-container { width: 30%; margin-bottom: 1rem; text-align: center; } .image-container img { width: 100%; border-radius: 8px; box-shadow: 0 0 10px rgba(106, 13, 173, 0.2); transition: transform 0.3s; } .image-container img:hover { transform: scale(1.05); box-shadow: 0 0 15px rgba(106, 13, 173, 0.3); } .image-container p { font-size: 0.9rem; color: #666; margin-top: 0.5rem; } footer { background: linear-gradient(135deg, #4b0082, #6a0dad); color: white; text-align: center; padding: 1.5rem 0; margin-top: 2rem; } .tips { background: linear-gradient(145deg, #f3e5ff, #e0b0ff); padding: 1.5rem; border-radius: 8px; margin: 1.5rem 0; box-shadow: 0 2px 10px rgba(106, 13, 173, 0.1); } .tips h3 { color: #6a0dad; margin-top: 0; } .tips ul { padding-left: 20px; } .stats { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 2rem 0; } .stat-card { background: white; border-left: 4px solid #9b59b6; padding: 1rem; width: 30%; margin-bottom: 1rem; border-radius: 0 5px 5px 0; box-shadow: 0 2px 8px rgba(106, 13, 173, 0.1); transition: transform 0.3s; } .stat-card:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(106, 13, 173, 0.2); } .stat-card h4 { color: #6a0dad; margin-top: 0; } h2, h3 { color: #6a0dad; } @media (max-width: 768px) { .image-container, .stat-card { width: 100%; } } </style>

Somos el Equipo 2

Comprometidos con la proteccion del medio ambiente

<div class="container">
    <section class="team-section">
        <h2>Nuestro Equipo</h2>
        <div class="team-members">
            <div class="member">Valentina Ortega Lazcano</div>
            <div class="member">Ayhleen Ayme Martinez Reyes</div>
        </div>
    </section>

    <section class="main">
        <h2>La Importancia del Medio Ambiente</h2>
        <p>El medio ambiente es el conjunto de componentes fisicos, quimicos y biologicos externos con los que interactuan los seres vivos. Incluye elementos naturales y artificiales que se relacionan entre si y que pueden ser modificados por la accion humana.</p>
        
        <div class="image-section">
            <div class="image-container">
                <img src="https://images.unsplash.com/photo-1466611653911-95081537e5b7?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Bosque verde">
                <p>Los bosques son los pulmones de nuestro planeta</p>
            </div>
            <div class="image-container">
                <img src="https://images.unsplash.com/photo-1508784411316-02b8cd4d3a3a?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Contaminaci n del aire">
                <p>La contaminacion atmosferica es un grave problema global</p>
            </div>
            <div class="image-container">
                <img src="https://images.unsplash.com/photo-1526779259212-939e64788e3c?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Energ as renovables">
                <p>Las energias limpias son el futuro</p>
            </div>
        </div>

        <h3>Problemas Ambientales Actuales</h3>
        <p>Nuestro planeta enfrenta multiples desafios ambientales que requieren atencion inmediata:</p>
        
        <div class="stats">
            <div class="stat-card">
                <h4>Cambio Climatico</h4>
                <p>La temperatura global ha aumentado 1.1C desde la era preindustrial, principalmente debido a las emisiones de CO2.</p>
            </div>
            <div class="stat-card">
                <h4>Deforestacion</h4>
                <p>Se pierden 10 millones de hectareas de bosques cada ano, equivalente a 27 campos de futbol por minuto.</p>
            </div>
            <div class="stat-card">
                <h4>Contaminacion Plastica</h4>
                <p>8 millones de toneladas de plastico terminan en los oceanos anualmente, afectando a 700 especies marinas.</p>
            </div>
        </div>

        <h3>Biodiversidad en Peligro</h3>
        <p>Seg n el informe IPBES 2019, alrededor de 1 millon de especies animales y vegetales se encuentran en peligro de extincion, muchas en las proximas decadas. Esto representa una tasa de extincion decenas a cientos de veces mayor que el promedio de los ultimos 10 millones de anos.</p>

        <div class="tips">
            <h3>Como puedes ayudar?</h3>
            <p>Pequenas acciones individuales pueden generar grandes cambios:</p>
            <ul>
                <li>Reduce, reusa y recicla</li>
                <li>Consume productos locales y de temporada</li>
                <li>Utiliza transporte publico, bicicleta o camina</li>
                <li>Ahorra agua y energia en tu hogar</li>
                <li>Elige productos con menos embalaje</li>
                <li>Planta arboles y cuida los espacios verdes</li>
                <li>Educa a otros sobre la importancia del medio ambiente</li>
            </ul>
        </div>

        <h3>Los Objetivos de Desarrollo Sostenible</h3>
        <p>La ONU ha establecido 17 Objetivos de Desarrollo Sostenible (ODS) para 2030, varios de ellos directamente relacionados con el medio ambiente:</p>
        <ul>
            <li>ODS 6: Agua limpia y saneamiento</li>
            <li>ODS 7: Energia asequible y no contaminante</li>
            <li>ODS 12: Produccion y consumo responsables</li>
            <li>ODS 13: Accion por el clima</li>
            <li>ODS 14: Vida submarina</li>
            <li>ODS 15: Vida de ecosistemas terrestres</li>
        </ul>

        <div class="image-section">
            <div class="image-container">
                <img src="https://images.unsplash.com/photo-1536939459926-301728717817?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Reciclaje">
                <p>El reciclaje es fundamental para reducir residuos</p>
            </div>
            <div class="image-container">
                <img src="https://images.unsplash.com/photo-1500382017468-9049fed747ef?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Agricultura sostenible">
                <p>La agricultura sostenible protege los suelos</p>
            </div>
            <div class="image-container">
                <img src="https://images.unsplash.com/photo-1508514177221-188b1cf16e9d?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="Animales en peligro">
                <p>Muchas especies dependen de nuestras acciones</p>
            </div>
        </div>

        <h3>Innovaciones Tecnologicas Verdes</h3>
        <p>Afortunadamente, existen muchas innovaciones prometedoras para combatir los problemas ambientales:</p>
        <ul>
            <li>Energias renovables mas eficientes (solar, eolica, geotermica)</li>
            <li>Materiales biodegradables para sustituir plasticos</li>
            <li>Agricultura vertical y tecnicas de cultivo sostenible</li>
            <li>Vehiculos electricos y de hidrogeno</li>
            <li>Tecnologias de captura y almacenamiento de carbono</li>
            <li>Inteligencia artificial para monitoreo ambiental</li>
        </ul>
    </section>
</div>

<footer>
    <div class="container">
        <p>2025 Somos el Equipo 2 - Todos los derechos reservados</p>
        <p>"No heredamos la tierra de nuestros antepasados, la tomamos prestada de nuestros hijos" </p>
    </div>
</footer>

Popular repositories Loading

  1. valayme valayme Public

    Config files for my GitHub profile.

  2. Medio-Ambiente Medio-Ambiente Public

    :)

    HTML

  3. Medioambiente Medioambiente Public

    :)

    HTML

  4. valayme.github valayme.github Public

    valayme

  5. valayme.github.io valayme.github.io Public

    valayme

    HTML