From 987c2306767d21f0dff0f6829421297beee86fe1 Mon Sep 17 00:00:00 2001 From: Chirag Gujar Date: Wed, 1 Nov 2023 23:38:11 +0530 Subject: [PATCH] added Insta Login Page --- Insta_Login_page/index.html | 52 +++++++++++++++ Insta_Login_page/instagramlogo.png | Bin 0 -> 4398 bytes Insta_Login_page/style.css | 98 +++++++++++++++++++++++++++++ 3 files changed, 150 insertions(+) create mode 100644 Insta_Login_page/index.html create mode 100644 Insta_Login_page/instagramlogo.png create mode 100644 Insta_Login_page/style.css diff --git a/Insta_Login_page/index.html b/Insta_Login_page/index.html new file mode 100644 index 0000000..51419d2 --- /dev/null +++ b/Insta_Login_page/index.html @@ -0,0 +1,52 @@ + + + + + + + Instagram Login + + + + + +
+
+
+ +
+
+ + + +
+ + OR + +
+ +
Forget Password?
+
+
+
+

Don't have a accout?Sign Up

+
+
+ + diff --git a/Insta_Login_page/instagramlogo.png b/Insta_Login_page/instagramlogo.png new file mode 100644 index 0000000000000000000000000000000000000000..f8b3c4f6800fb9574910c88312ba321f5a85a5d5 GIT binary patch literal 4398 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 literal 0 HcmV?d00001 diff --git a/Insta_Login_page/style.css b/Insta_Login_page/style.css new file mode 100644 index 0000000..702d028 --- /dev/null +++ b/Insta_Login_page/style.css @@ -0,0 +1,98 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: "Roboto", sans-serif; +} + +.container { + width: 100%; + height: 100vh; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} +.center { + width: 350px; + border: 1px solid rgb(195, 195, 195); + border-radius: 3px; +} +.center .header { + display: flex; + justify-content: center; + margin-top: 20px; + margin-bottom: 17px; +} + +.center .inputElement { + display: flex; + flex-direction: column; + margin: 0px 37px 0px 37px; +} + +.inputElement .inputText { + padding: 8px; + font-size: 12px; + margin-top: 10px; +} +.inputText:focus { + outline: gray; +} + +.inputButton { + background-color: rgb(5, 117, 223); + color: white; + font-size: 12px; + padding: 8px; + border-radius: 3px; + margin-bottom: 12px; + margin-top: 12px; + border: none; +} +.line { + display: flex; + margin-top: 6px; +} +.arrow { + background-color: gray; + height: 1px; + width: 140px; +} +.content { + color: gray; + margin-top: -7px; + margin-left: 4px; + margin-right: 4px; +} +.social__icon { + margin: auto; + margin-top: 10px; + margin-bottom: 15px; +} +.fab { + padding: 5px; + color: rgb(0, 55, 107); +} +.social__icon span { + color: rgb(0, 55, 107); + font-family: sans-serif; + font-size: 14px; + font-weight: 500; +} +.forgetPassword { + margin: auto; + color: rgb(101, 178, 250); + margin-bottom: 25px; +} +.footer { + margin-top: 30px; + border: 1px solid rgb(195, 195, 195); + padding: 20px; + width: 350px; + text-align: center; +} +.footer span { + color: rgb(0, 66, 128); + font-weight: 400; +}