Final Commit

1337WebDev · Feb 28, 2023 · 3f9f697 · 3f9f697
commit 3f9f697
Show file tree

Hide file tree

Showing 13 changed files with 111 additions and 0 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/README.md b/README.md
@@ -0,0 +1,5 @@
+# WebDev Novice Workshop
+
+## Project 02 - Sign up Form
+
+The objective of this project is to design a responsive sign up form.
diff --git a/instructions/design_desktop.png b/instructions/design_desktop.png
diff --git a/instructions/design_mobile.png b/instructions/design_mobile.png
diff --git a/instructions/instructions.md b/instructions/instructions.md
@@ -0,0 +1,33 @@
+# Instructions
+
+Greetings, brave adventurer!
+
+Are you prepared to embark on a thrilling journey? This marks your second adventure, and it promises to be more challenging than your previous expedition.
+Brace yourself as you set out to create a sign up form, a task that demands both creativity and technical prowess.
+Get your fingers poised and ready, for this adventure will test your mettle like never before!
+
+## Follow these instructions to have the best experience:
+
+### 1 - Setting up the GitHub Repo:
+
+To begin working on your own repository, the first step is to remove the .git folder `rm -rf .git`.
+Then, create a new repository on GitHub and initialize it by running the command `git init` in your local project directory.
+Add all files to the staging area using `git add .` and create your first commit with `git commit -m 'My first commit'`.
+After completing these steps, you can add the remote origin to your repository by running `git remote add origin 'link of your repository'`.
+Finally, push your first commit to the remote origin with `git push origin master`.
+
+### 2 - Working on the project:
+
+The project is located on the `./src` directory and all the necessary assets can be found on the
+`./src/assets` directory.
+
+Recommended Fonts: 
+
+- Poppins(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap)
+- Pacifico (https://fonts.googleapis.com/css2?family=Pacifico&display=swap)
+
+### Used Colors:
+
+White (#FFFFFF)
+
+Black (#000000)
diff --git a/src/assets/cover.jpg b/src/assets/cover.jpg
diff --git a/src/assets/icon_apple.svg b/src/assets/icon_apple.svg
diff --git a/src/assets/icon_facebook.svg b/src/assets/icon_facebook.svg
diff --git a/src/assets/icon_google.svg b/src/assets/icon_google.svg
diff --git a/src/assets/pattern_colored.svg b/src/assets/pattern_colored.svg
diff --git a/src/assets/pattern_transparent.svg b/src/assets/pattern_transparent.svg
diff --git a/src/index.html b/src/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="./style.css" />
+    <title>Responsive Card</title>
+  </head>
+  <body>
+    Pisocial
+    Sign up with Google
+    Sign up with Facebook
+    Sign up with Apple
+    Sign Up
+    Initiate your journey without any cost.
+    Email
+    Password
+    By registering an account, you acknowledge and accept our Terms of Service, Privacy Policy, and default Notification Settings.
+    Sign up
+    <footer>
+      <p class="text-attribution">
+        &copy; 2023 - <a href="https://leet.ma" target="_blank">WebDev Club</a>
+      </p>
+    </footer>
+  </body>
+</html>
diff --git a/src/style.css b/src/style.css
@@ -0,0 +1,23 @@
+/* Your code goes here */
+
+footer {
+  width: 100%;
+  height: 10%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+
+footer p {
+  font-family: "Poppins", sans-serif;
+  font-weight: 600;
+  font-size: 1rem;
+  color: #000;
+  font-weight: 300;
+}
+
+footer p a {
+  text-decoration: none;
+  color: #1cd679;
+}