Skip to content

Instantly share code, notes, and snippets.

@AramRafeq

AramRafeq/1.html

Created April 14, 2020 14:44
Show Gist options
  • Save AramRafeq/94f67ce138f80e5894b9d5977566d863 to your computer and use it in GitHub Desktop.
Save AramRafeq/94f67ce138f80e5894b9d5977566d863 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
1.html
<html>
<head>
<title>Developers Tree - screen loader</title>
</head>
<body>
</body>
</html>
Raw
2.html
<!DOCTYPE html>
<html>
<head>
<title>Developers Tree - screen loader</title>
<script type="text/javascript" src="jQuery.min.js"></script>
<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css">
</head>
<body>
</body>
</html>
Raw
3.html
<!DOCTYPE html>
<html>
<head>
<title>Developers Tree - screen loader</title>
<script type="text/javascript" src="jQuery.min.js"></script>
<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css">
</head>
<body>
<div id="loader">
</div>
</body>
</html>
Raw
4.html
<!DOCTYPE html>
<html>
<head>
<title>Developers Tree - screen loader</title>
<script type="text/javascript" src="jQuery.min.js"></script>
<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css">
</head>
<body>
<div id="loader">
<i class="fa fa-spinner fa-spin fa-4x"></i>
</div>
</body>
</html>
Raw
5.html
<!DOCTYPE html>
<html>
<head>
<title>Developers Tree - screen loader</title>
<script type="text/javascript" src="jQuery.min.js"></script>
<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css">
<style type="text/css">
body{
margin: 0px;
}
#loader{
position: fixed;
height: 100%;
width: 100%;
background: #2ECC71;
color: white;
text-align: center;
padding-top: 20%;
top: 0;
z-index: 100;
}
</style>
</head>
<body>
<div id="loader">
<i class="fa fa-spinner fa-spin fa-4x"></i>
</div>
</body>
</html>
Raw
6.html
<!DOCTYPE html>
<html>
<head>
<title>Developers Tree - screen loader</title>
<script type="text/javascript" src="jQuery.min.js"></script>
<link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css">
<style type="text/css">
body{
margin: 0px;
}
#loader{
position: fixed;
height: 100%;
width: 100%;
background: #2ECC71;
color: white;
text-align: center;
padding-top: 20%;
top: 0;
z-index: 100;
}
</style>
</head>
<body>
<div id="loader">
<i class="fa fa-spinner fa-spin fa-4x"></i>
</div>
<!-- tanha bo taqykrdnawa lerada datwanyt das ba nwsyny design akat bkayt -->
<img src="http://s1.picswalls.com/wallpapers/2015/09/20/wallpaper-2015_111528356_269.jpg">
<script type="text/javascript">
window.onload = function() {
$("#loader").fadeOut(300,function() {
$("#loader").remove();
});
};
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment