Merge pull request #176 from MastersAcademy/3-forms_snischuk

3-forms_snischuk
MastersAcademy · Oct 30, 2023 · fd5a275 · fd5a275
2 parents f00119c + 2e05bd2
commit fd5a275
Show file tree

Hide file tree

Showing 19 changed files with 1,030 additions and 619 deletions.
diff --git a/homeworks/max.snischuk_snischuk/PokemonProject/about/about.css b/homeworks/max.snischuk_snischuk/PokemonProject/about/about.css
diff --git a/homeworks/max.snischuk_snischuk/PokemonProject/images/icon-check-filter.svg b/homeworks/max.snischuk_snischuk/PokemonProject/images/icon-check-filter.svg
diff --git a/homeworks/max.snischuk_snischuk/PokemonProject/images/icon-check-login.svg b/homeworks/max.snischuk_snischuk/PokemonProject/images/icon-check-login.svg
diff --git a/homeworks/max.snischuk_snischuk/PokemonProject/images/icon-radio-filter.svg b/homeworks/max.snischuk_snischuk/PokemonProject/images/icon-radio-filter.svg
diff --git a/homeworks/max.snischuk_snischuk/PokemonProject/images/icon-search.svg b/homeworks/max.snischuk_snischuk/PokemonProject/images/icon-search.svg
diff --git a/homeworks/max.snischuk_snischuk/PokemonProject/images/icon-select-arrow.svg b/homeworks/max.snischuk_snischuk/PokemonProject/images/icon-select-arrow.svg
diff --git a/homeworks/max.snischuk_snischuk/PokemonProject/images/logo.png b/homeworks/max.snischuk_snischuk/PokemonProject/images/logo.png
diff --git a/homeworks/max.snischuk_snischuk/PokemonProject/images/logo.svg b/homeworks/max.snischuk_snischuk/PokemonProject/images/logo.svg
diff --git a/..._snischuk/PokemonProject/about/about.html → ...ischuk_snischuk/PokemonProject/index.html b/..._snischuk/PokemonProject/about/about.html → ...ischuk_snischuk/PokemonProject/index.html
@@ -5,24 +5,31 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
-        <link rel="stylesheet" href="./about.css">
+        <link rel="stylesheet" href="./styles/about.css">
         <title>About</title>
     </head>
     <body>
         <header class="header">
-            <div class="header__container">
-                <a href="../about/about.html">
-                    <img src="../images/logo.png" alt="logo">
+            <nav class="header__nav">
+                <a href="./index.html">
+                    <img src="./images/logo.svg" alt="logo">
                 </a>
-                <nav class="header__nav">
-                    <a class="header__nav-link" href="../pokemons/pokemons.html">Pokemons</a>
-                    <a class="header__nav-link--active" href="../about/about.html">About</a>
-                </nav>
-            </div>
+                <ul class="header__nav-list">
+                    <li>
+                        <a class="header__nav-link" href="./pokemons.html">Pokemons</a>
+                    </li>
+                    <li>
+                        <a class="header__nav-link--active" href="./index.html">About</a>
+                    </li>
+                    <li>
+                        <a class="header__nav-link" href="./login.html">Login</a>
+                    </li>
+                </ul>
+            </nav>
         </header>
-        <section class="about">
+        <main class="about">
             <div class="about__container">
-                <img class="about__image" src="../images/about.png" alt="pokemon">
+                <img class="about__image" src="./images/about.png" alt="pokemon">
                 <div class="about__content">
                     <h2 class="about__title">About me</h2>
                     <p class="about__text">
@@ -50,6 +57,6 @@ <h2 class="about__title">About me</h2>
                     </p>
                 </div>
             </div>
-        </section>
+        </main>
     </body>
 </html>
diff --git a/homeworks/max.snischuk_snischuk/PokemonProject/login-success.html b/homeworks/max.snischuk_snischuk/PokemonProject/login-success.html
@@ -0,0 +1,35 @@
+<!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 href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
+        <link rel="stylesheet" href="./styles/login-success.css">
+        <title>Login page</title>
+    </head>
+    <body>
+        <header class="header">
+            <nav class="header__nav">
+                <a href="./index.html">
+                    <img src="./images/logo.svg" alt="logo">
+                </a>
+                <ul class="header__nav-list">
+                    <li>
+                        <a class="header__nav-link" href="./pokemons.html">Pokemons</a>
+                    </li>
+                    <li>
+                        <a class="header__nav-link" href="./index.html">About</a>
+                    </li>
+                </ul>
+            </nav>
+        </header>
+        <main class="success">
+            <img class="success__img" src="./images/icon-check-login.svg">
+            <h2 class="success__title">Login successful!</h2>
+            <p class="success__text">You have successfully signed into your account. You can return to home page and
+                continue using the platform.</p>
+            <a class="success__link" href="./index.html">Return to Home</a>
+        </main>
+    </body>
+</html>
diff --git a/homeworks/max.snischuk_snischuk/PokemonProject/login.html b/homeworks/max.snischuk_snischuk/PokemonProject/login.html
@@ -0,0 +1,49 @@
+<!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 href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
+        <link rel="stylesheet" href="./styles/login.css">
+        <title>Login page</title>
+    </head>
+    <body>
+        <header class="header">
+            <nav class="header__nav">
+                <a href="./index.html">
+                    <img src="./images/logo.svg" alt="logo">
+                </a>
+                <ul class="header__nav-list">
+                    <li>
+                        <a class="header__nav-link" href="./pokemons.html">Pokemons</a>
+                    </li>
+                    <li>
+                        <a class="header__nav-link" href="./index.html">About</a>
+                    </li>
+                    <li>
+                        <a class="header__nav-link--active" href="./login.html">Login</a>
+                    </li>
+                </ul>
+            </nav>
+        </header>
+        <main>
+            <form class="login" action="./login-success.html" method="post">
+                <h2 class="login__title">Login page</h2>
+                <label class="login__label">
+                    Email
+                    <input class="login__field" type="email" placeholder="Enter your email address"
+                        pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" required>
+                </label>
+                <label class="login__label">
+                    Password
+                    <input class="login__field" type="password" placeholder="Enter your password" required minlength="8"
+                        maxlength="20">
+                </label>
+                <input class="login__checkbox-input" type="checkbox" id="check" required>
+                <label class="login__checkbox-custom" for="check">I'm not a robot</label>
+                <button class="login__btn" type="submit">Login</button>
+            </form>
+        </main>
+    </body>
+</html>