diff --git a/Elecktra/settings.py b/Elecktra/settings.py index 0d054d7..1f43444 100644 --- a/Elecktra/settings.py +++ b/Elecktra/settings.py @@ -79,8 +79,8 @@ 'default': { 'ENGINE': 'django.db.backends.mysql', 'HOST' : '127.0.0.1', - 'USER': '', - 'PASSWORD': '', + 'USER': 'root', + 'PASSWORD': 'root', 'NAME': 'elecktra', } } diff --git a/Login-and-sign-in/Elektra_Logo.png b/Login-and-sign-in/Elektra_Logo.png new file mode 100644 index 0000000..47be7b2 Binary files /dev/null and b/Login-and-sign-in/Elektra_Logo.png differ diff --git a/Login-and-sign-in/login.html b/Login-and-sign-in/login.html new file mode 100644 index 0000000..88d3e70 --- /dev/null +++ b/Login-and-sign-in/login.html @@ -0,0 +1,54 @@ + + + + + + + + Login + + + +
+
+
+ +
+ +
+ +
+ +
+ + +
+ + + Forgot password + + + + + + + +
+
+
+
+ + \ No newline at end of file diff --git a/Login-and-sign-in/sign-in.html b/Login-and-sign-in/sign-in.html new file mode 100644 index 0000000..e94a7f5 --- /dev/null +++ b/Login-and-sign-in/sign-in.html @@ -0,0 +1,54 @@ + + + + + + + + Sign in + + + +
+
+
+
+ +
+ +
+ +
+ +
+ + + + Help + + + + + + + + +
+
+
+
+ + \ No newline at end of file diff --git a/Login-and-sign-in/style.css b/Login-and-sign-in/style.css new file mode 100644 index 0000000..a576a35 --- /dev/null +++ b/Login-and-sign-in/style.css @@ -0,0 +1,120 @@ +*{ + padding: 0; + margin: 0; + box-sizing: border-box; + } + + body{ + font-family: 'Poppins', sans-serif; + overflow: hidden; + background: radial-gradient(#fff, #3486ed) + } + + .account-page{ + padding: 40px 0; + margin: auto; + } + + /* decoration of form layout */ + .form-container{ + background: #fff; + width: 300px; + height: 350px; + position: relative; + text-align: center; + padding: 20px 0; + margin: auto; + box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.5); + overflow: hidden; + } + + /* decoration of label i.e Login */ + .form-container label{ + font-weight: bold; + padding: 0, 10; + color: #555; + cursor: pointer; + width: 100px; + display: inline-block; + } + + .form-btn{ + display: inline-block; + } + + .form-container form{ + max-width: 300px; + padding: 0 20px; + position: absolute; + top: 100px; + transition: transform 1s; + } + + /* decoration of text contents i.e username, password */ + form input{ + width: 100%; + height: 30px; + margin-top: 10px; + padding: 0 10px; + border: 1px solid #ccc; + } + +/* Highligting a tag i.e forgot password */ + a{ + display: block; + text-align: left; + margin-top: 10px; + text-decoration: none; + color: #999; + font-size: 0.9rem; + transition: .3s; + } + + a:hover{ + color: #3486ed; + } + +/* Login button */ + form .btn{ + width: 100%; + border: none; + cursor: pointer; + margin: 20px 0; + } + + .btn{ + width: 100%; + height: 30px; + background-color: #3486ed; + border-radius: 50px; + color: #fff; + } + + form .btn:focus{ + outline: none; + } + + /* Social Media Icons */ + .social-media { + display: flex; + justify-content: center; + margin-top: 10px; + } + + .social-icon { + height: 30px; + width: 30px; + display: flex; + justify-content: center; + align-items: center; + margin: 0 0.45rem; + color: #333; + border-radius: 50%; + border: 1px solid #333; + text-decoration: none; + font-size: 1.1rem; + transition: 0.3s; + } + + + \ No newline at end of file diff --git a/Login-and-sign-in/style1.css b/Login-and-sign-in/style1.css new file mode 100644 index 0000000..1a26a93 --- /dev/null +++ b/Login-and-sign-in/style1.css @@ -0,0 +1,125 @@ +*{ + padding: 0; + margin: 0; + box-sizing: border-box; + } + + body{ + font-family: 'Poppins', sans-serif; + overflow: hidden; + background: radial-gradient(#fff, #3486ed) + } + + .account-page{ + padding: 40px 0; + margin: auto; + } + + .form-container{ + background: #fff; + width: 300px; + height: 350px; + position: relative; + text-align: center; + padding: 20px 0; + margin: auto; + box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.5); + overflow: hidden; + } + + .form-container label{ + font-weight: bold; + padding: 0, 10; + color: #555; + cursor: pointer; + width: 100px; + display: inline-block; + } + + .form-btn{ + display: inline-block; + } + + /* Form Layout */ + .form-container form{ + max-width: 300px; + padding: 0 20px; + position: absolute; + top: 75px; + transition: transform 1s; + } + + /* Decoration of form input i.e username, password */ + form input{ + width: 100%; + height: 30px; + margin-top: 7px; + padding: 0 10px; + border: 1px solid #ccc; + } + +/* Decoration of Help */ + a{ + display: block; + text-align: left; + margin-top: 10px; + text-decoration: none; + color: #999; + font-size: 0.9rem; + transition: .3s; + } + + a:hover{ + color: #3486ed; + } + + /* Sign in button */ + form .btn{ + width: 100%; + border: none; + cursor: pointer; + margin: 20px 0; + } + + .btn{ + width: 100%; + height: 30px; + background-color: #3486ed; + border-radius: 50px; + color: #fff; + } + + form .btn:focus{ + outline: none; + } + +/* Social Media text */ +.social-text{ + margin-top: 1px; + padding-top: 10px 0; +} + +/* Social Media Icons */ + .social-media { + display: flex; + justify-content: center; + margin-top: 5px; + } + + .social-icon { + height: 30px; + width: 30px; + display: flex; + justify-content: center; + align-items: center; + margin: 0 0.45rem; + color: #333; + border-radius: 50%; + border: 1px solid #333; + text-decoration: none; + font-size: 1.1rem; + transition: 0.3s; + } + + + \ No newline at end of file