Bootstrap responsive login page
A Pen by Emre Berber on CodePen.
MD Taseen Khan MohammadTaseenKhan
💭
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="frame"> | |
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1315 1315"> | |
| <defs> | |
| </defs> | |
| <g id="backdrop"> | |
| <g id="backdrop_disk"> | |
| <circle cx="657.5" cy="657.5" r="657.5" class="backdrop-disk"/> | |
| <g id="back_marks"> | |
| <g id="XMLID_5_"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="main-container"> | |
| <div class="countries-container"> | |
| <svg class="countries" width="246" height="60" viewBox="0 0 246 60" fill="none" xmlns="http://www.w3.org/2000/svg"> | |
| <path d="M39 9H36V12H39V9Z" fill="white"/> | |
| <path d="M39 12H36V15H39V12Z" fill="white"/> | |
| <path d="M36 15H33V18H36V15Z" fill="white"/> | |
| <path d="M36 12H33V15H36V12Z" fill="white"/> | |
| <path d="M63 12H60V15H63V12Z" fill="white"/> | |
| <path d="M60 12H57V15H60V12Z" fill="white"/> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="app"> | |
| <canvas id="c"></canvas> | |
| <svg id="s" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" stroke="#fff" fill="none"> | |
| <defs> | |
| <mask id="m1"> | |
| <rect fill="#fff" width="100%" height="100%"/> | |
| <circle fill="#000" cx="300" cy="300" r="285"/> | |
| </mask> | |
| <mask id="m2"> | |
| <rect fill="#fff" width="100%" height="100%"/> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <center> | |
| <table class='body-wrap' style='text-align:center;width:86%;font-family:arial,sans-serif;border:12px solid rgba(126, 122, 122, 0.08);border-spacing:4px 20px;'> | |
| <tr> | |
| <img src='https://blog.codepen.io/wp-content/uploads/2012/06/Black-Large.png' style='width:36%;'> | |
| </tr> | |
| <tr> | |
| <td> | |
| <center> | |
| <table bgcolor='#FFFFFF' width='80%'' border='0'> | |
| <tbody> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- | |
| Inspired by Code Pen User | |
| Jamie Dixon, with this pen | |
| https://codepen.io/JamieDixon/pen/Pqrjvv | |
| I cleaned up a lot of errors and redundant stuff | |
| then made it more awesome and customizeable | |
| --> | |
| <div class="wrapper"> |
MohammadTaseenKhan
/ index.html
Created
December 18, 2021 08:13
Random Password Generator - HTML | CSS | JS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <h2 class="title">Password Generator</h2> | |
| <div class="result"> | |
| <div class="result__title field-title">Generated Password</div> | |
| <div class="result__info right">click to copy</div> | |
| <div class="result__info left">copied</div> | |
| <div class="result__viewbox" id="result">CLICK GENERATE</div> | |
| <button id="copy-btn" style="--x: 0; --y: 0"><i class="far fa-copy"></i></button> | |
| </div> | |
| <div class="length range__slider" data-min="4" data-max="32"> |
MohammadTaseenKhan
/ bootstrap-login-page.markdown
Created
December 24, 2021 04:32
Bootstrap Login Page
MohammadTaseenKhan
/ bruteforce-hacking-simulator.markdown
Created
February 6, 2022 06:01
Bruteforce Hacking Simulator
Visual rapresentaion of bruteforce hacking (letter per letter), as seen in Hollywood.
A Pen by Marco Fugaro on CodePen.
MohammadTaseenKhan
/ image-upload-editor.markdown
Created
February 6, 2022 06:20
Image Upload Editor
Sometime you need a small image editor in your website while uploading profile pic that needs re-size or cropping . This small editor solves this problem. On clicking open editor button, a image editor opens. Editor asks for an image, and then you can re-size,crop and download the same. It also has an optional feature to submit the edited image to server.
A Pen by Mofid Ansari on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!Doctype html> | |
| <html> | |
| <head> | |
| <meta charset="width=device-width,initial-scale=1"/> | |
| <link rel="stylesheet" href="2nd wibpage.css"/> | |
| <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/> | |
| </head> | |
| <body> | |
| <div class="hero"> | |
OlderNewer