tanishkak - HTMLify profile
tanishkak
31 Files
5670 Views
Latest files of /tanishkak/
fir/
tanishkak/fir/
landingp.css
tanishkak/landingp.css
*{
box-sizing: border-box;
}
html{
height: 100%;
}
body{
background-image: url("taa.jpg");
box-sizing: border-box;
}
html{
height: 100%;
}
body{
background-image: url("taa.jpg");
bb.png
tanishkak/bb.png
Media file
landingp.html
tanishkak/landingp.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width initial-scale=1.0">
<link rel="stylesheet" href="landingp.css">
<title>LANDING PAGE</title>
</head>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width initial-scale=1.0">
<link rel="stylesheet" href="landingp.css">
<title>LANDING PAGE</title>
</head>
taa.jpg
tanishkak/taa.jpg
Media file
Todolist.html
tanishkak/Todolist.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width initial-scale=1.0">
<title>TO DO LIST</title>
<link rel="stylesheet" href="tdl.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width initial-scale=1.0">
<title>TO DO LIST</title>
<link rel="stylesheet" href="tdl.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
tdl.css
tanishkak/tdl.css
body {
background-color:rgb(82, 79, 79);
font-family:'Gill Sans';
}
.container {
width: 360px;
text-align: center;
background-color: white;
background-color:rgb(82, 79, 79);
font-family:'Gill Sans';
}
.container {
width: 360px;
text-align: center;
background-color: white;
tdl.js
tanishkak/tdl.js
let inputs = document.getElementById("inp");
let text = document.querySelector(".text");
function Add() {
if(inputs.value == "")
{
alert("please enter task")
}
let text = document.querySelector(".text");
function Add() {
if(inputs.value == "")
{
alert("please enter task")
}
tribute.css
tanishkak/tribute.css
body{
background-color:gray;
}
h1{
letter-spacing: 3px;
}
.container{
background-color:gray;
}
h1{
letter-spacing: 3px;
}
.container{
tribute.html
tanishkak/tribute.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width initial-scale=1.0">
<title>TRIBUTE PAGE</title>
<link rel="stylesheet" href="tribute.css">
</head>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width initial-scale=1.0">
<title>TRIBUTE PAGE</title>
<link rel="stylesheet" href="tribute.css">
</head>
baba.png
tanishkak/baba.png
Media file
imagecard.html
tanishkak/imagecard.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IMAGE CARDS TRANSITION</title>
<style>
body{
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IMAGE CARDS TRANSITION</title>
<style>
body{
shin1.jpg
tanishkak/shin1.jpg
Media file
shin2.jpg
tanishkak/shin2.jpg
Media file
shin3.jpg
tanishkak/shin3.jpg
Media file
shin4.jpg
tanishkak/shin4.jpg
Media file
shin5.jpg
tanishkak/shin5.jpg
Media file
effect.css
tanishkak/effect.css
body{
background-color: black;
}
h1{
background: linear-gradient(90deg,rgb(236, 8, 8),rgb(173, 245, 5));
background-clip: text;
color: transparent;
text-align: center;
background-color: black;
}
h1{
background: linear-gradient(90deg,rgb(236, 8, 8),rgb(173, 245, 5));
background-clip: text;
color: transparent;
text-align: center;
effect.html
tanishkak/effect.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="effect.css">
</head>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="effect.css">
</head>
shin6.jpg
tanishkak/shin6.jpg
Media file
login.css
tanishkak/login.css
body{
background: linear-gradient(90deg, #a3cf5c, #e05d73);
}
.login{
position: absolute;
top: 50%;
left: 50%;
background: linear-gradient(90deg, #a3cf5c, #e05d73);
}
.login{
position: absolute;
top: 50%;
left: 50%;
login.html
tanishkak/login.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LOGIN PAGE</title>
<link rel="stylesheet" href="login.css">
</head>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LOGIN PAGE</title>
<link rel="stylesheet" href="login.css">
</head>
script.js
tanishkak/script.js
sidenav = document.querySelector(".sidenav");
menuIcon = document.querySelector(".ri-menu-line");
navCloseBtn = document.querySelector(".ri-close-large-line");
menuIcon.addEventListener("click",()=>{
sidenav.style.display = "flex";
});
navCloseBtn.addEventListener("click",()=>{
menuIcon = document.querySelector(".ri-menu-line");
navCloseBtn = document.querySelector(".ri-close-large-line");
menuIcon.addEventListener("click",()=>{
sidenav.style.display = "flex";
});
navCloseBtn.addEventListener("click",()=>{
contactus.html
tanishkak/contactus.html
File is locked
contactus.css
tanishkak/contactus.css
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
height: 100%;
contact.png
tanishkak/contact.png
Media file
sendmessage.jpg
tanishkak/sendmessage.jpg
Media file
about.css
tanishkak/about.css
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
about.html
tanishkak/about.html
File is locked
ab.png
tanishkak/ab.png
Media file
join.png
tanishkak/join.png
Media file
