<?php
    if (file_exists("./content/header.php")){
        include_once("./content/header.php");
    }
?>

<div class="pageCnt">
    <div class="centerCell">
        <div class="register-card content">
            <div>
                <h1 class="register-title" id="register">Registro</h1>
            </div>
            <div></div>
            <div class="register-timeline">
                <div class="term-and-conditions">
                    <div class="white-space-left"></div>
                    <i class="fas fa-check check check-icon"></i>
                    <h6 class="text-timeline poppins-bold" id="register1">Términos y Condiciones</h6>
                </div>
                <div class="access-data">
                    <i class="fas fa-check no-check check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id="register2">Datos de Acceso</h6>
                </div>
                <div class="verification-number">
                    <i class="fas fa-check no-check check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id="register3">Número de Verificación</h6>
                </div>
                <div class="login-app">
                    <i class="fas fa-check no-check check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id="register4">Ingreso a la Aplicación</h6>
                    <div class="white-space-right"></div>
                </div>
            </div>
            
            <div class="title-register" style="position:relative">
                <h3 class="poppins-bold" id="registerTitle">Términos y Condiciones</h3>
                
                <div class="download-icon">
                    <i class="fas fa-download" id="termdown"></i>
                </div>
            </div>
            
            
            <div class="box-term">
                <div class="scroll-box">
                    <p class="opensans-regular" style="text-align: justify;" id="text">
                       
                    </p>
              </div>
              <hr>
            </div>
            
            <p class="poppins-regular error" id="e" style="text-align: center;"></p>
            
            <div class="buttons">
                <div id="cancel"><button type="submit" id="cancel-button" class="cancel-button poppins-medium whiteButton">CANCELAR</button></div>
                <div id="accept"><button type="submit" id="accept-button" class="accept-button poppins-medium blueButton">ACEPTAR</button></div>
            </div>
        
        </div>
    </div>
</div>