feat(solution): add new front-end solution (#64)

Add solution for new front end challenge from recent golrang contest. this challenge was about pure css
HamidMolareza · Dec 9, 2024 · 5b27ca1 · 5b27ca1
1 parent 397b3a8
commit 5b27ca1
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 0 deletions.
diff --git a/Solutions/265387/front-end/index.html b/Solutions/265387/front-end/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="fa">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Golrang Future Stars</title>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+  <body>
+    <h1>دوره ستارگان آینده گلرنگ</h1>
+    <p>فرصتی برای برنامه‌نویسان جوان</p>
+  </body>
+</html>
diff --git a/Solutions/265387/front-end/styles.css b/Solutions/265387/front-end/styles.css
@@ -0,0 +1,22 @@
+body {
+  height: 600px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: midnightblue;
+  text-align: right;
+  direction: rtl;
+}
+
+h1 {
+  font-size: 57px;
+  color: goldenrod;
+  margin-bottom: 10px;
+  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.7);
+}
+
+p {
+  font-size: 1.2rem;
+  color: whitesmoke;
+}