FM / amc

/home/simp499cl/public_html/amc

Name	Size	Mode	Actions
css/	-	0755	rm
fonts/	-	0755	rm
img/	-	0755	rm
js/	-	0755	rm
index.html	12794	0644	edit dl rm
privacy.html	7883	0644	edit dl rm
terms.html	6301	0644	edit dl rm

Edit: /home/simp499cl/public_html/amc/index.html (12794B)

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>AmericanMustangClub</title>

<img src="img/amc_Transparente.png"
                             alt="Logo AmericanMustangClub"
                             class="mx-auto d-block"
                             style="width: 250px; height: auto; margin-top:10px;">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="bigfeatures" class="img-block-3col wrapper">
        
    </section>
	
	 <section id="bigfeatures" class="img-block-3col wrapper">
        <div class="container">
            <div class="row">
                <div class="col-sm-4">
                    <ul class="item-list-right item-list-big">
                        <li class="wow fadeInLeft animated">
                            <h3>Descubre a los miembros del club</h3>
                            <p>Conoce quiénes forman parte de AmericanMustangClub y revisa los autos que han registrado con fotos y detalles técnicos.</p>
                        </li>
                        <li class="wow fadeInLeft animated">
                            <h3>Postula fácilmente desde la app</h3>
                            <p>Llena un formulario y súmate al club. El administrador revisará tu perfil y te notificará si eres aceptado.</p>
                        </li>                       
                    </ul>
                </div>
                <div class="col-sm-4 col-sm-push-4">
                    <ul class="item-list-left item-list-big">
                        <li class="wow fadeInRight animated"> 
                            <h3>Eventos con ubicación y detalles</h3>
                            <p>Accede a los eventos próximos del club, su descripción, fecha, y ubicación enlazada con tu app de mapas.</p>
                        </li>
                        <li class="wow fadeInRight animated">
                           <h3>Administración de miembros y eventos</h3>
                            <p>El administrador puede aceptar miembros, editar eventos y enviar notificaciones a todos los usuarios registrados.</p>
                        </li>                        
                    </ul>
                </div>
                <div class="col-sm-4 col-sm-pull-4 text-center">
                    <div class="animation-box wow bounceIn animated">
                        <img class="highlight-left wow animated" src="img/spark.png" height="192" width="48" alt=""> 
                        <img class="highlight-right wow animated" src="img/spark.png" height="192" width="48" alt="">
                        <img class="screen" src="img/front1.png" alt="" height="581" width="300">
                    </div>
                </div>
            </div>
        </div> 
    </section>

<div id="speciality" class="wrapper">
        <div class="container">
            <h2 class="animation-box wow bounceIn animated">CARACTERISTICAS</h2>
            <div class="virticle-line"></div>
            <div class="circle"></div>
            <div class="row">
                <div class="col-sm-4 wow animated fadeInLeft">
                    <h3>Notificaciones de eventos</h3>
                    <p>Recibe alertas automáticas cuando se cree un nuevo evento y confirma tu asistencia directamente desde la app.</p>
                </div>
                <div class="col-sm-4 animation-box wow bounceIn animated">
                    <h3>Inicio de sesión flexible</h3>
                    <p>Ingresa con Google, Apple o crea una cuenta con tu correo para comenzar a usar AmericanMustangClub.</p>
                </div>
                <div class="col-sm-4 wow animated fadeInRight">
                    <h3>Tu perfil automotriz</h3>
                    <p>Publica tus datos personales y tus autos con fotos y características. Comparte tu pasión con toda la comunidad Mustang.</p>
                </div>
            </div>
        </div>
    </div>

<section id="gallery" class="wrapper">
        <div class="container">
            <h2 class="animation-box wow bounceIn animated">SCREENSHOTS</h2>
            <div class="virticle-line"></div>
            <div class="circle"></div>
            <div class="row">
                <div class="col-xs-12">
                    <div id="screenshots" class="owl-carousel owl-theme">
                        
                        <a href="img/1.png" class="item" data-lightbox-gallery="screenshots"><img src="img/1.png" class="img_res" alt=""></a>
                        <a href="img/2.png" class="item" data-lightbox-gallery="screenshots"><img src="img/2.png" class="img_res" alt=""></a>
                        <a href="img/3.png" class="item" data-lightbox-gallery="screenshots"><img src="img/3.png" class="img_res" alt=""></a>
                        <a href="img/4.png" class="item" data-lightbox-gallery="screenshots"><img src="img/4.png" class="img_res" alt=""></a>
                        <a href="img/5.png" class="item" data-lightbox-gallery="screenshots"><img src="img/5.png" class="img_res" alt=""></a>
                        <a href="img/6.png" class="item" data-lightbox-gallery="screenshots"><img src="img/6.png" class="img_res" alt=""></a>
                        <a href="img/7.png" class="item" data-lightbox-gallery="screenshots"><img src="img/7.png" class="img_res" alt=""></a>
                    </div>
                    <div class="customNavigation row">
                        <a class="btn prev gallery-nav"><i class="fa fa-chevron-left"></i></a> 
                        <a class="btn next gallery-nav"><i class="fa fa-chevron-right"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </section>

<section id="contact" class="wrapper">
        <div class="container">
            <div class="row">
                <div class="col-md-3 contact-item col-sm-6 col-xs-12">
                    <i class="fa fa-envelope"></i>
                    <h3>Email</h3>
                    <p class="contact"><a href="mailto:AmericanMustangClub@gmail.com">AmericanMustangClub.com</a></p>
                </div>
            </div>
        </div>
    </section>

<section id="footer" class="wrapper">
    <div class="container text-center">
        <div class="footer-logo">
            <h1 class="text-center">American</h1>
            <h1 class="text-center">Mustang</h1>
            <h1 class="text-center">Club</h1>
        </div>
        <ul class="social-icons text-center">
            <li><a href="https://www.instagram.com/AmericanMustangClub"><i class="fa fa-instagram"></i></a></li>
        </ul>
        <div class="copyright">
            <div class="credits">
                COPYRIGHT  2025. <i class="fa fa-heart"></i> by 
                <a href="https://www.simplesystems.cl" target="_blank">Simple Systems Limitada</a>
            </div>
            <div class="credits">
                <a href="privacy.html">Política de Privacidad</a> | 
                <a href="terms.html">Términos de Servicio</a>
            </div>
        </div>
    </div>
</section>

<div class="overlay overlay-hugeinc">
        <button type="button" class="overlay-close">Close</button>
        <nav>
            <ul>
                <li class="hideit"><a href="#header">Inicio</a></li>
                <li class="hideit"><a href="#speciality">Caracterásticas</a></li>
                <li class="hideit"><a href="#gallery">Galería</a></li>
            </ul>
        </nav>
    </div>

<script src="js/jquery-1.11.2.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/owl-carousel.js"></script>
    <script src="js/nivo-lightbox.min.js"></script>
    <script src="js/smoothscroll.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/classie.js"></script>
    <script src="js/script.js"></script>
    <script>new WOW().init();</script>
	<script>
        new WOW().init();
    </script>
    <script>
        $(document).ready(function(){
            $(".hideit").click(function(){
                $(".overlay").hide();
            });
            $("#trigger-overlay").click(function(){
                $(".overlay").show();
            });
        });
    </script>
    <script>
        $(document).ready(function(){

var kawa = $('.top-bar');
          var back = $('#back-to-top');
          function scroll() {
             if ($(window).scrollTop() > 700) {
                kawa.addClass('fixed');
                back.addClass('show-top');

} else {
                kawa.removeClass('fixed');
                back.removeClass('show-top');
             }
          }

cmd: