Responsive Beauty parlour Website using Html,Css and Bootstrap | | Compl...
Posts
Responsive Shopping website UI using Html and Css | | Tamil
Source for Responsive web layout /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) { .empty::before{ content:''; position:absolute; right:0px; top:0px; width:100%; height:100px; background-color:dodgerblue; z-index:-1; } .nav li{ display:none; } .navicon { margin:25px 0 0 30%; } .container { display:block; } .info{ margin:25% 0 0 60px; } .optional{ margin:50px 0 0 0; } .optional h3{ font-size:15px; } .optional h3:nth-child(1){ margin-left:10px; } .info .min{ display:block; width:300px; height:300px; position:relative; left:8px; } .info button{ margin-top:20px; } .product img{ display:none; } .icons{ margin:-37px 0 0 190px; } .icons i{ color:#000; margin-left:30px; } .logo{ background-image: url('../images/logo2.png'); background-repeat: no-repeat; background-size:contain; } } /* Small devices (portrait tablets and large phones
Piano Application using Html,Css and Java script | | Java script mini pr...
Piano Application using Html,Css and Java script | | Java script mini project with source code. Hi this is creative code and in this video we going to create piano application using html,css and java script and i will explain it in tamil and i hope you understand the logic's i had used so if you like this video give a thumb's up and subscribe creative code-Official for more videos and Thanks for watching,Be smile.
Hulk Transformation Sprite sheet animation using Css
Hulk sprite sheet image In this video I'll teach you that how to create a sprite sheet animation using html,css,javascript in tamil.In this we create a hulk transformation animation using css and java script and in this video you can completely learn that how to animate html element using css and javascript.If you like this video give a thumb's up and subscribe creative code-official for more video's and Thanks for Watching,Be smile
Emoji expression using pure css
I use number of div tags to create these emoji expression if you want more video like this please subscribe our channel and thanks for your visit Source code: Html: <!DOCTYPE html> <html> <head> <title>emoji</title> <!-- css reference --> <link rel="stylesheet" type="text/css" href="emoji.css"> </head> <body> <!-- Emoji container --> <div id="angry"> <!-- Each div contains eack emoji,and the name for the expressions is given in the div id--> <div id="aface"> <div class="ael"></div> <div class="aer"></div> <h1 class="al"></h1> <h1 class="ar"></h1> <div id="am"></div> </div> </div> <div id="sad"> <!-- Each div contains eack emoji,and the name for the ex
FB friend request page using Html & Css
In this design a user can view the friend request in different view i hope you like this design,thanks for your visit. Source code below: HTML <!DOCTYPE html> <html> <head> <title>fb.in</title> <!-- font cdn --> <script src='https://kit.fontawesome.com/a076d05399.js'></script> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <!-- css reference link --> <link rel="stylesheet" type="text/css" href="fb.css"> </head> <body> <div id="fb-cover"> <div id="but-con"> <img id="frm" src="cap.png" width="160px" height="160px"> <span id="ic" style="font-size:38px;position:relative;left:180px;top:-50px;color:green;visibility: hidden" class="mater