Se agrega texto e imagenes cms y ademas se hace un arreglo en la navbar.

myproject/myproject/static/assets/css/nuevo.css

@@ -1,227 +1,254 @@
 #footer {
-    color: white;
+  color: white;
-    font-size: 14px;
+  font-size: 14px;
-    background: #00142b;
+  background: #00142b;
-  }
+}
-  
-  #footer .footer-top {
-    padding: 60px 0 30px 0;
-    background: #001b3b;
-  }
-  
-  #footer .footer-top .footer-contact {
-    margin-bottom: 30px;
-  }
-  
-  #footer .footer-top .footer-contact h3 {
-    font-size: 22px;
-    margin: 0 0 10px 0;
-    padding: 2px 0 2px 0;
-    line-height: 1;
-    font-weight: 500;
-    letter-spacing: 1px;
-    text-transform: uppercase;
-    color: #fff;
-  }
-  
-  #footer .footer-top .footer-contact p {
-    font-size: 14px;
-    line-height: 24px;
-    margin-bottom: 0;
-    font-family: "Roboto", sans-serif;
-    color: white;
-  }
-  
-  #footer .footer-top h4 {
-    font-size: 16px;
-    font-weight: bold;
-    color: #fff;
-    position: relative;
-    padding-bottom: 12px;
-  }
-  
-  #footer .footer-top .footer-links {
-    margin-bottom: 30px;
-  }
-  
-  #footer .footer-top .footer-links ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-  }
-  
-  #footer .footer-top .footer-links ul i {
-    padding-right: 2px;
-    color: #1ed33c;
-    font-size: 18px;
-    line-height: 1;
-  }
-  
-  #footer .footer-top .footer-links ul li {
-    padding: 10px 0;
-    display: flex;
-    align-items: center;
-  }
-  
-  #footer .footer-top .footer-links ul li:first-child {
-    padding-top: 0;
-  }
-  
-  #footer .footer-top .footer-links ul a {
-    color: white;
-    transition: 0.3s;
-    display: inline-block;
-    line-height: 1;
-  }
-  
-  #footer .footer-top .footer-links ul a:hover {
-    text-decoration: none;
-    color: #fff;
-  }
-  
-  #footer .footer-newsletter {
-    font-size: 15px;
-    color: white;
-  }
-  
-  #footer .footer-newsletter h4 {
-    font-size: 16px;
-    font-weight: bold;
-    color: #fff;
-    position: relative;
-    padding-bottom: 12px;
-  }
-  
-  #footer .footer-newsletter form {
-    margin-top: 30px;
-    background: #fff;
-    padding: 6px 10px;
-    position: relative;
-    border-radius: 4px 0 0 4px;
-    text-align: left;
-  }
-  
-  #footer .footer-newsletter form input[type=email] {
-    border: 0;
-    padding: 4px 8px;
-    width: calc(100% - 100px);
-  }
-  
-  #footer .footer-newsletter form input[type=submit] {
-    position: absolute;
-    top: 0;
-    right: -4px;
-    bottom: 0;
-    border: 0;
-    background: none;
-    font-size: 16px;
-    padding: 0 20px;
-    background: #1bbd36;
-    color: #fff;
-    transition: 0.3s;
-    border-radius: 0 4px 4px 0;
-    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
-  }
-  
-  #footer .footer-newsletter form input[type=submit]:hover {
-    background: #2ae149;
-  }
-  
-  #footer .credits {
-    padding-top: 5px;
-    font-size: 13px;
-    color: #fff;
-  }
-  
-  #footer .social-links a {
-    font-size: 18px;
-    display: inline-block;
-    background: rgba(255, 255, 255, 0.08);
-    color: #fff;
-    line-height: 1;
-    padding: 8px 0;
-    margin-right: 4px;
-    border-radius: 4px;
-    text-align: center;
-    width: 36px;
-    height: 36px;
-    transition: 0.3s;
-  }
-  
-  #footer .social-links a:hover {
-    background: #1bbd36;
-    color: #fff;
-    text-decoration: none;
-  }
 
