TECSHOWPRO: Html & Css

Mostrando postagens com marcador Html & Css. Mostrar todas as postagens

sábado, 25 de abril de 2020

Ativando o Windows 10 Como Original (Serial Valido) Atualizado Novos Seriais 201

Vistorill chave de Ativação , Chaves Windows

Como Ativar o Windows 10 2019 atualizado com serial ORIGINAL valido método simples e fácil ..
Novo MÉTODO 2019 (FUNCIONA 100%) Windows 10 Pro ativação com key permanente (Fica conta e-mail) Caso você formate o PC não precisa ativar novamente basta logar na sua conta onde foi ativado anterior da formatação, caso não der certo só vir aqui e ativar novamente (Não inspira a key) tenho a minha desde do lançamento ou seja da data desse vídeo... Tutorial: Abra CMD Como administrador, cole esses comando um de cada vez ============================================================ cscript slmgr.vbs /ipk W269N-WFGWX-YVC9B-4J6C9-T83GX cscript slmgr.vbs /skms kms.lotro.cc cscript slmgr.vbs /ato ============================================================ MÉTODO DO VÍDEO, ANTIGO... NÃO FUNCIONA EM ALGUNS CASOS ============================================================ SIGA COMO MOSTRA NO VÍDEO ============================================================ 1º - Abra o CMD em Modo Administrador. 2º - Escreva ou cole o comando: slmgr /ipk W269N-WFGWX-YVC9B-4J6C9-T83GX Espere a caixa dizendo que foi instalado com exito. 3º Escreva ou cole o comando: slmgr /skms kms.xspace.in Espere a caixa outra vez dizendo que o nome da maquina foi mudado. 4º Escreva ou cole o comando: slmgr /ato Espere a caixa dizendo que o windows esta ativado. Para quem não está conseguindo: USE UM DESSES SERIAIS ============================================================ Windows 10 Home Edition: TX9XD-98N7V-6WMQ6-BX7FG-H8Q99 Windows 10 Pro Edition: VK7JG-NPHTM-C97JM-9MPGT-3V66T Windows 10 Enterprise: NPPR9-FWDCX-D2C8J-H872K-2YT43 ============================================================ Chaves extras: Ambas Versões ((Atualizada)) 09/06/2019 NHKMK-23VQY-9RKY7-QJ4KV-MBH26 M3QQQ-CNM78-QDDGG-KKGWC-76DGT YRW3B-HNX2G-T469W-V2YPQ-7T9TT TQJKB-YNHCD-G32CW-PTC8D-QRR9G NKJFK-GPHP7-G8C3J-P6JXR-HQRJR VK7JG-NPHTM-C97JM-9MPGT-3V66T PBHCJ-Q2NYD-2PX34-T2TD6-233PK W269N-WFGWX-YVC9B-4J6C9-T83GX ============================================================ SE NÃO FUNCIONAR NENHUMA DESSAS OPÇÕES QUER DIZER QUE SEU WINDOWS ESTÁ BLOQUEADO PARA ATIVAÇÃO DESSA FORMA RECOMENDO QUE USE ESSE MÉTODO QUE ELE FICA TB COMO ORIGINAL. KMSpico para windows 10 (Se vc não estiver usando o Avast Recomendo que desative pois tem anti vírus que detecta como falso já que o mesmo não possui vírus~) temos o download aqui no blog.

Mais informações »

Tela de Login - HTML e CSS - "Elegant Login Page"

Vistorill Html & Css , Programação Html e Css

HTML==>>

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>


<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>



<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">


<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">


<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div class="container">
<div class="d-flex justify-content-center h-100">
<div class="card">
<div class="card-header">
<h3>Sign In</h3>
<div class="d-flex justify-content-end social_icon">
<span><i class="fab fa-facebook-square"></i></span>
<span><i class="fab fa-google-plus-square"></i></span>
<span><i class="fab fa-twitter-square"></i></span>
</div>
</div>
<div class="card-body">
<form>
<div class="input-group form-group">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-user"></i></span>
</div>
<input type="text" class="form-control" placeholder="username">

</div>
<div class="input-group form-group">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-key"></i></span>
</div>
<input type="password" class="form-control" placeholder="password">
</div>
<div class="row align-items-center remember">
<input type="checkbox">Remember Me
</div>
<div class="form-group">
<input type="submit" value="Login" class="btn float-right login_btn">
</div>
</form>
</div>
<div class="card-footer">
<div class="d-flex justify-content-center links">
Don't have an account?<a href="#">Sign Up</a>
</div>
<div class="d-flex justify-content-center">
<a href="#">Forgot your password?</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

=====================================================================

CSS==>>

/* Made with love by Mutiullah Samim*/

