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
+
+
+
+
+
+
\ 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
+
+
+
+
+
+
\ 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