From 3140ee92f51f9416dccf3e713f6f35163ff13a7c Mon Sep 17 00:00:00 2001
From: Ceda EI <ceda_ei@protonmail.com>
Date: Sat, 22 Jun 2019 01:24:40 +0530
Subject: [PATCH] Add Hosted Services data.

---
 index.html | 70 +++++++++++++++++++++++++++++++-----------------------
 1 file changed, 40 insertions(+), 30 deletions(-)

diff --git a/index.html b/index.html
index 994b374..08c75b4 100644
--- a/index.html
+++ b/index.html
@@ -127,58 +127,68 @@
 					<h2>Hosted Services</h2>
 					<div class="projects">
 						<div class="project">
-							<h3>Lorem</h3>
-							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec augue risus. Praesent at lectus ante. Maecenas volutpat purus et eros vehicula, vitae scelerisque turpis iaculis.</p>
+							<h3>Gitea</h3>
+							<p>Gitea is a simple, easy-to-use, yet full-featured and completely open source code hosting solution.</p>
 							<div class="spacer"></div>
-							<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
+							<div class="link">
+								<a href="https://git.webionite.com/"><i class="fa fa-link"></i> Link</a>
+							</div>
 						</div>
 						<div class="project">
-							<h3>Lorem</h3>
-							<p>Lorem ipsum dolor sit amet, </p>
+							<h3>Nextcloud</h3>
+							<p>Nextcloud is a suite of client-server software for creating and using file hosting services.</p>
 							<div class="spacer"></div>
-							<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
+							<div class="link">
+								<a href="https://nc.webionite.com/"><i class="fa fa-link"></i> Link</a>
+							</div>
 						</div>
 						<div class="project">
-							<h3>Lorem</h3>
-							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec augue risus. Praesent at lectus ante. Maecenas volutpat purus et eros vehicula, vitae scelerisque turpis iaculis.</p>
+							<h3>Draw.io</h3>
+							<p>Create flow charts, process diagrams, org charts, UML diagrams, ER models, network diagrams, etc.</p>
 							<div class="spacer"></div>
-							<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
+							<div class="link">
+								<a href="https://draw.webionite.com/"><i class="fa fa-link"></i> Link</a>
+							</div>
 						</div>
 						<div class="project">
-							<h3>Lorem</h3>
-							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec augue risus. Praesent at lectus ante. Maecenas volutpat purus et eros vehicula, vitae scelerisque turpis iaculis.</p>
+							<h3>Sky</h3>
+							<p>A simple terminal based weather monitor.</p>
 							<div class="spacer"></div>
-							<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
+							<div class="link">
+								<a href="https://sky.webionite.com/"><i class="fa fa-link"></i> Link</a>
+							</div>
 						</div>
 						<div class="project">
-							<h3>Lorem</h3>
-							<p>Lorem ipsum dolor sit amet, </p>
+							<h3>Hastebin</h3>
+							<p>Open Source pastebin service written in Node.JS</p>
 							<div class="spacer"></div>
-							<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
+							<div class="link">
+								<a href="https://bin.webionite.com/"><i class="fa fa-link"></i> Link</a>
+							</div>
 						</div>
 						<div class="project">
-							<h3>Lorem</h3>
-							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec augue risus. Praesent at lectus ante. Maecenas volutpat purus et eros vehicula, vitae scelerisque turpis iaculis.</p>
+							<h3>Questable Bot</h3>
+							<p>Questable is an RPG-like bot for maintaining events in real life.</p>
 							<div class="spacer"></div>
-							<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
+							<div class="link">
+								<a href="https://t.me/questable_bot"><i class="fa fa-link"></i> Link</a>
+							</div>
 						</div>
 						<div class="project">
-							<h3>Lorem</h3>
-							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec augue risus. Praesent at lectus ante. Maecenas volutpat purus et eros vehicula, vitae scelerisque turpis iaculis.</p>
+							<h3>Questable API Server</h3>
+							<p>API Server for Questable. Used by external clients for Questable.</p>
 							<div class="spacer"></div>
-							<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
+							<div class="link">
+								<a href="https://api.questable.webionite.com/"><i class="fa fa-link"></i> Link</a>
+							</div>
 						</div>
 						<div class="project">
-							<h3>Lorem</h3>
-							<p>Lorem ipsum dolor sit amet, </p>
+							<h3>Quadnite Bot</h3>
+							<p>A simple telegram bot that makes chats in group more fun.</p>
 							<div class="spacer"></div>
-							<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
-						</div>
-						<div class="project">
-							<h3>Lorem</h3>
-							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec augue risus. Praesent at lectus ante. Maecenas volutpat purus et eros vehicula, vitae scelerisque turpis iaculis.</p>
-							<div class="spacer"></div>
-							<div class="link"><a href="#"><i class="fa fa-link"></i> Go to project</a></div>
+							<div class="link">
+								<a href="https://t.me/quadnite_bot"><i class="fa fa-link"></i> Link</a>
+							</div>
 						</div>
 					</div>
 				</div>