CesarFilm

[cesarfox16]

<title>CesarFilm</title> <style> body { font-family: 'Arial', sans-serif; background-color: #fff; color: #000; margin: 0; padding: 0; line-height: 1.6; } header { background-color: #000; color: #fff; padding: 10px 0; text-align: center; font-size: 2em; } nav { text-align: center; padding: 10px; } nav a { margin: 0 15px; text-decoration: none; color: #000; font-weight: bold; transition: color 0.3s ease; } nav a:hover { color: #d4af37; /* Dorado */ } .section { padding: 40px 20px; text-align: center; } h1, h2 { font-family: 'Arial', sans-serif; } .youtube-video { width: 80%; margin: 20px auto; max-width: 800px; } .transition-effect { transition: all 0.5s ease; } .transition-effect:hover { transform: scale(1.05); } footer { background-color: #000; color: #fff; text-align: center; padding: 10px 0; position: relative; bottom: 0; width: 100%; } form input, form textarea { width: 80%; padding: 10px; margin: 10px 0; border: 1px solid #d4af37; border-radius: 5px; } form button { background-color: #000; color: #fff; border: none; padding: 10px 20px; cursor: pointer; border-radius: 5px; transition: background-color 0.3s ease; } form button:hover { background-color: #d4af37; } </style>

CesarFilm

Videografía profesional para empresas

<nav>
    <a href="#servicios">Servicios</a>
    <a href="#portafolio">Portafolio</a>
    <a href="#blog">Blog & Reviews</a>
    <a href="#contacto">Contacto</a>
</nav>

<section id="servicios" class="section">
    <h2>Servicios</h2>
    <p>Aquí puedes describir tus servicios de videografía.</p>
</section>

<section id="portafolio" class="section">
    <h2>Portafolio</h2>
    <div class="youtube-video transition-effect">
        <iframe width="100%" height="400" src="https://www.youtube.com/embed/tus-video" frameborder="0" allowfullscreen></iframe>
    </div>
</section>

<section id="blog" class="section">
    <h2>Blog & Reviews</h2>
    <p>Aquí puedes escribir reseñas de productos y compartir tus conocimientos.</p>
</section>

<section id="contacto" class="section">
    <h2>Contacto</h2>
    <form>
        <input type="text" name="name" placeholder="Tu Nombre">
        <input type="email" name="email" placeholder="Tu Email">
        <textarea name="message" rows="5" placeholder="Tu Mensaje"></textarea>
        <button type="submit">Enviar</button>
    </form>
</section>

<footer>
    <p>Síguenos en <a href="https://www.instagram.com/cesarprofilm" style="color: #d4af37;">@cesarprofilm</a></p>
    <p>Copyright &copy; 2024 CesarFilm</p>
</footer>