En un servidor gratuito tengo cierta parte del contenido de una plantilla que estoy imitando.
Realizando la imitación de una manera más optimizada, la plantilla que estoy tratando de imitar es esta myone.
A pesar de que el 80% de la plantilla está imitada, se me ha presentado un error el contenido del texto se encima al contenido de la imagen al cambiar el tamaño del navegador.
Sinceramente aun desconozco a fondo la utilización de Bootstrap algo nuevo en el plugin, lo cual me a dificultado encontrar el error.
<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" />
<div id="prueba">
<div class="container">
<div class="col-sm-6">
<img src="http://template58621.motopreview.com/mt-demo/58600/58621/mt-content/uploads/2016/03/mt-0362-home-ipad.jpg">
</div>
<div class="col-sm-6">
<div style="padding: 0 1px;">
<p class="moto-text_system_6">Discover the advantages</p>
</div>
<div style="padding: 0 1px;">
<p>Thanks to our experience and the centrality of the attention to the wishes of our customers, we create Web projects at the highest professional level<br></p>
</div>
<div class="container-fluid">
<div class="col-sm-2">
<img src="http://template58621.motopreview.com/mt-demo/58600/58621/mt-content/uploads/2016/03/mt-0362-home-discover2.png">
</div>
<div class="col-sm-10">
<p><a href="#">Web development</a></p>
</div>
</div>
<div class="container-fluid">
<div class="col-sm-2">
<img src="http://template58621.motopreview.com/mt-demo/58600/58621/mt-content/uploads/2016/03/mt-0362-home-discover2.png">
</div>
<div class="col-sm-10">
<p><a href="#">Web development</a></p>
</div>
</div>
</div>
</div>
</div>