-  #footer {
+#footer .footer-top {
-    display: flex;
+  padding: 60px 0 30px 0;
-    flex-direction: column;
+  background: #001b3b;
-    align-items: center; /* Alinea horizontalmente los elementos dentro del footer */
+}
-  }
-  
-  .footer-top {
-    width: 100%;
-    display: flex;
-    justify-content: center; /* Alinea horizontalmente los elementos dentro de .footer-top */
-  }
-  
-  .footer-contact,
-  .footer-links {
-    display: flex;
-    flex-direction: column;
-    /* Cambia la dirección del flexbox para mostrar el título encima de la lista */
-    justify-content: space-around; /* Espacio entre las dos imágenes y los enlaces */
-    align-items: center; /* Alinea verticalmente los elementos dentro de .footer-contact y .footer-links */
-  }
-  
-  .logos-container {
-    display: flex; /* Alinea las imágenes una al lado de la otra */
-  }
-  
-  .logofooter1,
-  .logofooter2 {
-    max-width: 100px; /* Ancho máximo para las imágenes */
-    margin: 5px; /* Agrega un pequeño margen entre las imágenes */
-  }
 
- 
+#footer .footer-top .footer-contact {
-  
+  margin-bottom: 30px;
-  /* Ajusta el estilo según tus preferencias */
+}
+
+#footer .footer-top .footer-contact h3 {
+  font-size: 22px;
+  margin: 0 0 10px 0;
+  padding: 2px 0 2px 0;
+  line-height: 1;
+  font-weight: 500;
+  letter-spacing: 1px;
+  text-transform: uppercase;
+  color: #fff;
+}
+
+#footer .footer-top .footer-contact p {
+  font-size: 14px;
+  line-height: 24px;
+  margin-bottom: 0;
+  font-family: "Roboto", sans-serif;
+  color: white;
+}
+
+#footer .footer-top h4 {
+  font-size: 16px;
+  font-weight: bold;
+  color: #fff;
+  position: relative;
+  padding-bottom: 12px;
+}
+
+#footer .footer-top .footer-links {
+  margin-bottom: 30px;
+}
+
+#footer .footer-top .footer-links ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+#footer .footer-top .footer-links ul i {
+  padding-right: 2px;
+  color: #1ed33c;
+  font-size: 18px;
+  line-height: 1;
+}
+
+#footer .footer-top .footer-links ul li {
+  padding: 10px 0;
+  display: flex;
+  align-items: center;
+}
+
+#footer .footer-top .footer-links ul li:first-child {
+  padding-top: 0;
+}
+
+#footer .footer-top .footer-links ul a {
+  color: white;
+  transition: 0.3s;
+  display: inline-block;
+  line-height: 1;
+}
+
+#footer .footer-top .footer-links ul a:hover {
+  text-decoration: none;
+  color: #fff;
+}
+
+#footer .footer-newsletter {
+  font-size: 15px;
+  color: white;
+}
+
+#footer .footer-newsletter h4 {
+  font-size: 16px;
+  font-weight: bold;
+  color: #fff;
+  position: relative;
+  padding-bottom: 12px;
+}
+
+#footer .footer-newsletter form {
+  margin-top: 30px;
+  background: #fff;
+  padding: 6px 10px;
+  position: relative;
+  border-radius: 4px 0 0 4px;
+  text-align: left;
+}
+
+#footer .footer-newsletter form input[type=email] {
+  border: 0;
+  padding: 4px 8px;
+  width: calc(100% - 100px);
+}
+
+#footer .footer-newsletter form input[type=submit] {
+  position: absolute;
+  top: 0;
+  right: -4px;
+  bottom: 0;
+  border: 0;
+  background: none;
+  font-size: 16px;
+  padding: 0 20px;
+  background: #1bbd36;
+  color: #fff;
+  transition: 0.3s;
+  border-radius: 0 4px 4px 0;
+  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
+}
+
+#footer .footer-newsletter form input[type=submit]:hover {
+  background: #2ae149;
+}
+
+#footer .credits {
+  padding-top: 5px;
+  font-size: 13px;
+  color: #fff;
+}
+
+#footer .social-links a {
+  font-size: 18px;
+  display: inline-block;
+  background: rgba(255, 255, 255, 0.08);
+  color: #fff;
+  line-height: 1;
+  padding: 8px 0;
+  margin-right: 4px;
+  border-radius: 4px;
+  text-align: center;
+  width: 36px;
+  height: 36px;
+  transition: 0.3s;
+}
+
+#footer .social-links a:hover {
+  background: #1bbd36;
+  color: #fff;
+  text-decoration: none;
+}
+
+#footer {
+  display: flex;
+  flex-direction: column;
+  align-items: center; /* Alinea horizontalmente los elementos dentro del footer */
+}
+
+.footer-top {
+  width: 100%;
+  display: flex;
+  justify-content: center; /* Alinea horizontalmente los elementos dentro de .footer-top */
+}
+
+.footer-contact,
+.footer-links {
+  display: flex;
+  flex-direction: column;
+  /* Cambia la dirección del flexbox para mostrar el título encima de la lista */
+  justify-content: space-around; /* Espacio entre las dos imágenes y los enlaces */
+  align-items: center; /* Alinea verticalmente los elementos dentro de .footer-contact y .footer-links */
+}
+
+.logos-container {
+  display: flex; /* Alinea las imágenes una al lado de la otra */
+}
+
+.logofooter1,
+.logofooter2 {
+  max-width: 100px; /* Ancho máximo para las imágenes */
+  margin: 5px; /* Agrega un pequeño margen entre las imágenes */
+}
+
+
+
+/* Ajusta el estilo según tus preferencias */
 
 
 .contenedor {
-    display: flex;
+  display: flex;
-    justify-content: center; /* Centrar horizontalmente */
+  justify-content: center; /* Centrar horizontalmente */
-    align-items: center; /* Centrar verticalmente */
+  align-items: center; /* Centrar verticalmente */
-  }
+}
+
+header {
+  position: relative;
+}
+
+.rectangulo {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 25px;
+  background: linear-gradient(90deg,#0477d1,#00234a);
+  color: #ffffff;
+   /* Ajusta los valores según sea necesario */
+  font-size: 30px;
+  
+}
+
+.navbar .dropdown ul a {
+  
+  font-size: 7px;
+  font-weight: 100;
+  text-transform: none;
+  color: white;
+}
+
+.logonavbar {
+  margin-bottom: 15px;
+  
+}
+.logonavbar2 {
+  
+  margin-bottom: 10px;
+  margin-left: 230px;
+  
+}
+.logonavbar3 {
+  
+  margin-bottom: 10px;
+  margin-left: 230px;
+  
+}
+.logonavbar4 {
+  
+  margin-bottom: 10px;
+  margin-left: 150px;
+  
+}
+
+.letrasnavbar {
+  color:#fff
+}
+
 
-  header {
-    position: relative;
-  }
-  
-  .rectangulo {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    background: linear-gradient(90deg,#0477d1,#00234a);
-    color: #ffffff;
-    padding: 1px 20px; /* Ajusta los valores según sea necesario */
-    font-size: 30px;
-    
-  }
 
-  .navbar .dropdown ul a {
-    padding: 10px 20px;
-    font-size: 14px;
-    font-weight: 500;
-    text-transform: none;
-    color: white;
-  }
- 
   
-  
-    
 
-  

myproject/myproject/static/assets/css/style.css

@@ -150,6 +150,7 @@ h6 {
 }
 
 .navbar ul {
+  
   margin: 0;
   padding: 0;
   display: flex;
@@ -166,7 +167,7 @@ h6 {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 10px 0 10px 30px;
+  padding: 5px 0 10px 30px;
   font-family: "Roboto", sans-serif;
   font-size: 13px;
   font-weight: 600;

myproject/myproject/templates/base.html

@@ -43,29 +43,39 @@
 </head>
 
 <body>
-    {% cms_toolbar %}
+   {% cms_toolbar %}  
+    
     
   
  
   <!-- ======= Header ======= -->
-  <header id="header" class="fixed-top" style="background-image: url(/static/imagenes/hola3.png);">
+  <header id="header" class="fixed-top" >
     
     <div class="container d-flex align-items-center" >
 
       
       <img src='{% static "imagenes/Logo8.png" %}' class="logonavbar" />
-      <nav id="navbar" class="navbar order-last order-lg-0">
+
-        
+      <img src='{% static "imagenes/Logo FIc2.jpg" %}' class="logonavbar2" /> 
-            <ul>
+
-                {% show_menu 0 100 100 100 %}
+      <img src='{% static "imagenes/Imagen1 TDT (1).png" %}' class="logonavbar3" /> 
-              
+
-            </ul>
+      <img src='{% static "imagenes/logo-usm (1) (1).png" %}' class="logonavbar4" /> 
-            <i class="bi bi-list mobile-nav-toggle"></i>
+      
-          </nav><!-- .navbar -->
       
 
       
       <div class="rectangulo">
+        <nav id="navbar" class="navbar order-last order-lg-0">
+        
+          <ul >
+              
+              {% show_menu 0 100 100 100 %}
+            
+            
+          </ul>
+          <i class="bi bi-list mobile-nav-toggle"></i>
+        </nav>
         
       </div>
 
@@ -77,11 +87,11 @@
   
 
   <main id="main">
-    {% placeholder "content" %}
     {% block content %}
     {% endblock %}
     
   </main><!-- End #main -->
+  
 
   <!-- ======= Footer ======= -->
   <footer id="footer">

myproject/myproject/templates/inicio.html

@@ -1,4 +1,5 @@
 {% extends "base.html" %}
+{% load cms_tags %}
 
 {% block content %}
   <!-- ======= Hero Section ======= -->
@@ -8,35 +9,39 @@
       <div class="carousel-inner" role="listbox">
 
         <!-- Slide 1 -->
-        <div class="carousel-item active" style="background-image: url(/static/imagenes/14072023-Rodrigo-Diaz-convenios-3.jpeg);">
+        <div class="carousel-item active" >
+          {% placeholder "imagen1" %}
           <div class="carousel-container">
-            <div class="carousel-content animate__animated animate__fadeInUp">
+            
-              <h2> <span></span></h2>
-              <p>La máxima autoridad regional descartó existencia de clientelismo político en el GORE Biobío, a diferencia de lo que se expresó en el caso de Democracia Viva en Antofagasta. También recordó que el Gobierno Regional mantiene activo un sumario y una denuncia en Fiscalía producto del caso de una funcionaria que habría desviado fondos públicos.   En diálogo con los medios de comunicación, el Gobernador Regional del Biobío, Rodrigo Díaz, hizo referencia a las investigaciones que desarrolla el Ministerio Público en el marco del caso convenios, y reiteró que de parte de la institución que encabeza existe —y se mantendrá— la…</p>
-              
-            </div>
           </div>
         </div>
 
         <!-- Slide 2 -->
-        <div class="carousel-item" style="background-image: url(/static/imagenes/Puerto-Lebu3.jpeg);">
+        <div class="carousel-item" >
+          {% placeholder "imagen2" %}
+          
           <div class="carousel-container">
-            <div class="carousel-content animate__animated animate__fadeInUp">
+            
-              <h2>GOBIERNO REGIONAL BUSCA CONSOLIDAR A LEBU COMO LA CAPITAL PESQUERA PARA EL CONSUMO HUMANO</h2>
-              <p> Gobernador Regional del Biobío se reunió con administración del Puerto Fiscal Pesquero de Lebu y el alcalde de la comuna el trabajo que se está realizando.  El Gore financia una iniciativa para implementar un servicio de varado de embarcaciones y un proyecto de gestión de residuos. El Gobierno Regional del Biobío (GORE) se reunió con representantes de la administración del Puerto Fiscal Pesquero de Lebu y el alcalde de la comuna para conocer el trabajo que se realiza en el lugar, el puerto artesanal más grande de Chile, y donde el cien por ciento de las tareas extractivas apunta al…</p>
-              
-            </div>
           </div>
         </div>
+        
 
         <!-- Slide 3 -->
-        <div class="carousel-item" style="background-image: url(/static/assets/img/slide/Convenios-Arauco6.jpeg);">
+        
+        <div class="carousel-item" >
+          {% placeholder "imagen3" %}
+          
           <div class="carousel-container">
-            <div class="carousel-content animate__animated animate__fadeInUp">
+            
-              <h2>GOBIERNO REGIONAL OFICIALIZA ENTREGA DE $327 MILLONES PARA 4 PROYECTOS EN CURANILAHUE Y CONTULMO</h2>
+          </div>
-              <p>El Gobierno Regional del Biobío y los municipios de Contulmo y Curanilahue firmaron cuatro importantes convenios para la concreción de igual número de iniciativas, cuya suma implica una inversión de más de $327 millones, con cargo al presupuesto de la región.</p>
+        </div>
-              
+        
-            </div>
+        <!-- Slide 4 -->
+        <div class="carousel-item" >
+          {% placeholder "imagen4" %}
+          
+          <div class="carousel-container">
+            
           </div>
         </div>
 
@@ -54,4 +59,7 @@
 
     </div>
   </section><!-- End Hero -->
+  {% placeholder "textopagina" %}
+
+
 {% endblock %}