diff --git a/pages/Corporate_Information/corp-info_image.jpeg b/pages/Corporate_Information/corp-info_image.jpeg new file mode 100644 index 00000000..3f520550 Binary files /dev/null and b/pages/Corporate_Information/corp-info_image.jpeg differ diff --git a/pages/Corporate_Information/images/flipkart_logo.png b/pages/Corporate_Information/images/flipkart_logo.png new file mode 100644 index 00000000..806b4872 Binary files /dev/null and b/pages/Corporate_Information/images/flipkart_logo.png differ diff --git a/pages/Corporate_Information/index.html b/pages/Corporate_Information/index.html new file mode 100644 index 00000000..5bf1a2d6 --- /dev/null +++ b/pages/Corporate_Information/index.html @@ -0,0 +1,55 @@ + + + + + + + Flipkart - Corporate Information + + + +
+ corporate-building-image +
+

Corporate Information

+ +
+
+ + + \ No newline at end of file diff --git a/pages/Corporate_Information/style.css b/pages/Corporate_Information/style.css new file mode 100644 index 00000000..40388ba6 --- /dev/null +++ b/pages/Corporate_Information/style.css @@ -0,0 +1,167 @@ +* { + box-sizing: border-box; + padding: 0; + margin: 0; + font-family: Arial, Helvetica, sans-serif; + font-weight: 400; + /* border: 1px solid red; */ +} + +body { + background-color: #f1f3f6; +} + +nav { + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + padding: 8px 5%; + background-color: #2874F0; +} + +.nav-left { + display: flex; + align-items: center; + gap: 20px; +} + +input { + width: 40vw; + padding: 10px; +} + +button { + padding: 10px 20px; + width: 150px; + color: rgb(75, 75, 255); + background-color: white; + font-weight: 600; + border: none; +} + +.search { + position: relative; +} + +i { + position: absolute; + top: 30%; + right: 0; + color: rgb(75, 75, 255); + height: 100%; + width: 30px; + +} + +#footer-inner-container +{ + display: flex; + justify-content: space-between; + align-items: center; + color: rgb(113, 113, 113); + font-size: 13px; + font-family: sans-serif; + padding: 1em 3em; + background-color: white; + height: 4rem; +} +#tnc-container +{ + display: flex; + justify-content: center; + align-items: center; +} +#tnc-container > div +{ + margin-right: 0.5em; +} +#tnc-container > div a +{ + text-decoration: none; + color: rgb(113, 113, 113); +} +#bullet-point +{ + height: 4px; + width: 4px; + background-color: rgb(113, 113, 113); + border-radius: 50%; +} + +#logo-footer +{ + height: 3.125rem; +} + +main +{ + display: flex; +} +main > * +{ + width: 50%; +} +main > div +{ + display: flex; + flex-direction: column; + justify-content: center; + /* margin-left: 5rem; */ +} +h1 +{ + font-weight: 700; + margin-top: -10rem; + margin-bottom: 3rem; + border-left: 1rem solid #346f8d; + padding: 30px 10px; +} +li +{ + list-style-type: none; + font-size: 1.5rem; + margin-left: 2rem; + margin-bottom: 1rem; +} +a:visited, a:link +{ + text-decoration: none; + color: black; +} +a:hover, a:active +{ + color: #2455f4; + text-decoration: underline; +} + +@media screen and (max-width : 890px) { + + input { + width: 40vw; + padding: 5px; + font-size: 12px; + } + + nav button { + padding: 5px; + width: 100px; + font-size: 12px; + } + + .nav-left { + gap: 10px; + } +} + +@media screen and (max-width : 670px) { + nav img { + height: 20px; + } + + input, + nav button { + font-size: 8px; + } + +} \ No newline at end of file