diff --git a/cairo.html.markdown b/cairo.html.markdown
index 18ac81af..95008a78 100644
--- a/cairo.html.markdown
+++ b/cairo.html.markdown
@@ -72,7 +72,7 @@ protostar build
And you should get an output similar to what you see below, with a `main.json`
and `main_abi.json` files created in the `build` folder.
-
+
### Declaring Contracts
@@ -103,7 +103,7 @@ where `network` specifies the network we are deploying to, `account` specifies
account whose private key we are using, `max-fee` specifies the maximum fee to
be paid for the transaction. You should get the class hash outputted as seen
below:
-
+
### Deploying Contracts
@@ -120,7 +120,7 @@ protostar \
where `0x02a5de1b145e18dfeb31c7cd7ff403714ededf5f3fdf75f8b0ac96f2017541bc` is
the class hash of our contract.
-
+
### Interacting with Contracts
@@ -135,9 +135,9 @@ contract. Once found, you can make write calls to the contract in the following
sequence:
+ click on the "connect wallet" button,
-
+
+ select `Argent X` and approve the connection
-
+
+ you can now make read and write calls easily.
## Let's learn Cairo
diff --git a/images/cairo/build.png b/images/cairo/build.png
new file mode 100644
index 00000000..ebb7d8dc
Binary files /dev/null and b/images/cairo/build.png differ
diff --git a/images/cairo/connect.png b/images/cairo/connect.png
new file mode 100644
index 00000000..86146353
Binary files /dev/null and b/images/cairo/connect.png differ
diff --git a/images/cairo/connect2.png b/images/cairo/connect2.png
new file mode 100644
index 00000000..08b00a81
Binary files /dev/null and b/images/cairo/connect2.png differ
diff --git a/images/cairo/declare.png b/images/cairo/declare.png
new file mode 100644
index 00000000..174aea34
Binary files /dev/null and b/images/cairo/declare.png differ
diff --git a/images/cairo/deploy.png b/images/cairo/deploy.png
new file mode 100644
index 00000000..f637b706
Binary files /dev/null and b/images/cairo/deploy.png differ