Fix include

- Add links section
pratyaksh1610 · Apr 25, 2024 · c893a59 · c893a59
1 parent 561d849
commit c893a59
Show file tree

Hide file tree

Showing 2 changed files with 166 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -397,14 +397,23 @@
             </div>
           </div>
 
-
-
-          <div class="white-color ready-to-watch" style="font-size: 20px; font-weight: 400; margin-top: 50px; margin-bottom: 10px;">
+          <div
+            class="white-color ready-to-watch"
+            style="
+              font-size: 20px;
+              font-weight: 400;
+              margin-top: 50px;
+              margin-bottom: 10px;
+            "
+          >
             Ready to watch? Enter your email to create or restart your
             membership.
           </div>
 
-          <div class="flex-row email-get-started-div">
+          <div
+            class="flex-row email-get-started-div"
+            style="margin-bottom: 50px"
+          >
             <div class="email-address-div">
               <input
                 class="input-bg"
@@ -420,8 +429,129 @@
       <div><hr /></div>
 
       <div><hr /></div>
-
     </main>
-    <footer></footer>
+
+    <footer>
+      <table>
+        <tr>
+          <td class="links-item">
+            Questions? Call
+            <u class="links-item">000-800-919-1694</u>
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            <u class="links-item">FAQ</u>
+          </td>
+
+          <td>
+            <u class="links-item">Help Centre</u>
+          </td>
+
+          <td>
+            <u class="links-item">Account</u>
+          </td>
+
+          <td>
+            <u class="links-item">Media Centre</u>
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            <u class="links-item">Investor Relations</u>
+          </td>
+
+          <td>
+            <u class="links-item">Jobs</u>
+          </td>
+
+          <td>
+            <u class="links-item">Ways to Watch</u>
+          </td>
+
+          <td>
+            <u class="links-item">Terms of Use</u>
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            <u class="links-item">Privacy</u>
+          </td>
+
+          <td>
+            <u class="links-item">Cookie Preferences</u>
+          </td>
+
+          <td>
+            <u class="links-item">Corporate Information</u>
+          </td>
+
+          <td>
+            <u class="links-item">Contact Us</u>
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            <u class="links-item">Speed Test</u>
+          </td>
+
+          <td>
+            <u class="links-item">Legal Notices</u>
+          </td>
+
+          <td>
+            <u class="links-item">Only on Netflix</u>
+          </td>
+        </tr>
+
+        <tr>
+          <td>
+            <div class="language-select" style="width: 130px">
+              <div class="flex-row language-btn-div">
+                <div class="language-select-icon">
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="white"
+                    width="16"
+                    height="16"
+                    viewBox="0 0 16 16"
+                    role="img"
+                    aria-hidden="true"
+                  >
+                    <path
+                      fill-rule="evenodd"
+                      clip-rule="evenodd"
+                      d="M10.7668 5.33333L10.5038 5.99715L9.33974 8.9355L8.76866 10.377L7.33333 14H9.10751L9.83505 12.0326H13.4217L14.162 14H16L12.5665 5.33333H10.8278H10.7668ZM10.6186 9.93479L10.3839 10.5632H11.1036H12.8856L11.6348 7.2136L10.6186 9.93479ZM9.52722 4.84224C9.55393 4.77481 9.58574 4.71045 9.62211 4.64954H6.41909V2H4.926V4.64954H0.540802V5.99715H4.31466C3.35062 7.79015 1.75173 9.51463 0 10.4283C0.329184 10.7138 0.811203 11.2391 1.04633 11.5931C2.55118 10.6795 3.90318 9.22912 4.926 7.57316V12.6667H6.41909V7.51606C6.81951 8.15256 7.26748 8.76169 7.7521 9.32292L8.31996 7.88955C7.80191 7.29052 7.34631 6.64699 6.9834 5.99715H9.06968L9.52722 4.84224Z"
+                      fill="white"
+                    ></path>
+                  </svg>
+                </div>
+                <div>
+                  <select name="lang" id="" class="lang-btn">
+                    <option lang="en" label="English" value="en-IN" selected="">
+                      English
+                    </option>
+                    <option lang="hi" label="हिन्दी" value="hi-IN">
+                      Hindi
+                    </option>
+                  </select>
+                </div>
+              </div>
+            </div>
+          </td>
+        </tr>
+        <tr>
+          <td>
+            <u class="links-item" style="text-decoration: none"
+              >Netflix India</u
+            >
+          </td>
+        </tr>
+      </table>
+    </footer>
   </body>
 </html>
diff --git a/style.css b/style.css
@@ -290,10 +290,40 @@ hr {
     font-family: Netflix-font;
     font-weight: 400;
     font-size: 27px;
+}
+.footer-flex {
+    justify-content: left;
+}
+.footer-each-item{
+    padding: 10px;
+    margin: 0px;
+}
+.flex-row-link-div {
+    text-align: left;
+    width: 700px;
+}
+
+table {
+    align-items: center;
+    align-self: center;
+    align-content: center;
+    margin: auto;
+    margin-top: 40px;
+    margin-bottom: 70px;
+    border-spacing: 20px;
+}
 
+.links-item {
+    text-decoration-thickness: 2px;
+    color: rgba(255, 255, 255, 0.7);
+    font-family: Netflix-font;
+    font-weight: 400;
+    font-size: 14px;
+    margin-right: 120px;
 }
 
 
+
 /*  */
 /* media auery */
 /*  */
@@ -412,5 +442,3 @@ hr {
 
 
 }
-
-