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

HTML SURVEY PAGE

HTML PROGRAM FOR SURVEY PAGE.
Here we can create 3 html files.
1. S1.html
<html>
<head>
<title>project</title>
<style>
.button{color: black;
padding:10px;
font-size:17;
background-color: white;
}
input[type=text]{
font-size:16px;
width:70%;
}
</style>
</head>
<body bgcolor="orange">
<h2>BOLLYWOOD SURVEY PAGE</h2>
<form action="/storage/emulated/0/HTML/S2.html">
ENTER YOUR NAME :
<input type="text"placeholder="NAME"required>
<br>
ENTER YOUR CITY :
<input type="text"placeholder="CITY"required>
<br><br>
<button class="button">ENTER SURVEY</button>
</form>
</body>
</html>

2. S2.html
<html>
<head>
<title>SURVEY</title>
<style>
.button{font-size:16px;
background-color:red;
color: black;
padding:2%;
height:5%;
width:90%;
}
select{width: 40%;
}
</style>
</head>
<body bgcolor="orange">
<form action="/storage/emulated/0/html/S3.html">
1.Your favorite actor :<br>
<select >
<option>Select Actor</option>
<option>Salman Khan</option>
<option>Amir Khan</option>
<option>Sahrukh Khan</option>
<option>Akshay Kumar</option>
<option>Ritik Roshan</option>
<option>varun Dhavam</option>
<option>Tiger shroff</option>
</select><br><br>
2.Your favorite actress :<br>
<select>
<option>Select Actress</option>
<option>Sai Pallavi</option>
<option>Dipika Padukon</option>
<option>Sonakshi Sinha</option>
<option>Katrina Kaif</option>
<option>Anushka Sharma</option>
<option>Tapsi Pannu</option>
<option>Kangana Ranavat</option>
</select><br><br>
3.Your favorite film :<br>
<select>
<option>Select Film</option>
<option>3 Idiots</option>
<option>PK</option>
<option>Dabang 3</option>
<option>Housefull 4</option>
<option>Fida</option>
<option>chhapaak</option>
<option>Luka Chupi</option>
</select><br><br>
4.Your favorite director :<br>
<select>
<option>Select Director</option>
<option>Rohit Shetty</option>
<option>Karan Johar</option>
<option>Sanjay Bansali</option>
<option>Abbas Mustan</option>
</select><br><br>
5.Your favorite genre :<br>
<select>
<option>Select Genre</option>
<option>Action</option>
<option>Comedy</option>
<option>Romantic</option>
<option>Horror</option>
</select><br><br>
6.Your favorite male singer :<br>
<select>
<option>Select Singer</option>
<option>Arijit Singh</option>
<option>Akhil</option>
<option>Gulzar Chhaniwala</option>
<option>Jassi Gill</option>
<option>Guru Randhawa</option>
<option>Kishor Kumar</option>
<option>Badshah</option>
</select><br><br>
7.Your favorite female singer :<br>
<select>
<option>Select Singer</option>
<option>Neha Kakkar</option>
<option>Shreya Ghoshal</option>
<option>Mamta Sharma</option>
<option>Sunanda Sharma</option>
<option>Lata Mangeshkar</option>
<option>Asha Bhosale</option>
<option>Kanika Kapoor</option>
</select><br><br>
8.Your Favorite Song :<br>
<select>
<option>Select Song</option>
<option>Nile Nile Amber Par</option>
<option>Moto Song</option>
<option>Photo</option>
<option>Ishq Tera</option>
<option>Kasoote</option>
<option>Bekhayali</option>
<option>Illegal Weapon 2.0</option>
</select><br><br>
9.How often do you visit the cinema?<br>
<select>
<option>Select</option>
<option>Never</option>
<option>Once a year</option>
<option>once a month</option>
<option>2-5 times a month</option>
</select><br><br>
<input type="submit"class="button">
</form>
</body>
</html>

3. S3.html
<html>
<head>
<title>thanks message</title>
<style>
p{
font-size:26px;
}
</style>
</head>
<body bgcolor="orange">
<font size="15px">
Thanks For Taking Part In A Bollywood Survey.
</font>
<p align="right"font-size="90px">
<i>By:~AA</i>
</p>
</body>
</html>

                              OUTPUT
1. S1.html

2.S2.html

3. S3.html

                                                         BY:~AA

Comments

Popular posts from this blog

Google clone using HTML and CSS

BOOK WEBPAGE

HTML Table