diff --git a/Google Advanced search.html b/Google Advanced search.html
new file mode 100644
index 0000000..f8d22a9
--- /dev/null
+++ b/Google Advanced search.html	
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Advanced Search</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <header class="headadv">
+    <div id="advlinks">
+        <div id="advlogo">
+            <h>Google</h>
+                </div>
+                <div id="Ret"> <a href="index.html">Return</a>
+                </div>
+    </div>
+  </header>
+  <div id="advmain">
+    
+          <h1 id="advtitlie">Advanced Search</h1> 
+        <div id="h3s"> 
+            <div>Find pages with...</div>
+           </div>         <div id="formsect">
+            <div id="identy">
+                <p>all these words:<br></p>
+                <p>this exact word or phrase:<br></p>
+                <p>any of these words:<br> </p>
+                <p>none of these words:</p></div>
+         <div id="frm"><form action="https://www.google.com/search">
+            <input id="buttonsearch"     type="text" name="as_q">
+            <input id="buttonsearch"    type="text" name="as_epq">
+            <input id="buttonsearch"     type="text" name="as_oq">
+            <input id="buttonsearch"     type="text" name="as_eq">
+            <div id="but">            <input  type="submit" value="Advanced Search" name="btnk">
+            </div>
+        </form>
+      </div>
+       
+        
+                <div id="sugg">
+                    
+                <p>Type the important words: <span>tri-colour rat terrier</span>
+                    <br></p>
+                <p>
+                    Put exact words in quotes: <span>"rat terrier"</span>
+                    
+                    
+                   <br></p>
+                <p>Type OR between all the words you want: <span>miniature OR standard</span><br> </p>
+                <p> Put a minus sign just before words that you don't want: <span><br>-rodent, -"Jack Russell"</span></p></div>
+         </div>        
+
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/Google Image search.html b/Google Image search.html
new file mode 100644
index 0000000..50702d7
--- /dev/null
+++ b/Google Image search.html	
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Image Search</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <header class="head">
+    <div id="links">
+      <a href="index.html">Return</a>
+    </div>
+  </header>
+  <div id="main">
+    <div id="logo">
+      <img src="imagesearchlogo.png" />
+    </div>
+    <form action="https://google.com/images" method="get">
+      <input id="I" type="text" name="q" placeholder="Search Images">
+      <div id="btns">
+        <input id="butonsearch" type="submit" value="Image Search">
+
+      </div>
+    </form>
+  </div>
+</body>
+</html>
diff --git a/googlelogo_color_160x56dp.png b/googlelogo_color_160x56dp.png
new file mode 100644
index 0000000..458f700
Binary files /dev/null and b/googlelogo_color_160x56dp.png differ
diff --git a/imagesearchlogo.png b/imagesearchlogo.png
new file mode 100644
index 0000000..0492052
Binary files /dev/null and b/imagesearchlogo.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..014e859
--- /dev/null
+++ b/index.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Search</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="style.css">   
+
+</head>
+<body>
+  <header class="head">
+
+    <div id="links">
+      <a href="Google Image search.html">Imagesearch</a>
+      <a href="Google Advanced search.html">Advancedsearch</a>
+    </div>
+  </header>
+  <div id="main">
+    <div id="logo">
+      <img src="googlelogo_color_160x56dp.png" />
+    </div>
+    <form action="https://google.com/search">
+      <input id="I" type="text" name="q" placeholder="Search">
+      <div id="btns">
+        <input id="butonsearch" type="submit" value="Google Search" name="btnk">
+        <input id="luckybuton" type="submit" value="I'm Feeling Lucky" name="btnI">
+      </div>
+    </form>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..9aa620f
--- /dev/null
+++ b/style.css
@@ -0,0 +1,223 @@
+*{
+    margin:0px;
+    padding: 0px;
+    color: black;
+}
+body{
+    font-family: Arial, sans-serif;
+}
+.head{
+    height: 5vh;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+}
+.head #links{
+    margin-right: 30px;
+    display: flex;
+}
+.head a{
+    margin-left: 30px;
+    font-size: small;
+    color: rgba(0, 0, 0, 0.87);
+    text-decoration: none;
+}
+.head #links a:hover{
+    border: bottom 1px solid rgba(0, 0, 0, 0.789);   
+}
+html, body {
+    overflow: hidden; 
+    height: auto;
+    margin: 0;
+}
+#advmain { 
+    overflow-y: auto; 
+    background-color: black;
+}
+.head #advlinks a:hover{
+    border: bottom 1px solid rgba(0, 0, 0, 0.789);   
+   
+}
+#main{
+    height: 75vh;
+   
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+#main #I{
+    border: 1px solid;
+    height: 30px;
+    border-radius: 24px;
+    padding: 10px;
+    width: 867px;
+}
+#main #I:focus {
+    outline: none;
+    color: black;
+}
+#btns {
+    display: flex;
+    justify-content: center;
+    margin-top: 10px;
+}
+#btns input[type="submit"] {
+    margin: 0 5px;
+    padding: 8px 25px;
+    border-radius: 4px  ;
+}
+#headadv{
+    height: 5vh;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+#advlinks{
+display: flex;
+flex-direction: row;
+padding-top: 20px;
+padding-left: 20px;
+justify-content: space-between;
+background-color:black;
+}
+#advmain{
+    border: 1px ;
+    height: 1012px;;
+    
+    display:flex;
+    flex-direction: column;
+    align-items: flex-start;
+    background-color: black;
+}
+#Ret{
+    color: white;
+    padding-top: 12px;
+    padding-right: 20px;
+    text-decoration: none;
+}
+#Ret>a{
+    color: white;
+    text-decoration: none;
+}
+  #advlogo{
+    size: 4px;
+    color: white;
+    width: 100px;
+    height: 48px;
+}
+  #advlogo>h{
+    color: white;
+    text:bold;
+    font-size: 20px;
+    font-family: ;
+    font-weight: 600;
+}
+#advtitlie{
+    color: rgb(244, 75, 75);
+    font-size: 20px;
+    width: auto;
+    margin: 2px solid black;
+    padding: 15px 10px 10px 45px;
+}
+#log{
+    width: 113px;
+    height: 37px;
+}
+#h3s{
+    display: inline;
+    text-align: left;
+    padding: solid  10px;
+    color: white;
+    flex-direction: row;
+    width: auto;
+    font: 20px;
+    margin-left: 0px;
+    padding-left:45px;
+    margin: 19px auto 20px 0px;
+}
+#h3s>div{
+    display: flexbox;
+    align-items: flex-start;
+    flex-wrap: wrap;
+    color: white;
+    justify-content: space-between;
+}
+text{
+    color: white;
+    display: flex;
+}
+#identy{
+    align-content: flex-start;
+    height: auto;
+    background-color: black;
+    width: 202px;
+    padding-left: 20px;
+    flex-direction: row;
+}
+#sugg>p{
+    align-content: flex-start;
+    height: auto;
+    padding-left: 18px;
+    font-size: smaller;
+    width: auto;
+    padding-bottom: 20px;
+    flex-direction: row;
+    color: white;
+}
+#identy>p{
+    padding-bottom: 17px;
+    margin-top: 2px;
+    color: white;
+    font-size: small;
+}
+span{
+    color: white;
+}
+#formsect {
+    display: flex;
+    padding-left: 25px;
+    flex-direction: row;
+    height: 400px;
+    width: 100%;
+}
+#frm{
+    display: flex;
+    height: auto;
+    align-items: flex-start;
+    width: 40%;
+    flex-direction: row;
+}
+#butonsearch{
+    display: flex;
+    justify-content: center;
+    margin-top: 10px;
+}
+#frm>input{
+    width:100%;
+    padding-bottom: 20px;
+}
+#buttonsearch{
+    color: white;
+    height: 24px;
+    width:100%;
+    border: 1px solid white;
+     background-color: black;
+     margin-bottom: 11px;
+     padding-top: 7px 0px;
+}
+#but{
+    display: flex;
+    padding: 8px;
+    border-radius: 2px;
+    font-size: small;
+    font-weight: bold;
+    justify-content:flex-end;
+}
+#but>input{
+background-color: #4d90ef;
+padding: 8px;
+}
+#ft{
+    background-color: black;
+}
\ No newline at end of file
