Posts

Showing posts from May, 2020

Google clone using HTML and CSS

-
Image
Program : <html> <!--head section start--> <head> <title>Google</title> <style> span{border-bottom:2px solid royalblue; color:royalblue; border-padding:60px; padding-bottom:10px; } img{position:absolute; left:79px; top:85px; } input{position:absolute; top:189px; height:40px; width:80%; border-radius:80px; border-width:1px; border-style:solid; border-color:darkgray; } .button{background-image:url(/storage/emulated/0/aap/search.jpg); background-size:100% 100%; height:44px; width:70px; position:absolute; top:186px; left:275px; border-color:white; } .button1{background-image:url(/storage/emulated/0/aap/Weather.jpg); position:absolute; top:242px; height:100px; width:100px; background-size:100% 100%; border-color:transparent; } .button2{background-image:url(/storage/emulated/0/aap/Sports.jpg); position:absolute; top:237px; left:80px; height:100px; width:100px; background-size:100% 100%; border-color:transparent; } .button3{background-image:url(/storag
4 comments
Read more

Twitter homepage

-
Image
I have created a Twitter homepage program using html and css. I have use some of the basic tags of html. You can see these tags in the following program. Program : <html> <head> <style> .img1{width:30; height:20; top:15px; } input{height:35; width:230; border-radius:35px; } .img2{position: absolute; top:3px; } p{word-spacing:23px; } span{color:deepskyblue; } .span{color:gray; font-size:13px; } .img3{position:absolute; right:3px; top:310px; } .img4{position:absolute; right:3px; top:665px; } .span1{color:black; } .button1{background-color:white; color:deepskyblue; width:48%; height:40px; border-radius:35px; border-color:deepskyblue; } .button2{background-color:deepskyblue; color:white; width:48%; height:40px; border-radius:35px; } </style>  <meta name="viewport" content="width=device-width"> </head> <body> <img class=
Post a Comment
Read more

BOOK WEBPAGE

-
Image
HTML program for book webpage. Here I created program on favorite book. In this project I can use <style> tag and other tag in html. Program : <html> <head> <!--using css--> <style> body{background-image:url(https://images.pexels.com/photos/261821/pexels-photo-261821.jpeg?cs=srgb&dl=book-bookstore-close-up-college-261821.jpg&fm=jpg); background-size:cover; background-size:100% 100%; } h1{font-size:50px; } label{font-size:50px; } input{width:70%; height:4%; font-size:35px; background:transparent; text-align:center; color:white; placeholder:white; } button{height:4%; width:70%; background:transparent; font-size:35px; color:white; } </style> <!--ending css--> </head> <body> <h1><i>My Favorite Book :</i></h1> <!--paragraph--> <p><font size="10px">My favorite book is WINGS OF FIRE.The<br> author of
7 comments
Read more

Tea😃😃

-
Image
HTML program for Tea. Program : <html> <head> <title>Tea</title> </head> <body bgcolor="lightgray"> <h1>Tea Recipe :</h1> <!--paragraph--> <p>I have created a Tea by using my recipe. I loves tea because it gives me a refreshment. A tea is most probably drink in india and especially in the Maharashtra.And the another is green  tea is always good for health.</p>  <h2> The Tea I have prepared is :</h2>  <!--image--> <img src="/storage/emulated/0/aap/Tea.jpg"height="180" width="350"> <!--order list--> <ol> <li>😃😃😃</li> <li>😊😊😊</li> <li>😗😗😗</li> <li>🤩🤩🤩</li> <li>😘😘😘</li> </ol> <p align="right">BY:~AA</p> </body> </html> Output :                                              
1 comment
Read more

Tea program

-
Image
HTML program for Tea preparation. I have created a program using order list <ol>and unorder list<ul>.<li>tag is used for list and ending tag is </li>. I have also change body color using bgcolor attribute.I have also use heading tag.I have also use a <img> tag with src attribute. Program : <html> <head> <title>Tea Recipe</title> </head> <body bgcolor="lightyellow"> <h1>Tea Recipe:</h1> <h2>Ingredients For Tea:</h2> <!--unorder list--> <ul> <li>1 cup (250ml) Milk</li> <li>2 teaspoon Tea Powder</li> <li>1/4 (approx.60ml) Water</li> <li>3 teaspoon Sugar</li> </ul> <h2>Steps For Preparing Tea:</h2> <!--order list--> <ol> <li>Boil water in saucepan.</li> <li>Add sugar and tea powder in it and boil<br> it for 3-4 minutes on medium fl
Post a Comment
Read more