Source Code Provider

Search This Blog

Contact US

Get link
Facebook
X
Pinterest
Email
Other Apps

Email : arslansaleem505@gmail.com
Mobile: 0303+0010096
Whatsapp: 0092+303+0010096

Get link
Facebook
X
Pinterest
Email
Other Apps

Comments

Beautiful Attractive Side Bar For Admin Panel using Jquery

Beautiful Attractive Side Bar for Admin Panel Using Bootstrap and jQuery HTML CODE: <html> <head> <meta charset="utf-8"> <title> Arslan Saleem</title> <link rel="stylesheet" href="css/Glyphicon.css"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="css/adminstyle.css"> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/animate.css"> <script src="js/jquery-3.3.1.min.js"></script> <script src="js/mystyle.js"></script> <script src="js/wow.min.js"></script> <script> new WOW().init(); </script> ...

CSS Grid

HTML CODE: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet"type="text/css" href="detail.css"/> </head> <body> <div class="container"> <div class="box"> <div class="content"> <h2>01</h2> <h3>Service One</h3> <p>The most difficult thing is the decision to act, the rest is merely tenacity. The fears are paper tigers. You can do anything you decide to do. You can act to change and control your life and the procedure, the process is its own reward. </p> <a href="#">Read More</a> </div> </div> <div class="box"> <div class="content"> <h2>02</h2> <h3>Service One</h3> <p>The most difficult thing is the ...

Rain on a web page

HTML CODE: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="style.css"/> </head> <body> <div class="rain"></div> </body> </html> CSS CODE: (file Name :style.css ) body { margin: 0px; padding: 0px; background-image: url('00797_deadcalm_2560x1600.jpg'); background-size: cover; background-repeat: no-repeat; width: 100%; height: 100vh; } .rain { height: 100vh; background-image: url('rain.png'); animation: animate 4s linear infinite; } .rain::before { content:''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to right, transparent, #fff,transparent,transparent,transparent,#fff,transparent); animation: light 3s linear infinite; opa...

Powered by Blogger

Contact US

Comments

Post a Comment