From 327c66e2debba93b703cd4b0e8f705ba49e49f4f Mon Sep 17 00:00:00 2001
From: Mahib Abrar <128323013+MahibAbrar222@users.noreply.github.com>
Date: Tue, 28 May 2024 20:07:38 +0600
Subject: [PATCH] Add files via upload

---
 assets/github-mark.png | Bin 0 -> 6393 bytes
 assets/loader.css      |  35 +++++
 assets/style.css       | 305 +++++++++++++++++++++++++++++++++++++++++
 3 files changed, 340 insertions(+)
 create mode 100644 assets/github-mark.png
 create mode 100644 assets/loader.css
 create mode 100644 assets/style.css

diff --git a/assets/github-mark.png b/assets/github-mark.png
new file mode 100644
index 0000000000000000000000000000000000000000..6cb3b705d018006a2bd4200ea94c9d5fb98b6f76
GIT binary patch
literal 6393
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
Hu0mjfZ$b4`

literal 0
HcmV?d00001

diff --git a/assets/loader.css b/assets/loader.css
new file mode 100644
index 0000000..af20873
--- /dev/null
+++ b/assets/loader.css
@@ -0,0 +1,35 @@
+.loader-container{
+	position: fixed;
+	left: 0;
+	top: 0;
+	bottom: 0;
+	width: 100%;
+	z-index: 1;
+	background: rgb(255, 255, 255, 0.8);
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	visibility: hidden;
+}
+.loader-container.active{
+	visibility: visible;
+}
+.loader-container .loader{
+	width: 64px;
+	height: 64px;
+	border-radius: 100%;
+	border: 10px solid #ccc;
+	border-top: 10px solid blue;
+}
+.loader-container.active .loader{
+	animation: infinite 0.8s loading;
+}
+
+@keyframes loading{
+	from{
+		transform: rotate(0deg);
+	}
+	to{
+		transform: rotate(360deg);
+	}
+}
\ No newline at end of file
diff --git a/assets/style.css b/assets/style.css
new file mode 100644
index 0000000..4958d39
--- /dev/null
+++ b/assets/style.css
@@ -0,0 +1,305 @@
+/*
+ * Created By Mahib Abrar
+ * Only for mahibabrar.me
+ */
+
+*{
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
+	font-family: sans-serif;
+}
+
+body{
+	width: 100%;
+	height: 100%;
+	background: linear-gradient(to right, #f3f3f3, #f0ffff);
+	padding: 20px;
+}
+
+nav{
+	width: 100%;
+	background: #fff;
+	box-shadow: 0 5px 15px #ccc;
+	display: flex;
+	justify-content: space-between;
+	padding: 10px;
+	position: fixed;
+	left: 0;
+	top: 0;
+	z-index: 1;
+}
+nav .brand{
+	text-decoration: none;
+}
+nav .brand img{
+	width: 64px;
+	height: 64px;
+}
+nav .items{
+	display: flex;
+	list-style: none;
+}
+nav .items li a{
+	line-height: 64px;
+	padding: 10px;
+	background: #118cff;
+	color: #fff;
+	text-decoration: none;
+	margin-left: 5px;
+	font-size: 15px;
+	text-wrap: nowrap;
+}
+nav .items li a img{
+	width: 15px;
+	height: 15px;
+	background: #fff;
+	border-radius: 4px;
+}
+
+
+/*
+ * Latest Post
+ */
+.top-cn{
+	display: flex;
+	margin-top: 100px;
+	justify-content: space-around;
+	gap: 20px;
+}
+.top-cn .contact-details{
+	flex-basis: 100;
+	padding: 20px;
+	background: #fff;
+	box-shadow: 0 4px 18px #ccc;
+	border-radius: 20px;
+}
+.top-cn .contact-details h3{
+	padding: 20px;
+	text-align: center;
+	font-size: 30px;
+	/*
+	* Experimental
+	*/
+	color: transparent;
+	background: linear-gradient(to right, blue, purple, #111, green);
+	-webkit-background-clip: text;
+	background-clip: text;
+	font-weight: 600;
+}
+
+.latest{
+	flex-basis: 300;
+	width: 100%;
+	background: #fff;
+	border-radius: 20px;
+	box-shadow: 0 5px 15px #ccc;
+	position: relative;
+}
+.top-cn .contact-details p{
+	padding: 10px;
+	font-size: 15px;
+}
+.latest img{
+	width: 100%;
+	max-width: 100%;
+	max-height: 400px;
+	border-radius: 20px 20px 0 0;
+	background: #ccc;
+}
+.latest h2{
+	padding: 10px;
+	color: #111;
+	font-weight: 400;
+}
+.latest .info{
+	padding: 10px;
+}
+.latest .info b{
+	font-weight: 500;
+}
+.latest h2 a{
+	text-decoration: none;
+	/*
+	 * Experimental
+	 */
+	color: transparent;
+	background: linear-gradient(to right, blue, purple, #111, green);
+	-webkit-background-clip: text;
+	background-clip: text;
+	font-weight: 500;
+}
+.latest .badge{
+	position: absolute;
+	padding: 10px;
+	background: #118cff;
+	color: #fff;
+	opacity: 1;
+	border-radius: 20px 5px;
+}
+
+@media(max-width: 700px){
+	.top-cn{
+		flex-direction: column;
+	}
+}
+
+
+
+.posts{
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+	padding: 10px;
+	gap: 40px;
+	margin-top: 20px;
+}
+.posts .post{
+	flex-basis: 200;
+	background: #fff;
+	box-shadow: 0 5px 15px #ccc;
+	border-radius: 20px;
+}
+.posts .post img{
+	width: 100%;
+	max-width: 100%;
+	max-height: 200px;
+	border-radius: 20px 20px 0 0;
+}
+.posts .post h2{
+	padding: 15px;
+	color: #111;
+	font-weight: 400;
+}
+.posts .post h2 a{
+	text-decoration: none;
+	/*
+	* Experimental
+	*/
+	color: transparent;
+	background: linear-gradient(to right, blue, purple, #111, green);
+	-webkit-background-clip: text;
+	background-clip: text;
+	font-weight: 500;
+}
+.posts .post .info{
+	padding: 15px;
+	font-size: 15px;
+}
+.posts .post .info b{
+	/*
+	* Experimental
+	*/
+	color: transparent;
+	background: linear-gradient(to right, blue, purple, #111, green);
+	-webkit-background-clip: text;
+	background-clip: text;
+	font-weight: 500;
+}
+
+.post-v{
+	margin-top: 100px;
+	padding: 20%;
+	padding-top: 30px;
+	padding-bottom: 30px;
+	border-radius: 20px;
+	background: #fff;
+	box-shadow: 0 10px 20px #ccc;
+}
+.post-v .img{
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	border: 1px solid #ccc;
+	text-align: center;
+	color: #ccc;
+}
+.post-v .img img{
+	max-width: 100%;
+}
+.post-v .img a{color: #ccc;text-decoration:none;}
+.post-v h1{
+	/*
+	* Experimental
+	*/
+	color: transparent;
+	background: linear-gradient(to right, blue, purple, #111, #000);
+	-webkit-background-clip: text;
+	background-clip: text;
+	font-weight: 600;
+	font-size: 35px;
+	padding: 10px;
+}
+.post-v h2{
+	padding: 10px;
+	/*
+	* Experimental
+	*/
+	color: transparent;
+	background: linear-gradient(to right, blue, purple, #111, #000);
+	-webkit-background-clip: text;
+	background-clip: text;
+	font-weight: 500;
+	font-size: 27px;
+}
+.post-v h3{
+	padding: 10px;
+	/*
+	* Experimental
+	*/
+	color: transparent;
+	background: linear-gradient(to right, blue, purple, #111, #000);
+	-webkit-background-clip: text;
+	background-clip: text;
+	font-weight: 500;
+	font-size: 22px;
+}
+.post-v p{
+	width: 100%;
+	padding: 10px;
+	font-size: 16px;
+}
+
+ul,ol{
+	padding: 10px;
+	margin-left: 15px;
+}
+ul li, ol li{
+	margin-top: 5px;
+}
+blockquote{
+	background: #f3f3f3;
+	border: 1px solid #f5f5f5;
+	padding: 10px;
+	font-size: 18px;
+	margin: 10px;
+	text-align: center;
+}
+blockquote p{
+	font-size: 17px;
+}
+blockquote p b{
+	font-size: 20px;
+}
+
+@media (max-width: 500px){
+	.post-v{
+		padding: 10%;
+		padding-top: 30px;
+		padding-bottom: 30px;
+	}
+}
+
+/*
+ * Footer
+ */
+footer{
+	background: #100;
+	color: #fff;
+	text-align: center;
+	padding: 20px;
+	border-radius: 20px 20px 0 0;
+	margin-top: 20px;
+}
\ No newline at end of file