djdj - HTMLify profile
files of /djdj/youtube/
Card Flip
/djdj/youtube/Cardflip.html
<style>
body{
background-color: black;
}
.card{
display:flex;
align-items: center;
position: relative;
body{
background-color: black;
}
.card{
display:flex;
align-items: center;
position: relative;
Flower
/djdj/youtube/Flower.html
<style>
body {
margin: 0;
padding: 30px;
justify-content: center;
align-items: center;
width: 100%;
body {
margin: 0;
padding: 30px;
justify-content: center;
align-items: center;
width: 100%;
Linkedin Loader
/djdj/youtube/Liloader.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, in
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, in
Loder 1
/djdj/youtube/Loder1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Rotating Spring Loop</title>
<style>
bod
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Rotating Spring Loop</title>
<style>
bod
Loder 2
/djdj/youtube/Loder2.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Lissajous Curve Animation</title>
<style>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Lissajous Curve Animation</title>
<style>
Loder 3
/djdj/youtube/Loder3.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Designer Lissajous Glow</title>
<style>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Designer Lissajous Glow</title>
<style>
Loder 4
/djdj/youtube/Loder4.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Circular Lissajous Glow</title>
<style>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Circular Lissajous Glow</title>
<style>
Spring Loder
/djdj/youtube/SpringLoder.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Rotating Spring Loop</title>
<style>
bod
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Rotating Spring Loop</title>
<style>
bod
Tranform & Transition
/djdj/youtube/Transform.html
<style>
body{
background-color: black;
}
.box {
width: 100px;
height: 100px;
background-color: rgb(103, 1
body{
background-color: black;
}
.box {
width: 100px;
height: 100px;
background-color: rgb(103, 1
animated_acc
/djdj/youtube/animated_acc/
arattai-logo.png
/djdj/youtube/arattai-logo.png
Media file
arattai.svg
/djdj/youtube/arattai.svg
<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 158 158"><defs><style>.c
Chat
/djdj/youtube/chat.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, init
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, init
Clock
/djdj/youtube/clock.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, init
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, init
Cursor Canva
/djdj/youtube/cursor.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, in
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, in
html-tags-list.pdf
/djdj/youtube/html-tags-list.pdf
Media file
images
/djdj/youtube/images/
/djdj/youtube/loader.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width
Best Navigation Bar
/djdj/youtube/nextnavbar.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, in
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, in
Web Pdf Viewer
/djdj/youtube/pdfViewer.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, in
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, in
/djdj/youtube/progressbar.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, in
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, in
Slide Nav Bar
/djdj/youtube/slidenavbar.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-sc
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-sc
Solar System
/djdj/youtube/solarsys.html
<!DOCTYPE html>
<html>
<head>
<title>Solar System</title>
<style>
body {
margin: 0;
height: 100vh;
<html>
<head>
<title>Solar System</title>
<style>
body {
margin: 0;
height: 100vh;
Theme Changes
/djdj/youtube/theme.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, in
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, in
More than 1 file upload
/djdj/youtube/uploadfile.html
<!DOCTYPE html>
<html>
<head>
<title>Upload Multiple Images or PDFs</title>
<style>
#uploadBox {
border: 2px
<html>
<head>
<title>Upload Multiple Images or PDFs</title>
<style>
#uploadBox {
border: 2px