@import url('https://fonts.googleapis.com/css?family=Numans');

html,body{
background-image: url('http://getwallpapers.com/wallpaper/full/a/5/d/544750.jpg');
background-size: cover;
background-repeat: no-repeat;
height: 100%;
font-family: 'Numans', sans-serif;
}

.container{
height: 100%;
align-content: center;
}

.card{
height: 370px;
margin-top: auto;
margin-bottom: auto;
width: 400px;
background-color: rgba(0,0,0,0.5) !important;
}

.social_icon span{
font-size: 60px;
margin-left: 10px;
color: #FFC312;
}

.social_icon span:hover{
color: white;
cursor: pointer;
}

.card-header h3{
color: white;
}

.social_icon{
position: absolute;
right: 20px;
top: -45px;
}

.input-group-prepend span{
width: 50px;
background-color: #FFC312;
color: black;
border:0 !important;
}

input:focus{
outline: 0 0 0 0 !important;
box-shadow: 0 0 0 0 !important;

}

.remember{
color: white;
}

.remember input
{
width: 20px;
height: 20px;
margin-left: 15px;
margin-right: 5px;
}

.login_btn{
color: black;
background-color: #FFC312;
width: 100px;
}

.login_btn:hover{
color: black;
background-color: white;
}

.links{
color: white;
}

.links a{
margin-left: 4px;
}

Mais informações »

Tela de Login - Html e Css - "Boostrap Dual Login Form"

Vistorill Html & Css , Programação Html e Css

<h3>Login for Form 1</h3>

<form>

</div>

</div>

</div>

<a href="#" class="ForgetPwd">Forget Password?</a>

</div>

</form>

</div>

<h3>Login for Form 2</h3>

<form>

</div>

</div>

</div>

<a href="#" class="ForgetPwd" value="Login">Forget Password?</a>

</div>

</form>

</div>

=================================================================

==>> Css

.login-container{

margin-top: 5%;

margin-bottom: 5%;

}

.login-form-1{

padding: 5%;

box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);

}

.login-form-1 h3{

text-align: center;

color: #333;

}

.login-form-2{

padding: 5%;

background: #0062cc;

box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);

}

.login-form-2 h3{

text-align: center;

color: #fff;

}

.login-container form{

padding: 10%;

}

.btnSubmit

{

width: 50%;

border-radius: 1rem;

padding: 1.5%;

border: none;

cursor: pointer;

}

.login-form-1 .btnSubmit{

font-weight: 600;

color: #fff;

background-color: #0062cc;

}

.login-form-2 .btnSubmit{

font-weight: 600;

color: #0062cc;

background-color: #fff;

}

.login-form-2 .ForgetPwd{

color: #fff;

font-weight: 600;

text-decoration: none;

}

.login-form-1 .ForgetPwd{

color: #0062cc;

font-weight: 600;

text-decoration: none;

}

Mais informações »

Tela de Login - Html e Css - "BS4 Login, Register FORM + Mobile"

Vistorill Bootstrap , Html & Css

<!DOCTYPE html>

<head>

<title>Bootstrap 4 Login/Register Form</title>

</head>

<body>

<button class="btn facebook-btn social-btn" type="button"><span><i class="fab fa-facebook-f"></i> Sign in with Facebook</span> </button>

<button class="btn google-btn social-btn" type="button"><span><i class="fab fa-google-plus-g"></i> Sign in with Google+</span> </button>

</div>

<a href="#" id="forgot_pswd">Forgot password?</a>

<hr>

<button class="btn btn-primary btn-block" type="button" id="btn-signup"><i class="fas fa-user-plus"></i> Sign up New Account</button>

</form>

<button class="btn btn-primary btn-block" type="submit">Reset Password</button>

</form>

<button class="btn facebook-btn social-btn" type="button"><span><i class="fab fa-facebook-f"></i> Sign up with Facebook</span> </button>

</div>

<button class="btn google-btn social-btn" type="button"><span><i class="fab fa-google-plus-g"></i> Sign up with Google+</span> </button>

</div>

</form>

<br>

</div>

<a href="http://bit.ly/2RjWFMfunction toggleResetPswd(e){

e.preventDefault();

$('#logreg-forms .form-signin').toggle() // display:block or none

$('#logreg-forms .form-reset').toggle() // display:block or none

}

function toggleSignUp(e){

e.preventDefault();

$('#logreg-forms .form-signin').toggle(); // display:block or none

$('#logreg-forms .form-signup').toggle(); // display:block or none

}

$(()=>{

// Login Register Form

$('#logreg-forms #forgot_pswd').click(toggleResetPswd);

$('#logreg-forms #cancel_reset').click(toggleResetPswd);

$('#logreg-forms #btn-signup').click(toggleSignUp);

$('#logreg-forms #cancel_signup').click(toggleSignUp);

})g" target="_blank" style="color:black">By Artin</a>

