Creo que una forma simple seria que por un lado, darle click derecho a la imagen y poner la opcion "Ver Imagen" , de esa forma te va a mostrar la ruta a la misma, u otra forma es que uses Firebug si usas FireFox, o alguno similar en Chrome o el navegador que uses, al analizar el elemento te va a dar todos los datos del mismo.
EDIT:
En resumen, no se si esto es lo que preguntas, pero las imágenes están en esta parte:
<div id="carousel"> ... </div>
dentro del archivo Prueba.html
la imagen de la foto que dejas, osea los auriculares están en esta parte que es el primer <div>:
<div>
<h5>It all starts with a</h5>
<h3>Great Vision</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget augue quis quam dignissim consectetur ac sit amet nisl. In hac habitasse platea. Eget augue quis quam dignissi lorem lipsum adispicing dolor sit amet.</p>
<a href="#" class="green-btn">FREE Quote</a>
<img class="img-front" src="css/images/PRUEBA.png" alt="dot1" width="525" height="400" />
</div>
Fijate que indica la imagen como:
<img class="img-front" src="css/images/PRUEBA.png" alt="dot1" width="525" height="400" />
Y te dice la ruta a la imagen que es
css/images/PRUEBA.png
No se si esa es tu consulta, o es otra cosa, cualquier cosa deja algún detalle mas claro