Update index.html

full-stack-web-developer-and-designer · full-stack-web-developer-and-designer · commit e268b9d8aed2 · 2022-01-15T20:01:53.000+01:00
diff --git a/README.md b/README.md
@@ -1,2 +1,16 @@
+<<<<<<< HEAD
 # Corsera-test
 test of my first repository
+=======
+# jQuery datepicker
+This is the repository for **jQuery datepicker**. For this repository we need three different jQuery files.
+1.  [jQuery.js](https://code.jquery.com/jquery-2.2.4.js)
+2. [jQuery.ui.css](https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css)
+3. [jQuery.ui.js](https://code.jquery.com/ui/1.12.1/jquery-ui.js)
+---
+This repository contains the **jQuery** _function_ for change the _year_, _month_, _date format_ and _the first day of the week_, which in this case is set to Monday. 
+Also, after selecting a date, the selection of previous dates is disabled. 
+## 
+[PREVIEW](https://full-stack-web-developer-and-designer.github.io/jQuery-datepicker/)
+
+>>>>>>> 2aeb6a3 (Update README file)
diff --git a/index.html b/index.html
@@ -35,7 +35,42 @@
 	});
 });
         </script>
-        <style>main{width: 70%;margin: 100px auto;padding: 1px 50px 50px;background-color:#AAA;}h1{color:#FFF;text-align:center;}input{margin: 0 15px 0 0;}</style>
+         <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
+        <style>
+        main {
+            width: 70%;margin: 100px auto;
+            padding: 1px 50px 50px;background-color:#AAA;
+        }
+        h1{
+            color:#FFF;
+            text-align:center;
+        }
+        input{
+            margin: 0 15px 0 0;
+        }
+        #footer {
+            background-color: #808080;
+            /* position: absolute;
+            bottom: 0;*/
+            width: 100%;
+            }
+        .footer-social {
+             text-align: center;
+        }
+        a {
+            text-decoration: none;
+        }
+        .footer-social a:link .footer-icon,
+        .footer-social a:visited .footer-icon {
+            color: #FFF;
+            font-size: 2em;
+            padding: 10px;
+        }
+        .footer-social a:hover .footer-icon {
+            color: #808080;
+            background-color: #FFF;
+        }
+        </style>
     </head>
     <body>
     <main>
@@ -50,5 +85,20 @@ <h1>Make your reservation in the time!</h1>
         </select> 
         <input type="submit" value="Search">
     </main>
+    <div id="footer">
+        <section class="footer-social">
+          <a href="https://www.facebook.com/mirnes.glamocic.5/" target="_blank">
+            <i class="footer-icon fab fa-facebook"></i>
+          </a>
+          <a href="https://www.linkedin.com/in/mirnes-glamocic/" target="_blank">
+            <i class="footer-icon fab fa-linkedin"></i>
+          </a>
+          <a href="https://github.com/Full-Stack-Web-Developer-and-Designer/" target="_blank"><i class="footer-icon fab fa-github"></i>
+          </a>
+          <a href="https://mirnesglamocic.com/" target="_blank">
+            <i class="footer-icon fab fa-dribbble"></i>
+          </a>
+        </section>
+      </div><!-- end #footer -->
 </body>
 </html>
