Have you always wanted to build a blog or other web application but haven’t had the time or educational resources to learn? With our blog template, available in our GitHub repo, you can create your web application fast and effortlessly, and even learn to master the new Razor Pages architecture along the way.

 

 

 

 

using System.ComponentModel.DataAnnotations;

namespace Miniblog.Core.Models
{
    public class LoginViewModel
    {
        [Required]
        public string UserName { get; set; }

        [Required]
        [DataType(DataType.Password)]
        public string Password { get; set; }

        [Display(Name = "Remember me?")]
        public bool RememberMe { get; set; }
    }
}

        background-size: cover;
        cursor: default;
        height: 20vh;
        max-height: 60em;
        min-height: 20em;
        overflow: hidden;
        position: relae;
        width: 100%;
    }

        .tiles article .image {
            display: none;
        }

        .tiles article header {
            position: absolute;
            z-index: 3;
        }

        .tiles article h3 {
            text-align: center;
            font-size: 3.75em;
            height: 100%;
            width:100%;
        }
        .tiles article p {
            text-align: center;
            height: 100%;
            width:100%;
            color: white;
        }

            .tiles article h3 a:hover {
                color: inherit !important;
            }

        .tiles article .link.primary {
            border: 0;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 4;
        }

        .tiles article:before {
            -moz-transition: opacity 0.5s ease;
            -webkit-transition: opacity 0.5s ease;
            -ms-transition: opacity 0.5s ease;
            transition: opacity 0.5s ease;
            bottom: 0;
            content: '';
            display: block;
            height: 100%;
            left: 0;
            opacity: 0.85;
            position: absolute;
            width: 100%;
            z-index: 2;
        }

        .tiles article:after {
            background-color: rgba(0, 0, 0, 0);
            content: '';
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 1;
        }

        .tiles article:hover:before {
            opacity: 0;
        }

        .tiles article.is-transitioning {
            -moz-transform: scale(0.95);
            -webkit-transform: scale(0.95);
            -ms-transform: scale(0.95);
            transform: scale(0.95);
            -moz-filter: blur(0.5em);
            -webkit-filter: blur(0.5em);
            -ms-filter: blur(0.5em);
            filter: blur(0.5em);
            opacity: 0;
        }

        .tiles article {
            width: 33%;
        }

        .tiles article:before {
            background-color: #00010260;
        }

Comments

Be the first to post a comment

Post a comment