Carrousel ABAJO y un cuadro ARRIBA

[julia2021]

Hola amigos, tengo un carrousel de imagenes (estoy trabajando con bootstrap3) y tengo un cuadro con un mensaje de "BIENVENIDO A SU PAGINA WEB" con un color de fondo. Ahora bien, tal como se ve en la imagen anexa, deseo colocar parte de ese cuadro SOBRE el corrousel de imagenes, pero no tengo ni la más minima idea de como hacer esto.

Adicional a la imagen de como lo deseo, tambien les coloco mi código, el cual es bien sencillo, pero no tengo idea de como hacerlo:

Código HTML:

<div class="container-fluid">
			<div class="row">
				<div class="col-xs-12">

						<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
						  <!-- Wrapper for slides -->
						  <div class="carousel-inner" role="listbox">
						    <div class="item active">
						      <img src="imagen01.jpg" class="img-responsive">
						    </div>
						    <div class="item">
						      <img src="imagen02.jpg">
						    </div>
						  </div>

						  <!-- Controls -->
						  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
						    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
						    <span class="sr-only">Previous</span>
						  </a>
						  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
						    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
						    <span class="sr-only">Next</span>
						  </a>
						</div>

				</div>

				<div class="container">
					<div class="row">
						<div class="col-xs-12 text-center"><h1>BIENVENIDOS A SU PAGINA WEB</h1></div>
					</div>
				</div>

			</div> 

Y AHORA..., QUIEN PODRÁ DEFENDERME