Login or signup code html with CSS

-
Web App

Login

Watch my code
CSS *{ margin:0; padding:0; box-sizing:border-box; font-family:times new roman; outline:none; } body { background:#ececec; } .btn{ padding:10px; position:absolute; display:flex; align-items:center; justify-content:center; top:5%; right:3%; } .btn button{ padding:5px 10px; margin:0px 55px; border:none; color:#fff; border-radius:5px; box-shadow:2px 2px 3px rgba(0,0,0,0.2); } .btn button:nth-child(1){ background:#ff8787; } .btn button:nth-child(2){ background:#aa9eff; } .form{ padding:20px; margin:20% auto; background:#78ffc7; height:350px; width:300px; box-shadow:10px 10px 15px rgba(0,0,0,0.2), -10px 10px 15px rgba(0,0,0,0.2); border-radius:10px; text-align:center; display:block ; overflow:hidden; transition:all 500ms ease-in-out; } .form h2{ padding:15px 0; font-weight:500; color:#333; text-transform:uppercase; } .form .input{ width:90%; height:42px; margin:12px auto; background:#fff; border-radius:5px; display:flex; box-shadow:2px 2px 3px rgba(0,0,0,0.5); overflow:hidden; } .form .input i{ width:40px; height:100%; text-align:center; line-height:42px; color:#8c8c8c; } .form input{ width:80%; height:100%; border:none; } .form #name{ display:none; } .form button{ width:90%; padding:12px; border:none; background:#39f; box-shadow:3px 4px 6px rgba(0,0,0,0.2); color:#fff; border-radius:5px; margin-bottom:30px; } a{ display: block; background-color:#fff; width:90%; height:45px; color:black; line-height:20px; font-size:25px; font-family:fantasy; text-align: center; text-decoration: none; padding: 10px 0; left:20px; position:relative; bottom:55px; border-radius: 5px; box-shadow: inset -3px -3px 7px #AEAEC0, inset 2px 2px 5px #FFFFFF; }

Comments

Post a Comment

Popular posts from this blog

Rainbow loader with html with CSS

-
Page Title CSS body { background-color:black; } #load{ position:absolute ; top:30%; left:17%; right:17%; } #load1{ border:10px outset red; border-radius:50%; width:220px; height:220px; margin:auto; border-left-color:transparent ; border-bottom-color:transparent ; border-right-color:transparent ; animation:spin 3s linear infinite ; } #load2{ border:10px outset yellow; border-radius:50%; width:190px; height:190px; margin:auto; border-right-color:transparent ; border-left-color:transparent ; border-bottom-color:transparent ; animation:spin 3s linear infinite ; } #load3{ border:10px inset blue; border-radius:50%; width:160px; height:160px; margin:au...
Read more

ಹಿಂದೂಧರ್ಮದ ಕರೆ - ಸ್ವಾಮಿ ವಿವೇಕಾನಂದ

-
Image
ಹಿಂದೂಧರ್ಮದ ಕರೆ - ಸ್ವಾಮಿ ವಿವೇಕಾನಂದ ನಮ್ಮ ಧರ್ಮಕ್ಕಾಗಿ ನಾನು ಮಾಡಿದ ಅಲ್ಪ ಸೇವೆ ನಿಮ್ಮ ಮೆಚ್ಚಿಗೆಯನ್ನು ಪಡೆಯಿತೆಂದು ಕೇಳಿ ನನಗೆ ಪರಮಾನಂದವಾಗಿದೆ. ದೂರದೇಶದಲ್ಲಿ, ಅದರಲ್ಲೂ ಪರದೇಶದಲ್ಲಿ ನನ್ನನ್ನು ಮತ್ತು ನನ್ನ ಕೆಲಸವನ್ನು ನೀವು ಮೆಚ್ಚುತ್ತೀರಿ ಎಂದು ಅಲ್ಲ ನನ್ನ ಸಂತೋಷ. ಹೊರಗಿನಿಂದ ಸೇನಾ ಸಮೂಹ ಭಾರತದ ಮೇಲೆ ಅವ್ಯಾಹತವಾಗಿ ಬಂದು ಬಿದ್ದಿದ್ದರೂ, ಹಲವಾರು ಶತಮಾನದ ನಿಮ್ಮ ನಿರ್ಲಕ್ಷ್ಯದಿಂದ ಮತ್ತು ನಿಮ್ಮ ವಿಜೇತರ ಅನಾದರಣೆಯಿಂದ ಆರ್ಯಾವರ್ತದ ಕೀರ್ತಿಕಳಶ ಕಾಣದ ಹಾಗೆ ಮಾನವಾಗಿದ್ದರೂ, ಕೀರ್ತಿ ಸೌಧದ ಹಲವು ಭೀಮಸ್ಥಂಭಗಳೂ ಸುಂದರವಾದ ಕಮಾನುಗಳೂ ಅದ್ಭುತ ವಾದ ಮೂಲೆಗಳಿಗೂ ಆ ಪ್ರವಾಹಕ್ಕೆ ಸಿಕ್ಕಿ ಕೊಚ್ಚಿಹೋಗಿದ್ದರೂ, ಕೇಂದ್ರ ಭದ್ರವಾಗಿದೆ, ಕಮಾನಿನ ಮಧ್ಯದ ಕಲ್ಲು ಮಾತ್ರ ಅಚ್ಚಳಿಯದೆ ಇದೆ ಎಂಬುದನ್ನು ಇದು ತೋರುವುದು. ಆಧ್ಯಾತ್ಮಿಕ ತಳಹದಿಯ ಮೇಲೆ ಕಟ್ಟಿದ ಭಗವಂತನ ಮಹಾತ್ಮ ಮತ್ತು ವಿಶ್ವಕಾರುಣ್ಯ ಎಂಬ ಅದ್ಭುತ ಸ್ಮಾರಕಮಂದಿರದ ಮಹಾಸೌಧವು ಎಂದಿನಂತೆ ಇಂದಿಗೂ ಅಚ್ಚಳಿಯದೆ ನಿಂತಿದೆ' ಎನ್ನುವುದನ್ನು ತೋರುವುದು. ಭರತಖಂಡಕ್ಕೆ ಮತ್ತು ಇಡೀ ವಿಶ್ವಕ್ಕೆ ಸಂದೇಶವನ್ನು ಒಯ್ದ ಅಪೂರ್ವ ಭಾಗ್ಯ ನನ್ನದಾಗಿತ್ತು. ನನ್ನಂತಹ ಭಾರತ ಮಾತೆಯ ಕನಿಷ್ಠತಮ ದಾಸನನ್ನು ನೀವು ಮುಕ್ತಕಂಠದಿಂದ ಹೊಗಳಿರುವಿರಿ. ಆಜನ್ಮಸಿದ್ಧವಾದ ನಿಮ್ಮ ಆಧ್ಯಾತ್ಮಿಕ ಸ್ವಭಾವವು ಅವನಲ್ಲಿ ಮತ್ತು ಅವನ ಸಂದೇಶದಲ್ಲಿ ಮುಂದೆ ಬರಲಿರುವ ಆ...
Read more

top 10 free computer automation software

-
 Automation refers to the use of technology to perform tasks without human intervention. The goal of automation is to reduce manual labor, increase efficiency, and improve accuracy. Automation has become increasingly popular in recent years, thanks to advancements in technology and the rise of the digital age. Automation can take many forms, from simple macros that automate repetitive tasks on a computer, to complex robotic systems that can perform intricate manufacturing processes. Automation is used in a variety of industries, including manufacturing, healthcare, transportation, and finance. One of the biggest benefits of automation is increased efficiency. Automated systems can perform tasks faster and more accurately than humans, freeing up time for employees to focus on more complex tasks. Automation can also reduce the risk of human error, leading to increased quality and consistency. However, automation can also lead to job loss in some industries, as machines replace human ...
Read more