adding project Hijacking google and you tube search using html and css

3 years ago · ae95bcf73f
parent 120204995f
commit ae95bcf73f
4 changed files with 83 additions and 0 deletions
--- a/9-Hijacking-Google-and-youtube-search/app.css
+++ b/9-Hijacking-Google-and-youtube-search/app.css
@ -0,0 +1,42 @@
 body{
    background-color: #000000;
    background-image:url("pic.jpg");
    background-position:center;
    background-repeat:no-repeat;
    background-size:auto;
 }
 h1{
    text-align: center;
    color:whitesmoke;
 }
 form{
    text-align: center;
 }
 #gs{
    color:aqua;
 }
 #yt{
    color: whitesmoke
 }
 button{
    background-color:#0a0a23;
    color: #fff;
    border-radius:100px; 
    padding:5px;
    min-height:30px; 
    min-width: 70px;
 }
 #credit{
    color: #fff;
    text-align: center;
    position: relative;
    top: 350px;
 }
--- a/9-Hijacking-Google-and-youtube-search/index.html
+++ b/9-Hijacking-Google-and-youtube-search/index.html
@ -0,0 +1,28 @@
 <!-- Making Google search and Youtube search -->
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>"Hijacking" Google & Youtube Search</title>
    <link rel="stylesheet" href="app.css">
 </head>
 <body>
    <h1>"Hijacking" Google & Youtube Search</h1>
    <form action="https://www.google.com/search?q=pizaa">
        <h2 id="gs"> Google search</h2>
        <input type="text" placeholder="enter your search" name ="q"> <!-- use the name attribute   -->
        <button>Search</button>
    </form>
    <form action="https://www.youtube.com/results?search_query">
        <h2 id="yt"> Youtube search</h2>
        <input type="text" placeholder="enter your search" name ="search_query"> <!--   -->
        <button>Search</button>
    </form>
    <p id="credit"> Designed By Bhupendra Dangwal &#128512;</p>
 </body>
--- a/9-Hijacking-Google-and-youtube-search/pic.jpg
+++ b/9-Hijacking-Google-and-youtube-search/pic.jpg
--- a/9-Hijacking-Google-and-youtube-search/readme.txt
+++ b/9-Hijacking-Google-and-youtube-search/readme.txt
@ -0,0 +1,13 @@
 Hi, 
 This project is made with the help of html and css to help beginers
 project contains 3 files.
 1. index.html	-> this file contains all the text that is visible on the website  
 2. app.css		-> this file contains the styles
 3. pic.jpg 		-> tis file contains the background picture
 you can search whatever you want
 hope you find this enjoyable!!!!!!!!!