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!!!!!!!!!