diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..91605c4 Binary files /dev/null and b/.DS_Store differ diff --git a/README.md b/README.md new file mode 100644 index 0000000..983bd3c --- /dev/null +++ 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. \ No newline at end of file diff --git a/instructions/design_desktop.png b/instructions/design_desktop.png new file mode 100644 index 0000000..69ab9f6 Binary files /dev/null and b/instructions/design_desktop.png differ diff --git a/instructions/design_mobile.png b/instructions/design_mobile.png new file mode 100644 index 0000000..e088738 Binary files /dev/null and b/instructions/design_mobile.png differ diff --git a/instructions/instructions.md b/instructions/instructions.md new file mode 100644 index 0000000..cddd796 --- /dev/null +++ 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 new file mode 100644 index 0000000..2285a32 Binary files /dev/null and b/src/assets/cover.jpg differ diff --git a/src/assets/icon_apple.svg b/src/assets/icon_apple.svg new file mode 100644 index 0000000..fe2220f --- /dev/null +++ b/src/assets/icon_apple.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icon_facebook.svg b/src/assets/icon_facebook.svg new file mode 100644 index 0000000..16e3c98 --- /dev/null +++ b/src/assets/icon_facebook.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/icon_google.svg b/src/assets/icon_google.svg new file mode 100644 index 0000000..9f94ec9 --- /dev/null +++ b/src/assets/icon_google.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/assets/pattern_colored.svg b/src/assets/pattern_colored.svg new file mode 100644 index 0000000..0d36129 --- /dev/null +++ b/src/assets/pattern_colored.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/assets/pattern_transparent.svg b/src/assets/pattern_transparent.svg new file mode 100644 index 0000000..b501fd2 --- /dev/null +++ b/src/assets/pattern_transparent.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/index.html b/src/index.html new file mode 100644 index 0000000..3b7ea1d --- /dev/null +++ b/src/index.html @@ -0,0 +1,27 @@ + + + + + + + + Responsive Card + + + 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 + + + diff --git a/src/style.css b/src/style.css new file mode 100644 index 0000000..461deea --- /dev/null +++ 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; +}