8 files changed, 172 insertions, 0 deletions
diff --git a/bcst/themes/qhungg/background/background.png b/bcst/themes/qhungg/background/background.png
new file mode 100644
index 0000000..a102304
--- /dev/null
+++ b/bcst/themes/qhungg/background/background.png
diff --git a/bcst/themes/qhungg/fonts/roboto-mono-medium.ttf b/bcst/themes/qhungg/fonts/roboto-mono-medium.ttf
new file mode 100644
index 0000000..c496725
--- /dev/null
+++ b/bcst/themes/qhungg/fonts/roboto-mono-medium.ttf
diff --git a/bcst/themes/qhungg/icon/leaf.png b/bcst/themes/qhungg/icon/leaf.png
new file mode 100644
index 0000000..1617b1a
--- /dev/null
+++ b/bcst/themes/qhungg/icon/leaf.png
diff --git a/bcst/themes/qhungg/index.html b/bcst/themes/qhungg/index.html
new file mode 100644
index 0000000..d344fdc
--- /dev/null
+++ b/bcst/themes/qhungg/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>{{home}}</title>
+		<meta charset ="UTF-8">
+		<link rel="stylesheet" type="text/css" href="style/style.css">
+		<link rel="shortcut icon" href="icon/leaf.png" />
+	</head>
+<body>
+  <div class="box">
+    {% for key,value in bookmarks.items() %}
+    <div class="hvr-grow">
+			<h1>{{key}}</h1>
+			<ul>
+              {% for link_name,url in value.items() %}
+				<li><a href="{{url}}">{{link_name}}</a></li>
+              {% endfor %}
+			</ul>
+	</div>
+    {% endfor %}
+
+		<form action="https://www.google.com/search" method="GET" class="hvr-shrink">
+			<input type="text" name="q" placeholder="Search" autofocus="autofocus">
+		</form>
+	</div>
+</body>
+</html>
diff --git a/bcst/themes/qhungg/resources.json b/bcst/themes/qhungg/resources.json
new file mode 100644
index 0000000..c7ea04d
--- /dev/null
+++ b/bcst/themes/qhungg/resources.json
@@ -0,0 +1,30 @@
+{
+
+    "title": "Home",
+    "bookmarks": {
+        "social": {
+            "facebook": "https://www.facebook.com/",
+            "reddit": "https://reddit.com/",
+            "twitter": "http://twitter.fr",
+            "instagram": "http://instagram.fr"
+        },
+        "media": {
+            "youtube":"https://youtube.com",
+            "9anume":"https://9anime.io",
+            "twitch":"https://twitch.tv",
+            "photos":"https://photos.google.com"
+        },
+        "personal":{
+            "gmail":"https://mail.google.com",
+            "note":"https://keep.google.com",
+            "drive":"https://drive.google.com",
+            "messenger":"https://messenger.com"
+        },
+        "tech":{
+		    "/g/":"http://boards.4channel.org/g/",
+            "github":"https://github.com",
+            "w3s": "https://www.w3schools.com/",
+            "stackoverflow": "https://stackoverflow.com/"
+        }
+    }
+}
diff --git a/bcst/themes/qhungg/style/style.css b/bcst/themes/qhungg/style/style.css
new file mode 100644
index 0000000..5d4a7d3
--- /dev/null
+++ b/bcst/themes/qhungg/style/style.css
@@ -0,0 +1,109 @@
+
+@font-face {
+    font-family: "Roboto Mono";
+    src: url("../fonts/roboto-mono-medium.ttf");
+}
+
+/*Change font and colors*/
+:root {
+	--font: "Roboto Mono";
+	--bgcolor: #262626;
+	--titlecolor: #BBD9E3;
+	--linkcolor: #F1B6A3;
+}
+
+/*-----------------------------------------------------------*/
+
+body {
+	background-image: url('../background/background.png');
+	background-color: gray;
+}
+
+div .hvr-grow {
+	background-color: var(--bgcolor);
+	border: solid 4px rgba(255, 255, 255, 0.8);
+	border-radius: 3px;
+	margin-top: 4%;
+	margin-bottom: 4%;
+	display: inline-block;
+	margin-left: 2%;
+	margin-right: 1%;
+	width: 140px;
+	text-align: center;
+}
+
+form {
+	float: right;
+	margin-top: 4%;
+	margin-left: 2%;
+	margin-right: 2%;
+}
+
+input {
+	border: solid 4px rgba(255, 255, 255, 0.8);
+	padding: 10px;
+	width: 160px;
+	background-color: var(--bgcolor);
+	color: white;
+	font-family: var(--font);
+}
+
+h1 {
+	font-family: var(--font);
+	font-style: italic;
+	color: var(--titlecolor);
+	font-size: 1rem;
+	text-align: center;
+}
+
+ul {
+	padding-inline-start: 0;
+	list-style: none;
+}
+
+a {
+	display: block;
+	line-height: 2em;
+	font-family: var(--font);
+	color: var(--linkcolor);
+	font-size: 1rem;
+	text-decoration: none;
+	outline: none;
+}
+
+a:hover {
+	color: rgb(222, 222, 222);
+}
+
+/*Animation*/
+.hvr-grow {
+	display: inline-block;
+	vertical-align: middle;
+	-webkit-transform: perspective(1px) translateZ(0);
+	transform: perspective(1px) translateZ(0);
+	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+	-webkit-transition-duration: 0.3s;
+	transition-duration: 0.3s;
+	-webkit-transition-property: transform;
+	transition-property: transform;
+}
+.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
+	-webkit-transform: scale(1.1);
+	transform: scale(1.1);
+}
+
+.hvr-shrink {
+	display: inline-block;
+	vertical-align: middle;
+	-webkit-transform: perspective(1px) translateZ(0);
+	transform: perspective(1px) translateZ(0);
+	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
+	-webkit-transition-duration: 0.3s;
+	transition-duration: 0.3s;
+	-webkit-transition-property: transform;
+	transition-property: transform;
+}
+.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
+	-webkit-transform: scale(0.9);
+	transform: scale(0.9);
+}
diff --git a/gallery/README.md b/gallery/README.md
index 7935b4e..0dc6778 100644
--- a/gallery/README.md
+++ b/gallery/README.md
@@ -11,3 +11,9 @@
 *Description*:
 - Author: hungry-hobo
 - Url: https://github.com/Hungry-Hobo/Homepage
+
+### qhungg
+![Qhungg](qhungg.jpg)
+*Description*:
+- Author: Qhungg289
+- Url: https://github.com/qhungg289/startpage
diff --git a/gallery/qhungg.jpg b/gallery/qhungg.jpg
new file mode 100644
index 0000000..1a62902
--- /dev/null
+++ b/gallery/qhungg.jpg