/home/vianto5/ceibaresidencial.mx/wp-content/uploads/

/home/vianto5/ceibaresidencial.mx/wp-content/uploads

Name	Size	Mode	Actions
2021/	-	0755	rm
2023/	-	0755	rm
2024/	-	0755	rm
2025/	-	0755	rm
2026/	-	0755	rm
cfdb7_uploads/	-	0755	rm
elementor/	-	0755	rm
hpizvdf/	-	0755	rm
wp-file-manager-pro/	-	0755	rm
wpcf7_uploads/	-	0755	rm
wpforms/	-	0755	rm
.htaccess	178	0644	edit dl rm
Brochure-Ceiba-R.pdf	13952073	0644	edit dl rm
HeroBanner.html	3190	0644	edit dl rm

Edit: /home/vianto5/ceibaresidencial.mx/wp-content/uploads/HeroBanner.html (3190B)

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HeroBanner</title>
<style>
  @import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Tangerine:wght@400;700&display=swap');
  .philosopher-regular {
    font-family: "Philosopher", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

.philosopher-bold {
    font-family: "Philosopher", sans-serif;
    font-weight: 700;
    font-style: normal;
  }

.philosopher-regular-italic {
    font-family: "Philosopher", sans-serif;
    font-weight: 400;
    font-style: italic;
  }

.philosopher-bold-italic {
    font-family: "Philosopher", sans-serif;
    font-weight: 700;
    font-style: italic;
  }

.tangerine-regular {
    font-family: "Tangerine", cursive;
    font-weight: 400;
    font-style: normal;
  }

.tangerine-bold {
    font-family: "Tangerine", cursive;
    font-weight: 700;
    font-style: normal;
  }

/*////////////////////////////////////////*/

.contenedor-global:-webkit-scrollbar {
    display: none;
  }

.contenedor-global {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    width: 100vw;
    height: 100vh;
    padding: 0px;
    position:relative;
  }

.texto{
    text-align: left;
    position: sticky;
    color: black;
    top: 10%;
    margin-left:25%;
    line-height:.6;
    font-size: 13em;
    padding:0px;
  }

.texto-mobile{
    text-align: center;
    position: sticky;
    color: red;
    top: 10%;
    line-height:.6;
    padding:0px;
    font-size: 36vw;
  }

@media only screen and (min-width:501px) {
    .texto-mobile {
      display:none;
    }
  }

@media only screen and (max-width:800px) {
    .texto {
      margin-left:5%;
    }
  }

@media only screen and (max-width:500px) {
    .texto {
      display:none;
    }
  }

.contenedor-imagen {
    background-image: url("https://www.worldatlas.com/r/w1200/upload/56/c5/7c/shutterstock-520792630.jpg");
    background-color: #ff6800;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width:80vw;
    height: 50vh;
    margin: auto;
    border-radius: 10px 100px;
    margin-left: 15%;
  }

@media only screen and (max-width:800px) {
    /* For tablets: */
    .contenedor-imagen {
      width:80vw;
      height: 40vh;
      margin-right: 10%;
    }
  }

@media only screen and (max-width:500px) {
    .contenedor-imagen {
      width: 100%;
      margin: auto;
    }
  }

.imagen{
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    color: white;
    width: 100%;
    border-radius: 10px 100px;
  }
</style>
</head>

<body>
<div class="contenedor-global">
	<h1 class="texto philosopher-regular"><span>Lujo</span><br><span class="tangerine-regular">sin límites</span></h1>
	<h1 class="texto-mobile philosopher-regular"><span>Lujo</span><br><span class="tangerine-regular">sin límites</span></h1>
	<div class="contenedor-imagen">
		<img class="imagen" src="https://ceibaresidencial.mx/wp-content/uploads/2024/04/CEIBA2-edited-1.png"> 
	</div>
</div>
</body>
</html>

HeroBanner

Lujo
sin límites

Lujo
sin límites

Lujosin límites

Lujosin límites

Lujo
sin límites

Lujo
sin límites