1625770140
Employees Management Application with Laravel and Vuejs - Change Users Password 07
Hello friends, in this video, I’m going to work with changing password.
Laravel Employees Management application
Bootstrap admin dashboard
Github Repo: https://github.com/laraveller/laravel-employees-management
Website https://laraveller.com/
Twitter https://twitter.com/Laravellercom
Facebook Page https://www.facebook.com/laravellercom
Reddit https://www.reddit.com/user/Laraveller
Laravel 8 Tutorial https://bit.ly/2OJhh3D
Laravel Livewire Tutorial https://bit.ly/3dnfonp
Laravel Media Library https://bit.ly/3w4zrxQ
Laravel 8 API Tutorial https://bit.ly/3fq5Top
Laravel 8 URL Shortener https://bit.ly/31zKEby
Laravel Statamic CMS Tutorial https://bit.ly/3fngTTG
Laravel Admin Panel Tutorial https://bit.ly/3uBOM7q
#laravel #tutorial #project
#laravel #vuejs
What is GEEK
Buddha Community
1656193861
Simple Login Page in HTML and CSS | Source Code
Hello guys, Today in this post we’ll learn How to Create a Simple Login Page with a fantastic design. To create it we are going to use pure CSS and HTML. Hope you enjoy this post.
A login page is one of the most important component of a website or app that allows authorized users to access an entire site or a part of a website. You would have already seen them when visiting a website. Let's head to create it.
Whether it’s a signup or login page, it should be catchy, user-friendly and easy to use. These types of Forms lead to increased sales, lead generation, and customer growth.
Demo
Click to watch demo!
Simple Login Page HTML CSS (source code)
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel="stylesheet" href="styledfer.css">
</head>
<body>
<div id="login-form-wrap">
<h2>Login</h2>
<form id="login-form">
<p>
<input type="email" id="email" name="email" placeholder="Email " required><i class="validation"><span></span><span></span></i>
</p>
<p>
<input type="password" id="password" name="password" placeholder="Password" required><i class="validation"><span></span><span></span></i>
</p>
<p>
<input type="submit" id="login" value="Login">
</p>
</form>
<div id="create-account-wrap">
<p>Don't have an accout? <a href="#">Create One</a><p>
</div>
</div>
<script src='https://code.jquery.com/jquery-2.2.4.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/jquery.validate.min.js'></script>
</body>
</html>CSS CODE
body {
background-color: #020202;
font-size: 1.6rem;
font-family: "Open Sans", sans-serif;
color: #2b3e51;
}
h2 {
font-weight: 300;
text-align: center;
}
p {
position: relative;
}
a,
a:link,
a:visited,
a:active {
color: #ff9100;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
a:focus, a:hover,
a:link:focus,
a:link:hover,
a:visited:focus,
a:visited:hover,
a:active:focus,
a:active:hover {
color: #ff9f22;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#login-form-wrap {
background-color: #fff;
width: 16em;
margin: 30px auto;
text-align: center;
padding: 20px 0 0 0;
border-radius: 4px;
box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.2);
}
#login-form {
padding: 0 60px;
}
input {
display: block;
box-sizing: border-box;
width: 100%;
outline: none;
height: 60px;
line-height: 60px;
border-radius: 4px;
}
#email,
#password {
width: 100%;
padding: 0 0 0 10px;
margin: 0;
color: #8a8b8e;
border: 1px solid #c2c0ca;
font-style: normal;
font-size: 16px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
display: inline-block;
background: none;
}
#email:focus,
#password:focus {
border-color: #3ca9e2;
}
#email:focus:invalid,
#password:focus:invalid {
color: #cc1e2b;
border-color: #cc1e2b;
}
#email:valid ~ .validation,
#password:valid ~ .validation
{
display: block;
border-color: #0C0;
}
#email:valid ~ .validation span,
#password:valid ~ .validation span{
background: #0C0;
position: absolute;
border-radius: 6px;
}
#email:valid ~ .validation span:first-child,
#password:valid ~ .validation span:first-child{
top: 30px;
left: 14px;
width: 20px;
height: 3px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#email:valid ~ .validation span:last-child
#password:valid ~ .validation span:last-child
{
top: 35px;
left: 8px;
width: 11px;
height: 3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.validation {
display: none;
position: absolute;
content: " ";
height: 60px;
width: 30px;
right: 15px;
top: 0px;
}
input[type="submit"] {
border: none;
display: block;
background-color: #ff9100;
color: #fff;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
font-size: 18px;
position: relative;
display: inline-block;
cursor: pointer;
text-align: center;
}
input[type="submit"]:hover {
background-color: #ff9b17;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#create-account-wrap {
background-color: #eeedf1;
color: #8a8b8e;
font-size: 14px;
width: 100%;
padding: 10px 0;
border-radius: 0 0 4px 4px;
}Congratulations! You have now successfully created our Simple Login Page in HTML and CSS.
My Website: codewithayan, see this to checkout all of my amazing Tutorials.
1625770140
Employees Management Application with Laravel and Vuejs - Change Users Password 07
Hello friends, in this video, I’m going to work with changing password.
Laravel Employees Management application
Bootstrap admin dashboard
Github Repo: https://github.com/laraveller/laravel-employees-management
Website https://laraveller.com/
Twitter https://twitter.com/Laravellercom
Facebook Page https://www.facebook.com/laravellercom
Reddit https://www.reddit.com/user/Laraveller
Laravel 8 Tutorial https://bit.ly/2OJhh3D
Laravel Livewire Tutorial https://bit.ly/3dnfonp
Laravel Media Library https://bit.ly/3w4zrxQ
Laravel 8 API Tutorial https://bit.ly/3fq5Top
Laravel 8 URL Shortener https://bit.ly/31zKEby
Laravel Statamic CMS Tutorial https://bit.ly/3fngTTG
Laravel Admin Panel Tutorial https://bit.ly/3uBOM7q
#laravel #tutorial #project
#laravel #vuejs
1616393382
Thumbs Up To New Trick of Reset Verizon Email Password
Verizon Email is one of the most trusted email services in the entire world. It is installed with more security features and optional email services such as AOL, Outlook, Gmail or Yahoo Email. If you want to use your Verizon email account, first of all, you have to create an account. After that, you will login to your account with your username and password. Through these identities, you can access your Verizon account and enjoy all other activities provided by Verizon email.
But sometimes, If your Verizon account is hacked or blocked by someone else, you can easily login to your email account by resetting your Verizon email password. If you do not understand how to Reset Verizon Email Password. Then, you can contact Verizon Email Support Expert via a toll-free number (888-857-5157). Our experienced professionals can fix any type of issue in a few minutes.
Solutions to Reset Verizon Mail Password (Known Password)
If you remember your current password then you have to continue to process it. As well as known your login details you can follow the steps below to reset verizon mail password.
Step 1: First of all, you need to open your browser and log in to your Verizon email account.
Step 2: In the next step, you have to navigate to Account Settings from the main menu.
Step 3: After that, you have to open security settings and choose “Change Password”.
Step 4: Input your current password in the field provided.
Step 5: Finally, you will click on the next field and type in a new password for your Verizon mail account.
Once you are confirmed that your password has changed, you can close the browser and log in to your mail account using your new Verizon email password.
Solution to reset the Verizon Mail password (Forgot password)
If you need to reset your password because you do not remember your current mail password, the steps will vary as you will have to verify your identity before changing the password, you will have to reset your Verizon mail password. You can use the ‘Forgot Password’ option:
Step 1: First of all, you will go to the Verizon Mail website and click on ‘Forgot Password’.
Step 2: After that, input your username and choose the recovery method (Mail / Phone).
Step 3: Input on the mobile number associated with your Verizon mail account.
Step 4: Press ‘Yes’ to allow Verizon to send you a verification code.
Step 5: You will type a security verification code in the field provided.
Step 6: Then, press ‘Submit’ and wait for Verizon to confirm the code.
Step 7: In the last, create a new password for your Verizon account by completing the instructions on the screen.
If you encounter any problems while resetting a Verizon email password, you can call a Verizon Email Support Number (888-857-5157) and seek advice from a certified expert to resolve the issue. Experts from Verizon are available 24 * 7 hours, which will help you to fix any problems encountered using Verizon’s email account.
Source: https://sites.google.com/view/verizon-key-settings
#change verizon email password #reset verizon email password #change verizon mail password #reset verizon mail password #change verizon password #reset verizon password
1595201363
Php how to delete multiple rows through checkbox using ajax in laravel
First thing, we will need a table and i am creating products table for this example. So run the following query to create table.
CREATE TABLE `products` (
`id` int(10) unsigned NOT NULL AUTO_INCREMENT,
`name` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
`description` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
`created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
`updated_at` datetime DEFAULT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=7 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci
Next, we will need to insert some dummy records in this table that will be deleted.
INSERT INTO `products` (`name`, `description`) VALUES
('Test product 1', 'Product description example1'),
('Test product 2', 'Product description example2'),
('Test product 3', 'Product description example3'),
('Test product 4', 'Product description example4'),
('Test product 5', 'Product description example5');
Now we are redy to create a model corresponding to this products table. Here we will create Product model. So let’s create a model file Product.php file under app directory and put the code below.
<?php
namespace App;
use Illuminate\Database\Eloquent\Model;
class Product extends Model
{
protected $fillable = [
'name','description'
];
}
Step 2: Create Route
Now, in this second step we will create some routes to handle the request for this example. So opeen routes/web.php file and copy the routes as given below.
routes/web.php
Route::get('product', 'ProductController@index');
Route::delete('product/{id}', ['as'=>'product.destroy','uses'=>'ProductController@destroy']);
Route::delete('delete-multiple-product', ['as'=>'product.multiple-delete','uses'=>'ProductController@deleteMultiple']);
#laravel #delete multiple rows in laravel using ajax #laravel ajax delete #laravel ajax multiple checkbox delete #laravel delete multiple rows #laravel delete records using ajax #laravel multiple checkbox delete rows #laravel multiple delete
1614840465
How to Create User Authentication in Laravel 8 Using UI Auth Package
Laravel provides user authentication package to manage complete authentication like User Register, Login, Forgot Password, Email Verification. UI Auth…
You can create and manage authentication in Laravel 8 easily using inbuilt packages. User authentication is always the most important concern of any web application. If you want to handle the application functionalities and roles then it always requires a user module. On the basis of the user, you can manage the rights of access in the application. I already shared a post on one of the latest features of Laravel 8 for managing authentication using Jetstream and Livewire. In this post, I will show you how you can create authentication without using Jetstream. I will be going to use the Laravel UI package. Here, I will be starting with a new project in Laravel 8. So, let’s start.
#laravel 8 #auth package in laravel #laravel auth #ui auth in laravel #ui vue auth in laravel #user authentication in laravel