</p>

</body>

</html>

==================================================================
==>> CSS

/* sign in FORM */
#logreg-forms{
width:412px;
margin:10vh auto;
background-color:#f3f3f3;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
#logreg-forms form {
width: 100%;
max-width: 410px;
padding: 15px;
margin: auto;
}
#logreg-forms .form-control {
position: relative;
box-sizing: border-box;
height: auto;
padding: 10px;
font-size: 16px;
}
#logreg-forms .form-control:focus { z-index: 2; }
#logreg-forms .form-signin input[type="email"] {
margin-bottom: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
#logreg-forms .form-signin input[type="password"] {
border-top-left-radius: 0;
border-top-right-radius: 0;
}

#logreg-forms .social-login{
width:390px;
margin:0 auto;
margin-bottom: 14px;
}
#logreg-forms .social-btn{
font-weight: 100;
color:white;
width:190px;
font-size: 0.9rem;
}

#logreg-forms a{
display: block;
padding-top:10px;
color:lightseagreen;
}

#logreg-form .lines{
width:200px;
border:1px solid red;
}

#logreg-forms button[type="submit"]{ margin-top:10px; }

#logreg-forms .facebook-btn{ background-color:#3C589C; }

#logreg-forms .google-btn{ background-color: #DF4B3B; }

#logreg-forms .form-reset, #logreg-forms .form-signup{ display: none; }

#logreg-forms .form-signup .social-btn{ width:210px; }

#logreg-forms .form-signup input { margin-bottom: 2px;}

.form-signup .social-login{
width:210px !important;
margin: 0 auto;
}

/* Mobile */

@media screen and (max-width:500px){
#logreg-forms{
width:300px;
}

#logreg-forms .social-login{
width:200px;
margin:0 auto;
margin-bottom: 10px;
}
#logreg-forms .social-btn{
font-size: 1.3rem;
font-weight: 100;
color:white;
width:200px;
height: 56px;

}
#logreg-forms .social-btn:nth-child(1){
margin-bottom: 5px;
}
#logreg-forms .social-btn span{
display: none;
}
#logreg-forms .facebook-btn:after{
content:'Facebook';
}

#logreg-forms .google-btn:after{
content:'Google+';
}

}
===================================================================
==>> JS

function toggleResetPswd(e){
e.preventDefault();
$('#logreg-forms .form-signin').toggle() // display:block or none
$('#logreg-forms .form-reset').toggle() // display:block or none
}

function toggleSignUp(e){
e.preventDefault();
$('#logreg-forms .form-signin').toggle(); // display:block or none
$('#logreg-forms .form-signup').toggle(); // display:block or none
}

$(()=>{
// Login Register Form
$('#logreg-forms #forgot_pswd').click(toggleResetPswd);
$('#logreg-forms #cancel_reset').click(toggleResetPswd);
$('#logreg-forms #btn-signup').click(toggleSignUp);
$('#logreg-forms #cancel_signup').click(toggleSignUp);
})

Mais informações »

Tela de Login - Html e Css - "login-form"

Vistorill Html & Css , Programação Html e Css

==============================================================

<body>

<h3 class="text-center text-white pt-5">Login form</h3>

<h3 class="text-center text-info">Login</h3>

<label for="username" class="text-info">Username:</label><br>

</div>

<label for="password" class="text-info">Password:</label><br>

</div>

<label for="remember-me" class="text-info"><span>Remember me</span> <span><input id="remember-me" name="remember-me" type="checkbox"></span></label><br>

</div>

<a href="#" class="text-info">Register here</a>

</div>

</form>

</div>

</body>

=====================================================================

==>> Css

body {

margin: 0;

padding: 0;

background-color: #17a2b8;

height: 100vh;

}

#login .container #login-row #login-column #login-box {

margin-top: 120px;

max-width: 600px;

height: 320px;

border: 1px solid #9C9C9C;

background-color: #EAEAEA;

}

#login .container #login-row #login-column #login-box #login-form {

padding: 20px;

}

#login .container #login-row #login-column #login-box #login-form #register-link {

margin-top: -85px;

}

Mais informações »

sábado, 25 de abril de 2020

Ativando o Windows 10 Como Original (Serial Valido) Atualizado Novos Seriais 201

Tela de Login - HTML e CSS - "Elegant Login Page"

Tela de Login - Html e Css - "Boostrap Dual Login Form"

Tela de Login - Html e Css - "BS4 Login, Register FORM + Mobile"

Tela de Login - Html e Css - "login-form"

visualizações

Categories

Blog Archive

Recent Comments

Postagens mais visitadas

Seguidores