EVOLUTION-MANAGER

Edit File: inicio.html

<!DOCTYPE html>
<html>

<div class="w3-content" style="max-width:1100px;margin-top:80px;margin-bottom:80px">
        <div class="w3-panel">
            <div class="w3-col l3 m6 w3-teal w3-container w3-padding-16">
                <img src="static/icon/taps.png" class="w3-image">
                <h1><b>D-TAPS</b></h1>
                <p>Una herramienta inteligente para el cuidado de su cultivo.</p>
            </div>

<div class="w3-row w3-container" id="pasos">
            <div class="w3-center w3-padding-64">
                <span class="w3-xlarge w3-bottombar w3-border-dark-grey w3-padding-16">Pasos de ejecución</span>
            </div>
            <div class="w3-col l6 m6 w3-teal w3-container w3-padding-16">
                <div class="w3-panel w3-teal">
                    <h1 class="w3-text-white" style="text-shadow:1px 1px 0 #444">
                        <b>1. Capture o suba una imagen.</b></h1>
                </div>

<div class="w3-panel w3-teal">
                    <h1 class="w3-text-white" style="text-shadow:1px 1px 0 #444">
                        <b>2. Procese la imagen.</b></h1>
                </div>

<div class="w3-panel w3-teal">
                    <h1 class="w3-text-white" style="text-shadow:1px 1px 0 #444">
                        <b>3. Visualice el resultado.</b></h1>
                </div>
            </div>
            <div class="w3-col l6 m6 w3-container w3-padding-16">
                <img src="static/icon/innovacion.jpg" class="w3-image">
            </div>
        </div>

<div class="w3-row-padding" id="autores">
            <div class="w3-center w3-padding-64">
                <span class="w3-xlarge w3-bottombar w3-border-dark-grey w3-padding-16">Equipo de Investigación</span>
            </div>
            <div class="w3-third w3-margin-bottom">
                <div class="w3-card-4">
                    <img src="static/icon/autor_1.jpg" alt="Ing. Oscar López" style="width:100%">
                    <div class="w3-container w3-center">
                        <h3>Ing. Oscar López</h3>
                        <p class="w3-text-black"><i>Ingeniero en Software | FullStack</i></p>
                        <p><button class="w3-button w3-black w3-block"><i class="fa fa-whatsapp" aria-hidden="true"></i> Contactarlo</button></p>
                    </div>
                </div>
            </div>
            <div class="w3-third w3-margin-bottom">
                <div class="w3-card-4">
                    <img src="static/icon/autor_2.jpeg" alt="Ing. Gabriel Morejon" style="width:80%">
                    <div class="w3-container w3-center">
                        <h3>Ing. Gabriel Morejón</h3>
                        <p class="w3-text-black"><i>Ingeniero en Software | FullStack</i></p>
                        <p><button class="w3-button w3-black w3-block"><i class="fa fa-whatsapp" aria-hidden="true"></i> Contactarlo</button></p>
                    </div>
                </div>
            </div>
        </div>
    </div>

<footer class="w3-container w3-padding-32 w3-light-grey w3-center">
        <h4>&copy; D-TAPS </h4>
        <a href="#" class="w3-button w3-black w3-margin-right"><i class="fa fa-arrow-up w3-margin-right"></i>Ir</a>
        <div class="w3-xlarge w3-section">
            <i class="fa fa-facebook-official w3-hover-opacity"></i>
            <i class="fa fa-instagram w3-hover-opacity"></i>
            <i class="fa fa-twitter w3-hover-opacity"></i>
            <i class="fa fa-linkedin w3-hover-opacity"></i>
        </div>
        <p>Desarrollado por: Ing. Oscar López & Ing. Gabriel Morejón</p>
    </footer>

</body>

</html>