Found this awesome JavaScrip plug-in made by Matt Boldt and wanted to play around with it. Hope you like it.
A Pen by Alirezaaraby on CodePen.
Found this awesome JavaScrip plug-in made by Matt Boldt and wanted to play around with it. Hope you like it.
A Pen by Alirezaaraby on CodePen.
<!DOCTYPE html> | |
<html lang="en" > | |
<head> | |
<meta charset="UTF-8"> | |
<title>Mathmatycho</title> | |
</head> | |
<body> | |
<!-- partial:index.partial.html --> | |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> |
<!DOCTYPE html> | |
<html lang="en" > | |
<head> | |
<meta charset="UTF-8"> | |
<title>CodePen - Mathmatycho Footer Responsive</title> | |
<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'> | |
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.6/animate.min.css'><link rel="stylesheet" href="./style.css"> | |
</head> | |
<body> |
{ | |
"Head": | |
{ | |
"Header":"خوش آمدید", | |
"Header_Description":"برنامه ی هفتگی مدرسه ی بهارستان", | |
"Version":"1.1" | |
}, | |
"Tasks": [ | |
{ | |
"Header": { | |
"Version" : "1.0", | |
"Version_Tittle" : "Attention!!", | |
"Version_Description" : "You Can Use Bellow Link For Latest Information https://github.com/", | |
"Version_Button_Text" : "Ok", | |
"Enable" : "true" | |
} | |
} |
{ | |
"Classes": [ | |
{ | |
"Name":"H", | |
"Des":"E", | |
"Date_Time":"T", | |
"During":"D" | |
} | |
] | |
} |
{ | |
"Event": [ | |
{ | |
"Name":"خبر شماره ی یک", | |
"Des":"سلام", | |
"Date_Time":"تاریخ:معلوم" | |
} | |
] | |
} |
{ | |
"News": [ | |
{ | |
"Name":"خبر شماره ی یک", | |
"Des":"سلام" | |
} | |
] | |
} |
{ | |
"Header": { | |
"Version" : "1.0", | |
"Version_Tittle" : "Attention!!", | |
"Version_Description" : "You Can Use Bellow Link For Latest Information https://github.com/", | |
"Version_Button_Text" : "Ok", | |
"Enable" : "true" | |
} | |
} |
<div class="container"> | |
<div class="box"> | |
<div class="title"> | |
<span class="block"></span> | |
<h1>Kaio Almeida<span></span></h1> | |
</div> | |
<div class="role"> | |
<div class="block"></div> |