on December 06, 2021 Get link Facebook Twitter Pinterest Email Other Apps NewsLetter Subscription in html and css Html part New Get Newsletter Enter your email in the below to receive latest news and information about our activities Submit CSS part *{ margin: 0; padding: 0; box-sizing: border-box; } body{ background:linear-gradient( #fff, #78abff ); min-height: 100vh; padding: 150px 0; } .newsletter{ background: #0c5adb; margin: auto; text-align: center; padding: 50px 30px; max-width: 330px; border-radius: 5px; color: #fff; transform: translateY(-70px); } .newsletter p{ font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, 0.8); margin-bottom: 30px; } .newsletter input{ border-radius: 3px; background: rgba(0, 0, 0, 0.4); width: 100%; height: 55px; border: 0; padding: 0 20px; color: rgba(255, 255, 255, 0.4); margin-bottom: 36px; outline: none; } ::placeholder{ color: rgba(224, 16, 16, 0.5); } .newsletter button{ border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 3px; height: 50px; color: #fff; background: transparent; padding: 0px 28px; cursor: pointer; } .newsletter button:hover{ background: #00138e; border-color: #00138e; } Comments
Comments
Post a Comment