diff --git a/src/front/index2.html b/src/front/index2.html new file mode 100644 index 0000000..4a6d30e --- /dev/null +++ b/src/front/index2.html @@ -0,0 +1,765 @@ + + + + + + Popup Login Form Design | CodingNepal + + + + + + + + + + +
+
+ Pixels +
+
+ + + + +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+
Moi
+
Petit desc oklm
+
+
+
+
+ + + \ No newline at end of file diff --git a/src/front/profil.css b/src/front/profil.css new file mode 100644 index 0000000..3f45914 --- /dev/null +++ b/src/front/profil.css @@ -0,0 +1,31 @@ +.menu-container { + --width: 410px; + display: none; + visibility: visible; + background: #fff; + width: var(--width); + margin: 30px; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); + position: absolute; + left: calc(50% - var(--width) / 2); + top: 30%; + padding: 20px; + border-radius: 10px; + box-shadow: 0px 0px 5px #000; +} + +#show-menu:checked~.menu-container { + display: block; +} + +.menu-container .close-btn { + position: absolute; + right: 20px; + top: 15px; + font-size: 18px; + cursor: pointer; +} + +.menu-container .close-btn:hover { + color: #3498db; +} \ No newline at end of file diff --git a/src/front/title-bar.css b/src/front/title-bar.css index 5c43ea7..d3156d4 100644 --- a/src/front/title-bar.css +++ b/src/front/title-bar.css @@ -26,7 +26,8 @@ } .login-btn, -.signup-btn { +.signup-btn, +.menu-btn { background: #fff; margin: 10% 10px; padding: 10% 10px;