diff --git a/assets/baseline-arrow_back_ios-24px.svg b/assets/baseline-arrow_back_ios-24px.svg index e4f6fd6..d860efe 100644 --- a/assets/baseline-arrow_back_ios-24px.svg +++ b/assets/baseline-arrow_back_ios-24px.svg @@ -1,11 +1 @@ - - - - - - - + \ No newline at end of file diff --git a/assets/baseline-search-24px.svg b/assets/baseline-search-24px.svg index 9a5cd8a..38a0c82 100644 --- a/assets/baseline-search-24px.svg +++ b/assets/baseline-search-24px.svg @@ -1,12 +1 @@ - - - - - - - + \ No newline at end of file diff --git a/assets/logo.png b/assets/logo.png index bb3c966..61668d0 100644 Binary files a/assets/logo.png and b/assets/logo.png differ diff --git a/assets/outline-arrow_upward-24px.svg b/assets/outline-arrow_upward-24px.svg index 496e2ce..60063d0 100644 --- a/assets/outline-arrow_upward-24px.svg +++ b/assets/outline-arrow_upward-24px.svg @@ -1,11 +1 @@ - - - - - - - + \ No newline at end of file diff --git a/assets/outline-collections-24px.svg b/assets/outline-collections-24px.svg index e23d449..530915c 100644 --- a/assets/outline-collections-24px.svg +++ b/assets/outline-collections-24px.svg @@ -1,12 +1 @@ - - - - - - - + \ No newline at end of file diff --git a/assets/outline-link-24px.svg b/assets/outline-link-24px.svg index f77967d..a047c3e 100644 --- a/assets/outline-link-24px.svg +++ b/assets/outline-link-24px.svg @@ -1,12 +1 @@ - - - - - - - + \ No newline at end of file diff --git a/assets/outline-my_location-24px.svg b/assets/outline-my_location-24px.svg index 78d6502..fe7ec47 100644 --- a/assets/outline-my_location-24px.svg +++ b/assets/outline-my_location-24px.svg @@ -1,13 +1 @@ - - - - - - - + \ No newline at end of file diff --git a/assets/outline-ondemand_video-24px.svg b/assets/outline-ondemand_video-24px.svg index ca520e7..6aa4089 100644 --- a/assets/outline-ondemand_video-24px.svg +++ b/assets/outline-ondemand_video-24px.svg @@ -1,12 +1 @@ - - - - - - - + \ No newline at end of file diff --git a/assets/outline-photo_camera-24px.svg b/assets/outline-photo_camera-24px.svg index 014c7fb..90a4805 100644 --- a/assets/outline-photo_camera-24px.svg +++ b/assets/outline-photo_camera-24px.svg @@ -1,13 +1 @@ - - - - - - - + \ No newline at end of file diff --git a/assets/outline-scroll-24px.svg b/assets/outline-scroll-24px.svg index be17a09..d2a6874 100644 --- a/assets/outline-scroll-24px.svg +++ b/assets/outline-scroll-24px.svg @@ -1,15 +1 @@ - - - - - - - - - - + \ No newline at end of file diff --git a/css/main.css b/css/main.css index db3e84f..97b9f9b 100644 --- a/css/main.css +++ b/css/main.css @@ -16,6 +16,12 @@ html { font-size: 62.5%} .settings-svg :hover img { animation: bounce 0.4s linear; } + /*Removing inline css*/ + .settings-svg img{ + height :25 ; + width: 25; + + } form {text-align: center;} @@ -29,10 +35,10 @@ html { font-size: 62.5%} } - + .right { - margin: 0 94%; - padding: 3rem; + margin: 3rem auto auto 90%; + } .active { @@ -95,6 +101,21 @@ html { font-size: 62.5%} width: 60%; height: 6vh; } + @media only screen and (max-width: 800px) { + input[type=text] { + + padding: 15px 32px; + font-size: 15px; + margin: 5px; + width: 80%; + height: 6vh; + } + } + .bounce{ + height: 35px; + width: 35px; + + } .lists :hover img { animation: bounce 0.4s linear; @@ -176,9 +197,19 @@ html { font-size: 62.5%} #footer-align { margin: 0 auto; } + @media only screen and (max-width: 400px) { + + } + + #footer-align h6 { font-size: 1.3rem; } + @media only screen and (max-width: 800px) { + #footer-align h6 { + font-size: 1.3rem; + } + } #footer-align img { margin-left: 18%; } diff --git a/css/queries.css b/css/queries.css index 53ed2d0..79a6ab2 100644 --- a/css/queries.css +++ b/css/queries.css @@ -2,8 +2,8 @@ /* big tablets to desktops from 1023 px to 1200px ( larger than our row 1140px )*/ @media only screen and (max-width: 1200px) { .right { - margin: 0 90%; - padding: 3.4rem; + margin: 0 95%; + } } @@ -14,8 +14,8 @@ /*Small tablets to big tablets from 768 px to 1023 px*/ @media only screen and (max-width: 1023px) { .right { - margin: 0 94%; - padding: 3.4rem; + margin: 0 99%; + } .box-model { width: 80%; @@ -34,8 +34,8 @@ /*Small Phones to small tablets from 480px to 767 px*/ @media only screen and (max-width: 767px) { .right { - margin: 0 85%; - padding: 3.4rem; + margin: 0 90%; + padding: 3rem; } } @@ -46,6 +46,6 @@ @media only screen and (max-width: 480px) { .right { margin: 0 90%; - padding: 3.4rem; + padding-top: 3.4rem; } } \ No newline at end of file diff --git a/images/frontend1.png b/images/frontend1.png index b7c0d72..5e43c81 100644 Binary files a/images/frontend1.png and b/images/frontend1.png differ diff --git a/images/frontend2.png b/images/frontend2.png index 852eec0..f23ec44 100644 Binary files a/images/frontend2.png and b/images/frontend2.png differ diff --git a/images/poster.jpeg b/images/poster.jpeg index 5664300..6239f3b 100644 Binary files a/images/poster.jpeg and b/images/poster.jpeg differ diff --git a/index.html b/index.html index 5cc1519..2e2721e 100644 --- a/index.html +++ b/index.html @@ -11,20 +11,20 @@ Vison Search - + -
-
+
+
- + settings
-
+
@@ -49,25 +49,25 @@
-
+
-
+
-
+
-
+
@@ -90,7 +90,7 @@
Getting Location

-
+