diff --git a/themes/website/static/css/style.css b/themes/website/static/css/style.css
index 46eda50..55af72f 100644
--- a/themes/website/static/css/style.css
+++ b/themes/website/static/css/style.css
@@ -232,6 +232,12 @@ tbody th:first-child, thead th {
 .slider input[type=radio]#atox-images-control1:checked ~ .sliderinner > ul { left: 0 }
 .slider input[type=radio]#atox-images-control2:checked ~ .sliderinner > ul { left: -100% }
 
+.slider label[for=antidote-images-control1] { margin-left: -18px }
+.slider label[for=antidote-images-control3] { margin-left: 18px }
+.slider input[type=radio]#antidote-images-control1:checked ~ .sliderinner > ul { left: 0 }
+.slider input[type=radio]#antidote-images-control2:checked ~ .sliderinner > ul { left: -100% }
+.slider input[type=radio]#antidote-images-control3:checked ~ .sliderinner > ul { left: -200% }
+
 /* Specific styling */
 @media (min-width: 768px) {
 	#cover {
diff --git a/themes/website/static/img/client/antidote.png b/themes/website/static/img/client/antidote.png
new file mode 100644
index 0000000..3c5dee1
Binary files /dev/null and b/themes/website/static/img/client/antidote.png differ
diff --git a/themes/website/static/img/client/antidote_1.png b/themes/website/static/img/client/antidote_1.png
new file mode 100644
index 0000000..3c5dee1
Binary files /dev/null and b/themes/website/static/img/client/antidote_1.png differ
diff --git a/themes/website/static/img/client/antidote_2.png b/themes/website/static/img/client/antidote_2.png
new file mode 100644
index 0000000..501a2a9
Binary files /dev/null and b/themes/website/static/img/client/antidote_2.png differ
diff --git a/themes/website/static/img/client/antidote_3.png b/themes/website/static/img/client/antidote_3.png
new file mode 100644
index 0000000..84bc018
Binary files /dev/null and b/themes/website/static/img/client/antidote_3.png differ
diff --git a/themes/website/static/js/osdetect.js b/themes/website/static/js/osdetect.js
index de6f7e1..87882cf 100644
--- a/themes/website/static/js/osdetect.js
+++ b/themes/website/static/js/osdetect.js
@@ -51,7 +51,13 @@ if (window.navigator.userAgent.indexOf("iPad") != -1) {
 if (window.navigator.userAgent.indexOf("iPhone") != -1) {
 	OSName = "iOS";
 
-	clients = [];
+	clients = [{
+		title: "Antidote",
+		name: "antidote",
+		icon: "external-link",
+		desc: true,
+		dlLink: "https://apps.apple.com/app/antidote-tox-client/id1592895292",
+	}];
 }
 
 if (window.navigator.userAgent.indexOf("FreeBSD") != -1) {
@@ -154,6 +160,11 @@ for (var i = 0; i < clients.length; i++) {
 		<span class='fa fa-" + client.icon + "'>&nbsp;</span>" + client.title + "\
 	</a>";
 
+    if (client.name == "antidote") {
+        button = button + '\n<a class="button" href="#antidote-warning" title="Warning">'
+         + '<span style="font-size:150%" class="fa fa-exclamation-triangle"></span></a>';
+    }
+
 	var infoButton = "";
 	if (client.desc) {
 		infoButton = "\
diff --git a/themes/website/templates/clients.html b/themes/website/templates/clients.html
index 16b4385..7d62058 100644
--- a/themes/website/templates/clients.html
+++ b/themes/website/templates/clients.html
@@ -180,6 +180,40 @@ <h2 class="header">aTox</h2>
 				<p class="lead">The reasonable Tox client for Android.</p>
 			</div>
 
+			<hr>
+
+			<div id="antidote" class="row">
+				<a href="#antidote-images" class="img-container"><img src="theme/img/client/antidote_1.png"></a>
+				<h2 class="header">Antidote</h2>
+
+				<table class="table table-condensed">
+					<tbody>
+						<tr>
+							<th>Repository:</th>
+							<th><a href="https://github.com/Zoxcore/Antidote">https://github.com/Zoxcore/Antidote</a></th>
+						</tr>
+						<tr>
+							<th>Maintainers:</th>
+							<th><a href="https://github.com/zoff99">Zoff</a>, <a href="https://github.com/Tha14">Tha_14</a></th>
+						</tr>
+						<tr>
+							<th>Language:</th>
+							<th>Objective-C</th>
+						</tr>
+						<tr>
+							<th>Graphical Toolkit:</th>
+							<th>N/A</th>
+						</tr>
+						<tr>
+							<th>Operating Systems:</th>
+							<th>iOS</th>
+						</tr>
+					</tbody>
+				</table>
+
+				<p class="lead">Antidote is an iOS client for Tox. You can download Antidote on <a href="https://apps.apple.com/app/antidote-tox-client/id1592895292">https://apps.apple.com/app/antidote-tox-client/id1592895292</a></p>
+			</div>
+
 		</div>
 	</section>
 
@@ -252,6 +286,16 @@ <h1>OS support:</h1>
 						<th class="danger">No</th>
 					</tr>
 
+					<tr>
+						<th>Antidote</th>
+						<th class="danger">No</th>
+						<th class="danger">No</th>
+						<th class="danger">No</th>
+						<th class="danger">No</th>
+						<th class="danger">No</th>
+						<th class="success">Yes</th>
+					</tr>
+
 				</tbody>
 			</table>
 		</div>
@@ -367,5 +411,29 @@ <h1>OS support:</h1>
 			</div>
 		</div>
 
+		<div id="antidote-images" class="modalDialog button">
+			<div>
+				<a href="#close" class="close-overlay"></a>
+				<a href="#close" title="Close" class="close"><span class="fa fa-close">&nbsp;</span></a>
+
+				<div class="slider">
+					<input type="radio" id="antidote-images-control1" name="antidote-images-controls" checked="checked">
+					<label for="antidote-images-control1"></label>
+					<input type="radio" id="antidote-images-control2" name="antidote-images-controls">
+					<label for="antidote-images-control2"></label>
+					<input type="radio" id="antidote-images-control3" name="antidote-images-controls">
+					<label for="antidote-images-control3"></label>
+
+					<div class="sliderinner">
+						<ul>
+							<li><div><img src="theme/img/client/antidote_1.png"></div></li>
+							<li><div><img src="theme/img/client/antidote_2.png"></div></li>
+							<li><div><img src="theme/img/client/antidote_3.png"></div></li>
+						</ul>
+					</div>
+				</div>
+			</div>
+		</div>
+
 	</section>
 {% endblock %}
diff --git a/themes/website/templates/download.html b/themes/website/templates/download.html
index 2af9a0b..5c80c9e 100644
--- a/themes/website/templates/download.html
+++ b/themes/website/templates/download.html
@@ -72,6 +72,13 @@ <h2>FreeBSD</h2>
 					<h2>Android</h2>
 					<p class="lead">aTox: <a href="https://f-droid.org/en/packages/ltd.evilcorp.atox/">F-Droid</a> / <a href="https://play.google.com/store/apps/details?id=ltd.evilcorp.atox">Google Play</a> / <a href="https://github.com/evilcorpltd/aTox/releases/download/v0.7.3/atox.apk">APK</a></p>
 				</div>
+
+				<div class="col-sm-4 feature">
+					<img src="theme/img/plat/ios_dark.svg">
+					<h2>iOS</h2>
+                    <p class="lead" style="margin-top:-15px;">Antidote <a class="button" href="#antidote-warning" title="Warning"><span class="fa fa-exclamation-triangle"></span></a>: <a href="https://apps.apple.com/app/antidote-tox-client/id1592895292">App Store</a></p>
+				</div>
+
 			</div>
 		</div>
 	</section>
@@ -182,6 +189,17 @@ <h2>TokTok/c-toxcore</h2>
 				<p class="lead">TokTok/c-toxcore is a non-hostile fork of the original irungentoo/toxcore. The fork was made by active Toxcore developers due to irungentoo wanting to review and approve any changes submitted into his repository, but being unable to do so as he is unable to find time to work on Toxcore. This is the Toxcore that is being actively developed and this is also the Toxcore that all clients use.</p>
 			</div>
 		</div>
+
+		<div id="antidote-warning" class="modalDialog button">
+			<div>
+				<a href="#close" class="close-overlay"></a>
+				<a href="#close" title="Close" class="close"><span class="fa fa-close">&nbsp;</span></a>
+
+				<h2>Antidote Warning</h2>
+
+				<p class="lead">Antidote may connect to centralized servers to trigger push notifications (Google Firebase Cloud Messaging, Apple Push Notification).</p>
+			</div>
+		</div>
 	</section>
 
 	<script src="theme/js/osdetect.js"></script>
diff --git a/themes/website/templates/index.html b/themes/website/templates/index.html
index 1866f5d..42722d9 100644
--- a/themes/website/templates/index.html
+++ b/themes/website/templates/index.html
@@ -43,12 +43,15 @@ <h1 class="header">A New Kind of Instant Messaging</h1>
 				<label for="mobile-images-control1"></label>
 				<input type="radio" id="mobile-images-control2" name="mobile-images-controls">
 				<label for="mobile-images-control2"></label>
+				<input type="radio" id="mobile-images-control3" name="mobile-images-controls">
+                <label for="mobile-images-control3"></label>
 
 				<div class="sliderinner">
 					<ul>
 						<li><div><img src="theme/img/client/atox_1.jpg"></div></li>
 						<li><div><img src="theme/img/client/atox_2.png"></div></li>
-					</ul>
+                        <li><div><img src="theme/img/client/antidote.png"></div></li>
+                    </ul>
 				</div>
 			</div>
 		</div>