This is a paragraph! Here's how you make a link: Neocities.
Here's how you can make bold and italic text.
Here's how you can add an image:
Here's how to make a list:
To learn more HTML/CSS, check out these tutorials!
/* Template Name: classic-login File Name: style.css Author Name: ThemeVault Author URI: http://www.themevault.net/ Licence URI: http://www.themevault.net/license/ */ html { margin: 0; padding: 0; } body { font-family: 'PT Sans', sans-serif !important; margin: 0; padding: 100px 0; color: #000; font-size:100%; letter-spacing: 1px; } .content{ background: url(../images/bg-banner.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; text-align: center; } a, a:focus, a:hover{ text-decoration: none !important; color:#fff !important; } .placeholder-fix:focus::-webkit-input-placeholder {color:transparent !important; } .placeholder-fix:focus::-moz-placeholder {color:transparent !important;} .placeholder-fix:-moz-placeholder {color:transparent !important;} .loginpage { margin: 0 auto; } .loginpage .form-control{ width:100%; } .logo h2 { color: #fff; font-size: 22px; font-weight: 600; letter-spacing: 2px; margin: 0; text-transform: uppercase; padding-bottom: 60px; } .loginpage input:first-child{ background: url(../images/user.png); background-repeat: no-repeat; background-position: right center; background-origin: content-box; background-color: rgba(255, 255, 255, 0.5); border: medium none; height: 60px; margin: 0 0 5px; width: 100%; color: rgb(57,80,86); font-weight: 600; border-radius: 5px 5px 0 0; } .loginpage input:last-child{ background: url(../images/lock.png); background-repeat: no-repeat; background-position: right center; background-origin: content-box; background-color: rgba(255, 255, 255, 0.5); border: medium none; height: 60px; margin: 0 0 5px; width: 100%; color: rgb(57,80,86); font-weight: 600; border-radius: 0 0 5px 5px; } .form-control::-moz-placeholder { color: rgb(57,80,86) !important; font-weight: 600; letter-spacing: 1px; } .form-control::-webkit-input-placeholder{ color: rgb(57,80,86) !important; font-weight: 600; letter-spacing: 1px; } .form-control:focus { border-color: transparent; box-shadow: none!important; outline: 0 none; } .action-button .btn-block { background-color: rgba(57,80,86,0.9); border: medium none; color: #fff; font-size: 20px; font-weight: 600; height: 60px; margin-top: 15px; border-radius: 5px; width: 100%; } .page-links { padding: 0; text-align: center; padding: 30px 0; } .page-links li{ display: inline-block; } .page-links a { color: #fff; font-size: 13px; font-weight: 600; margin-right: 50px; } .social-button { text-align: center; } .social-button > a { color: #fff; font-size: 14px; font-weight: 600; margin-right: 20px; padding: 12px 39px; border-radius: 4px; } .social-button a:first-child{ background-color: rgba(56,83,141,0.8); } .social-button a:last-child{ background-color: rgba(214,34,33,0.8); margin-right: 0px; } .social-button img { vertical-align: middle; margin-right: 10px; } .copyright { color: #fff; font-size: 16px; margin-top: 50px; } .copyright a, .copyright a:hover{ color:#fff; text-decoration: none; font-weight: 600; } /*media query*/ @media (max-width: 1199px){ .social-button > a { padding: 12px 22px; } .page-links a { margin-right: 40px; } } @media (max-width: 991px){ .social-button > a { padding: 12px 35px; } } @media (max-width: 767px){ body { padding: 50px 0; } .logo h2 { padding-bottom: 40px; } .loginpage input:first-child, .loginpage input:last-child, .action-button .btn-block{ height: 45px; } .social-button > a { padding: 10px 21px; } } @media (max-width: 500px){ .width-100{ width:100% !important; margin: 0 !important; } }