Untitled

 avatar
unknown
html
a year ago
19 kB
5
Indexable
<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="UTF-8">
        <link rel="icon" href="img/template/icono.png" sizes="64x64">
        <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="css/templateStyles.css">
        <link rel="stylesheet" href="css/contactoStyles.css">
        <script src="js/contactoScript.js"></script>
        <title>Almafuerte Contacto</title>
    </head>
    <body>
        <div class="nav">
            <div class="nav__blackscreen"></div>
            <nav class="nav__bar">
                <div class="nav__icons">
                    <img class="nav__icon openSidebarSocial" src="addons/images/navImages/icoMenu.svg" alt="Boton Menu">
                    <img class="nav__icon closeSidebarSocial" src="addons/images/navImages/icoCloseSidebar.svg" alt="Boton Menu">
                    <img class="nav__icon openSidebarLogin" src="addons/images/navImages/icoUser.svg" alt="Boton Usuario">
                    <img class="nav__icon closeSidebarLogin" src="addons/images/navImages/icoCloseSidebar.svg" alt="Boton Usuario">
                </div>
                <img class="nav__logo nav__logo--mobile nav__logo--open" src="addons/images/navImages/logoOpen.png" alt="Almafuerte Logo">
                <img class="nav__logo nav__logo--mobile nav__logo--close" src="addons/images/navImages/logoClose.png" alt="Almafuerte Logo">
                <ul class="nav__list">
                    <a class="nav__btn" href="index.php">
                        <div class="nav__btnBox">Principal</div>
                    </a>
                    <a class="nav__btn" href="novedades.php">
                        <div class="nav__btnBox">Novedades</div>
                    </a>
                    <img class="nav__logo nav__logo--desktop" src="addons/images/navImages/logoOpen.png" alt="Almafuerte Logo">
                    <a class="nav__btn" href="proyectos.php">
                        <div class="nav__btnBox">Proyectos</div>
                    </a>
                    <a class="nav__btn" href="contacto.php">
                        <div class="nav__btnBox">Contacto</div>
                    </a>
                </ul>
            </nav>
        </div>
        <link rel="stylesheet" href="addons/stylesheet/navStyles.css">
        <script src="addons/javascript/navScript.js"></script>
        <main>
            <div class="welcome">
                <h1 class="welcome__title">¡BIENVENIDO A LA E.E.S.T. Nº8 "ALMAFUERTE"!</h1>
                <h3 class="welcome__subtitle">En esta sección de información podrás conocer la historia de nuestra institució y sobre nosotros, ademas de como encontranos y como contactarnos:</h3>
            </div>
            <section class="historia">
                <div class="title">
                    <h2 class="button">Nuestra Historia</h2>
                </div>
                <p class="text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quaerat labore iusto expedita pariatur quos excepturi animi fugit nesciunt aliquid sed voluptatum, magnam eum fugiat exercitationem ut voluptas quam doloremque assumenda reiciendis unde sapiente est. Natus, neque! Voluptatibus sed placeat est, mollitia cum vero modi voluptatem unde libero et adipisci vel laudantium illo nostrum facilis dolorum minus a dignissimos at cupiditate dolor recusandae laboriosam necessitatibus? Amet laboriosam tempore cupiditate! Explicabo consequatur et veritatis. Officiis eius culpa dolorum sunt odit commodi cumque ipsam ullam cum ipsa! Repellat excepturi cumque sequi! Impedit mollitia, alias commodi, sit sed nihil ut sequi possimus pariatur laborum, cupiditate reiciendis molestias voluptate velit quasi blanditiis tenetur odit qui at. Nesciunt minima dolores ipsa sint voluptatem maxime ab. Odit accusamus delectus aliquid nesciunt eum officiis similique, facere ex ipsam mollitia nostrum unde consequuntur quas consectetur maiores quasi est adipisci eius pariatur vero. Id nulla praesentium natus tenetur quae deleniti necessitatibus dolorum a quis doloremque, beatae vero aspernatur quisquam. Vero dolorem eligendi molestiae inventore, veritatis dicta repudiandae error accusantium. Aliquam, odit perspiciatis? Earum odit possimus eius quos nihil suscipit tenetur fugiat distinctio ut molestias aliquid provident veritatis, eum perspiciatis! Illo, voluptatum. Eaque magnam velit perspiciatis. Rem quidem reprehenderit saepe amet quasi corrupti pariatur debitis quo magnam hic, fuga ullam nihil commodi magni inventore, delectus itaque. Temporibus obcaecati eligendi voluptates totam quod ducimus qui architecto excepturi. Rerum voluptatem, exercitationem tempore tempora, quaerat delectus, quae perspiciatis quia sequi quo nemo possimus! Laudantium ducimus aperiam rem iste deserunt modi mollitia maiores officiis corporis, ab id dolorem praesentium incidunt cum et repellendus velit repudiandae, accusantium quasi nobis ipsum eum, at ut ipsa! Unde nisi ipsam fugiat quam aspernatur at eveniet laudantium incidunt voluptates, saepe quae facilis culpa deserunt, ipsum magnam praesentium quibusdam distinctio est nemo facere possimus. Omnis sed magni quos totam, eveniet veritatis?</p>
            </section>
            <section class="nosotros">
                <div class="title">
                    <h2 class="button">Sobre Nosotros</h2>
                </div>
                <p class="text">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nam illo mollitia adipisci ab repellat penedemono tempore itaque sed, id incidunt expedita? Voluptate obcaecati et nihil, deleniti aspernatur aperiam illum arieldelgadoputo id, nostrum perspiciatis porro dolorem perferendis cumque error laboriosam atque officiis expedita animi optio quos quod laborum accusamus soluta? Saepe nobis voluptas voluptate at atque itaque pariatur quasi reiciendis maxime delectus placeat possimus obcaecati priscila cumque perferendis, incidunt veniam unde, non soluta rerum. Labore natus quis commodi aspernatur architecto, obcaecati facere a maiores eligendi rem, in facilis fuga hic incidunt. Necessitatibus eos nobis itaque ipsum quo quaerat corporis alias rem, excepturi penerecto iure? Ducimus eligendi quibusdam delectus, aliquid vel ipsam inventore obcaecati? Exercitationem aperiam vitae placeat voluptate reprehenderit corrupti. Libero quasi arielpeladolindo quisquam voluptatem accusamus porro laborum distinctio sint, alias rerum excepturi nesciunt facilis animi tenetur velit mollitia officia officiis earum sunt tempora ducimus iure quibusdam? Quidem voluptates aut accusamus dolorum corrupti quaerat ducimus cum quis! anashe voluptatibus voluptates, id facilis ipsa minima iste reprehenderit ipsum, debitis, distinctio similique officiis voluptate! Explicabo deserunt ullam, aut tempora gay, quis nulla nostrum facere mollitia quidem totam a adipisci aspernatur? Eligendi ratione hic quia natus molestiae veniam, provident quibusdam possimus pariatur veritatis jaz repellendus nihil quaerat ipsa animi saepe, voluptates dignissimos inventore laborum molestias earum dolor quas, est ut! Sint nostrum aliquam harum asperiores possimus vel provident bizcocho, animi culpa! Deserunt nam eum in reiciendis quasi recusandae ratione est voluptas illo, iusto itaque maxime voluptate possimus earum id labore debitis sit fugit. Magni consequuntur quaerat inventore ipsa saepe quos eum qui, cum rem. Quo quibusdam officiis harum dolor labore, quam molestiae iusto accusamus vitae quia. Sint possimus impedit et incidunt vel fuga velit nemo culpa tenetur neque repudiandae sequi, modi tempora, placeat, quibusdam aut aspernatur voluptate debitis blanditiis consequatur! Placeat nam quos saepe!</p>
            </section>
            <!--
        <div id="divform">
            <form class="form" action="others/consulta.php" method="POST">
                <h1>Escríbenos</h1>
                <p id="nombre"><input class="inputfield" type="text" name="nombre" placeholder="Nombre"></p> 
                <p id="apellido"><input class="inputfield" type="text" name="apellido" placeholder="Apellido"></p>
                <p id="telefono"><input class="inputfield" type="tel" name="telefono" placeholder="Telefono"></p>
                <p id="correo"><input class="inputfield" type="email" name="email" placeholder="Correo"></p>
                <p>Mensaje</p>
                <p id="consultas"><textarea name="mensaje" cols="40" rows="5"></textarea></p>
                <div class="container"><p><button id="enviar">Enviar</button></p></div>
            </form>
        </div>
        -->
            <div class="conctact__container">
                <div class="contact__info">
                    <div class="title title--izquierda">
                        <h2 class="button" id="contact__info__tittle">Información de contacto</h2>
                    </div>
                    <p>Telefono: 4247-5531 / 4241-4340</p>
                    <br>
                    <p>Correo: tecnica8lanus@yahoo.com.ar</p>
                    <br>
                    <p>Ubicación: Jean Jaures 749</p>
                    <br>
                    <div class="contact__img">
                        <a href="https://www.facebook.com/Escuela-Tecnica-8-Almafuerte-136023523209070">
                            <img src="img/contacto/facebook.svg">
                        </a>
                        <a href="#">
                            <img src="img/contacto/whatsapp.svg" width="25vh">
                        </a>
                        <a href="https://www.instagram.com/tecnica8almafuerte/">
                            <img src="img/contacto/instagram.svg" width="25vh">
                        </a>
                        <a href="https://tecnica8lanus.blogspot.com/">
                            <img src="img/contacto/blogger.svg" width="25vh">
                        </a>
                    </div>
                </div>
                <div class="container__map">
                    <iframe class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d9551.546758775507!2d-58.390701467482806!3d-34.683848271611474!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x95bcccc378abe76f%3A0xba6e9ec3410f310f!2sEscuela%20Tecnica%20N%C2%BA8%20%22Almafuerte%22!5e0!3m2!1sen!2sar!4v1628654222249!5m2!1sen!2sar" heistyle="border:0;" allowfullscreen="" loading="lazy"></iframe>
                </div>
            </div>
        </main>
        <div class="nav">
            <div class="nav__blackscreen"></div>
            <nav class="nav__bar">
                <div class="nav__icons">
                    <img class="nav__icon openSidebarSocial" src="addons/images/navImages/icoMenu.svg" alt="Boton Menu">
                    <img class="nav__icon closeSidebarSocial" src="addons/images/navImages/icoCloseSidebar.svg" alt="Boton Menu">
                    <img class="nav__icon openSidebarLogin" src="addons/images/navImages/icoUser.svg" alt="Boton Usuario">
                    <img class="nav__icon closeSidebarLogin" src="addons/images/navImages/icoCloseSidebar.svg" alt="Boton Usuario">
                </div>
                <img class="nav__logo nav__logo--mobile nav__logo--open" src="addons/images/navImages/logoOpen.png" alt="Almafuerte Logo">
                <img class="nav__logo nav__logo--mobile nav__logo--close" src="addons/images/navImages/logoClose.png" alt="Almafuerte Logo">
                <ul class="nav__list">
                    <a class="nav__btn" href="index.php">
                        <div class="nav__btnBox">Principal</div>
                    </a>
                    <a class="nav__btn" href="novedades.php">
                        <div class="nav__btnBox">Novedades</div>
                    </a>
                    <img class="nav__logo nav__logo--desktop" src="addons/images/navImages/logoOpen.png" alt="Almafuerte Logo">
                    <a class="nav__btn" href="proyectos.php">
                        <div class="nav__btnBox">Proyectos</div>
                    </a>
                    <a class="nav__btn" href="contacto.php">
                        <div class="nav__btnBox">Contacto</div>
                    </a>
                </ul>
            </nav>
        </div>
        <link rel="stylesheet" href="addons/stylesheet/navStyles.css">
        <script src="addons/javascript/navScript.js"></script>
        <link rel="stylesheet" href="addons/stylesheet/backgroundStyles.css">
        <script src="addons/javascript/backgroundScript.js"></script>
        <div class="background">
            <div class="background__layer">
                <img class="background__image" src="addons/images/backgroundImages/background1.svg" speed='2'>
            </div>
            <div class="background__layer">
                <img class="background__image" src="addons/images/backgroundImages/background2.svg" speed='1'>
            </div>
            <div class="background__layer">
                <img class="background__image" src="addons/images/backgroundImages/background3.svg" speed='-2'>
            </div>
        </div>
        <div class="sidebar sidebar--social">
            <div class="sidebar__box">
                <a class="sidebar__item" href="https://www.facebook.com/Escuela-Tecnica-8-Almafuerte-136023523209070/" target="_blank">
                    <img class="sidebar__icon" src="addons/images/sidebarImages/icoFacebook.svg" alt="Facebook Icono">
                </a>
                <a class="sidebar__item" href="https://www.instagram.com/tecnica8almafuerte/?hl=es-la" target="_blank">
                    <img class="sidebar__icon" src="addons/images/sidebarImages/icoInstagram.svg" alt="Instagram Icono">
                </a>
                <div class="sidebar__item">
                    <img class="sidebar__icon" src="addons/images/sidebarImages/icoSend.svg" alt="Contacto Icono">
                </div>
            </div>
        </div>
        <link rel="stylesheet" href="addons/stylesheet/sidebarStyles.css">
        <script src="addons/javascript/sidebarScript.js"></script>
        <div class="sidebar sidebar--login">
            <div class="sidebar__box">
                <div class="sidebar__item openFormLogin">
                    <div class="sidebar__text">Iniciar Sesion</div>
                </div>
            </div>
        </div>
        <link rel="stylesheet" href="addons/stylesheet/sidebarStyles.css">
        <script src="addons/javascript/sidebarScript.js"></script>
        <footer class="footerForDesktop">
            <section class="waveBottom desktop">
                <div class="wave wave1"></div>
                <div class="wave wave2"></div>
                <div class="wave wave3"></div>
                <div class="wave wave4"></div>
            </section>
            <div class="footer__desktop">
                <div class="info">
                    <div class="info__izquierda">
                        <a class="info__boton" href="#">
                            <img class="info__btnIcon" src="addons/images/footerImages/return.png" alt="Boton Regresar">
                            <p class="info__btnText">Regresar</p>
                        </a>
                        <p class="info__copy">2022 &copy;All Rights Reserved</p>
                    </div>
                    <div class="info__derecha">
                        <article class="info__tel">Tel: 4247-5531 / 4241-4340</article>
                        <article class="info__mail">E-mail: tecnica8lanus@yahoo.com.ar</article>
                        <address class="info__address">Jean Jaures 749, B1823 Gerli, Provincia de Buenos Aires</address>
                    </div>
                </div>
            </div>
        </footer>
        <link rel="stylesheet" href="addons/stylesheet/footerStyles.css">
        <div class="form__blackscreen formLogin">
            <div class="form__blackscreen closeFormLogin"></div>
            <form class="form form--login" action="logeado.php" method="POST">
                <img class="form__close closeFormLogin" src="addons/images/formsImages/closeMenu.svg" alt="Cerrar Menu">
                <h1 class="form__title">Iniciar Sesión</h1>
                <div class="form__line">
                    <label class="form__texts" for="usuario">Usuario</label>
                    <input class="form__boxes" required type="text" name="usuario" id="usuario" placeholder="Escriba aquí...">
                </div>
                <div class="form__line" style="display:flex;position:relative;">
                    <label class="form__texts" for="clave">Clave</label>
                    <input class="form__boxes" required type="password" name="clave" id="clave" placeholder="Escriba aquí...">
                    <svg id="verContra" style="width:1.5em; position:absolute;margin:auto;right:0.5em;top:auto;bottom:0.4em;fill:#333" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
                        <!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
                        <path d="M279.6 160.4C282.4 160.1 285.2 160 288 160C341 160 384 202.1 384 256C384 309 341 352 288 352C234.1 352 192 309 192 256C192 253.2 192.1 250.4 192.4 247.6C201.7 252.1 212.5 256 224 256C259.3 256 288 227.3 288 192C288 180.5 284.1 169.7 279.6 160.4zM480.6 112.6C527.4 156 558.7 207.1 573.5 243.7C576.8 251.6 576.8 260.4 573.5 268.3C558.7 304 527.4 355.1 480.6 399.4C433.5 443.2 368.8 480 288 480C207.2 480 142.5 443.2 95.42 399.4C48.62 355.1 17.34 304 2.461 268.3C-.8205 260.4-.8205 251.6 2.461 243.7C17.34 207.1 48.62 156 95.42 112.6C142.5 68.84 207.2 32 288 32C368.8 32 433.5 68.84 480.6 112.6V112.6zM288 112C208.5 112 144 176.5 144 256C144 335.5 208.5 400 288 400C367.5 400 432 335.5 432 256C432 176.5 367.5 112 288 112z"/>
                    </svg>
                </div>
                <div class="form__line">
                    <button class="form__button form__submit form__submit--single" type="submit" method="POST">Ingresar</button>
                </div>
                <div class="form__line">
                    <a class="form__button" href="" disabled>Olvidé mi contraseña</a>
                    <a class="form__button form__submit__password" href="buscarUsuario.php">Cómo saber mi usuario</a>
                </div>
            </form>
        </div>
        <link rel="stylesheet" href="addons/stylesheet/formsStyles.css">
        <script src="addons/javascript/loginScript.js"></script>
    </body>
</html>
Editor is loading...
Leave a Comment