From 066e36cc2e72599bb9137ac6b44fc757ef13c46f Mon Sep 17 00:00:00 2001
From: jaraya1827-droid <jaraya1827@gmail.com>
Date: Mon, 13 Apr 2026 19:06:25 +0000
Subject: [PATCH] feat: Se modifica tagline

Se agrega imagen al jumbotrom, se agrega titulo y subtitulos
---
 website/templates/tagline.html | 58 ++++++++++++++++++++++++++++++++--
 1 file changed, 55 insertions(+), 3 deletions(-)

diff --git a/website/templates/tagline.html b/website/templates/tagline.html
index e53970b1ac..72b0f799ed 100644
--- a/website/templates/tagline.html
+++ b/website/templates/tagline.html
@@ -1,3 +1,55 @@
-<!-- your html code here -->
-<!-- Also called a hero image or a jumbotron before bootstrap 5. This might be helpful: https://getbootstrap.com/docs/5.1/examples/jumbotron/ -->
-<p>Hello, I'm the tagline and I was loaded using ajax from templates/tagline.html</p>
\ No newline at end of file
+<!-- your html code here Julio Araya -->
+
+
+ <div class="bg-img" style="background: url('https://s2.best-wallpaper.net/wallpaper/3840x2160/1711/New-York-city-skyscrapers-river-USA-dusk_3840x2160.jpg') 
+ center/cover no-repeat; height: 400px;">
+
+  <style>
+        
+    .hero {
+      
+      height: auto;
+      padding-top: 50px;
+      position: relative;
+      margin: 0px;
+    
+    }
+
+   
+    .titulo {
+      background: white;
+      font-size: 80px;
+      opacity: 0.8;
+      color: black;
+      font-weight: 700;
+      
+
+
+      
+      
+      
+    }
+    .subtitulo {
+      background: white;
+      font-size: 30px;
+      opacity: 0.8;
+      color: black;
+      
+    }
+  </style>
+
+
+ 
+  <div class="hero d-flex align-items-center text-center">
+    <div class="container-fluid">
+
+      <!-- Franja 1 -->
+      <div class="titulo w-100 py-3">
+        One Page Wonder
+      </div>
+
+      <div class="subtitulo w-100 py-2 mt-3">
+        Will Knock Your Socks Off
+      </div>
+
+    </div>
\ No newline at end of file