From 8ae11c60bdadfece17e5fe52432d8e6e6c614be7 Mon Sep 17 00:00:00 2001 From: Mohamed Talaat <102768699+MohamedTalaat-Coder@users.noreply.github.com> Date: Sun, 26 Feb 2023 01:22:58 +0200 Subject: [PATCH 1/2] first commit project 0 search --- Project_1/advanced.html | 41 +++++++++++++++++++ Project_1/images.html | 29 ++++++++++++++ Project_1/index.html | 39 ++++++++++++++++++ Project_1/styles.css | 87 +++++++++++++++++++++++++++++++++++++++++ 4 files changed, 196 insertions(+) create mode 100644 Project_1/advanced.html create mode 100644 Project_1/images.html create mode 100644 Project_1/index.html create mode 100644 Project_1/styles.css diff --git a/Project_1/advanced.html b/Project_1/advanced.html new file mode 100644 index 0000000..7764ecd --- /dev/null +++ b/Project_1/advanced.html @@ -0,0 +1,41 @@ + + + + + + + + Document + + + + + + \ No newline at end of file diff --git a/Project_1/images.html b/Project_1/images.html new file mode 100644 index 0000000..35622a1 --- /dev/null +++ b/Project_1/images.html @@ -0,0 +1,29 @@ + + + + + + + + Document + + + + + + diff --git a/Project_1/index.html b/Project_1/index.html new file mode 100644 index 0000000..cce12aa --- /dev/null +++ b/Project_1/index.html @@ -0,0 +1,39 @@ + + + + + + + + Document + + + + + + diff --git a/Project_1/styles.css b/Project_1/styles.css new file mode 100644 index 0000000..2269e33 --- /dev/null +++ b/Project_1/styles.css @@ -0,0 +1,87 @@ +.google-search-links { + text-align: right; + margin: 15px; +} + +a { + text-decoration: none; + margin: 5px; + font-size: 15px; + color: rgba(0,0,0,.87); +} + +a:hover { + border-bottom: 2px solid; +} + +.google-search { + display: flex; + justify-content: center; +} + +form { + position: absolute; + top: 20%; + display: block; +} + +form > div { + margin-bottom: 20px; +} + +h1 { + text-align: center; + font-size: 55px; +} + +.blue { + color: blue; +} + +.red { + color: red; +} + +.orange { + color: orange; +} + +.green { + color:green; +} + +.search-buttons { + display: flex; + justify-content: center; +} + +input { + width: 60vh; + padding: 5px; + border-radius: 6px; + border: #cccccc 2px solid; +} + +input:focus { + outline: none !important; + box-shadow: #cccccc 0 0 14px ; + border: transparent 2px solid; +} + +.button { + background-color: #f8f9fa; + border: #f8f9fa 2px solid; + padding: 5px 18px 5px 18px; + border-radius: 6px; + cursor: pointer; + width: 35%; +} + +.button:hover { + border: #cccccc 2px solid; +} + +#advance-button { + background-color: blue; + color: white; +} \ No newline at end of file From 29aec8952d5b4547c1efcf54233e3f873f5d4704 Mon Sep 17 00:00:00 2001 From: Mohamed Talaat <102768699+MohamedTalaat-Coder@users.noreply.github.com> Date: Sun, 26 Feb 2023 01:24:46 +0200 Subject: [PATCH 2/2] first commit project 0 search --- Project_0/advanced.html | 41 +++++++++++++++++++ Project_0/images.html | 29 ++++++++++++++ Project_0/index.html | 39 ++++++++++++++++++ Project_0/styles.css | 87 +++++++++++++++++++++++++++++++++++++++++ 4 files changed, 196 insertions(+) create mode 100644 Project_0/advanced.html create mode 100644 Project_0/images.html create mode 100644 Project_0/index.html create mode 100644 Project_0/styles.css diff --git a/Project_0/advanced.html b/Project_0/advanced.html new file mode 100644 index 0000000..7764ecd --- /dev/null +++ b/Project_0/advanced.html @@ -0,0 +1,41 @@ + + + + + + + + Document + + + + + + \ No newline at end of file diff --git a/Project_0/images.html b/Project_0/images.html new file mode 100644 index 0000000..35622a1 --- /dev/null +++ b/Project_0/images.html @@ -0,0 +1,29 @@ + + + + + + + + Document + + + + + + diff --git a/Project_0/index.html b/Project_0/index.html new file mode 100644 index 0000000..cce12aa --- /dev/null +++ b/Project_0/index.html @@ -0,0 +1,39 @@ + + + + + + + + Document + + + + + + diff --git a/Project_0/styles.css b/Project_0/styles.css new file mode 100644 index 0000000..2269e33 --- /dev/null +++ b/Project_0/styles.css @@ -0,0 +1,87 @@ +.google-search-links { + text-align: right; + margin: 15px; +} + +a { + text-decoration: none; + margin: 5px; + font-size: 15px; + color: rgba(0,0,0,.87); +} + +a:hover { + border-bottom: 2px solid; +} + +.google-search { + display: flex; + justify-content: center; +} + +form { + position: absolute; + top: 20%; + display: block; +} + +form > div { + margin-bottom: 20px; +} + +h1 { + text-align: center; + font-size: 55px; +} + +.blue { + color: blue; +} + +.red { + color: red; +} + +.orange { + color: orange; +} + +.green { + color:green; +} + +.search-buttons { + display: flex; + justify-content: center; +} + +input { + width: 60vh; + padding: 5px; + border-radius: 6px; + border: #cccccc 2px solid; +} + +input:focus { + outline: none !important; + box-shadow: #cccccc 0 0 14px ; + border: transparent 2px solid; +} + +.button { + background-color: #f8f9fa; + border: #f8f9fa 2px solid; + padding: 5px 18px 5px 18px; + border-radius: 6px; + cursor: pointer; + width: 35%; +} + +.button:hover { + border: #cccccc 2px solid; +} + +#advance-button { + background-color: blue; + color: white; +} \ No newline at end of file