How do I make the logo appear over the background picture?

Ask a question
1

I am trying to get the logo on top of the background image.

I noticed that setting a float gets it over the image, however it is not in the position that I want it to be in. I set the logo on a separate div with a bootstrap row class (which is probably the reason why it is intervening. What do I do?

<section>
  <div class="row">
    <img src="images/pdlogo.png" alt="logo" height="130px" class="logo">
  </div>
  <div id="formulario" class="col-sm-6 form animated bounceInUp">
    <h1> Ingresa Aqui!</h1>
    <form>
      <div class="formcontainer">
        <label for="nombre">Nombre </label>
        <input type="text" required id="nombre" name="nombre" placeholder="Hugo">
        <label for="apellido">Apellido</label>
        <input type="text" required id="apellido" name="apellido" placeholder="Sanchez">
        <label for="email">Correo Electronico</label>
        <input type="email" required id="email" name="email" placeholder="[email protected]">
        <label for="telefono">Numero de Telefono</label>
        <input type="tel" required id="telefono" name="telefono" placeholder="78126177">
        <label for="codigo">Codigo de Compra</label>
        <input type="text" required id="codigo" name="codigo" placeholder="PD78907">
        <input type="submit" id="submit" value="Enviar">
      </div>
    </form>
  </div>
  <div class="col-sm-6 info">
    <h1> 2 Pasajes Gratis</h1>
    <h2>en 2 pasos simples...</h2>
    <h3>(<span>1</span>) Realiza compras en PatioDesign y guarda tus recibos (contienen el codigo especial) </h3>
    <h3>(2) Ingresa a la seccion "Registros" y llena el formulario</h3>
    <h5>La rifa cierra el Marzo 30, 2019 a las 7:00PM</h5>
    <h5>Resultados se enviaran el día siguiente por mail y se anunciaron en esta misma pagina</h5>
  </div>
</section>
Coin iconoffer bounty
add comment

0 Answer

Your Answer