elenap1991 · elenap1991 · May 26, 2019 · May 26, 2019 · May 26, 2019 · May 26, 2019
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -19,7 +19,7 @@
   "homepage": "https://github.com/webpurple/external-courses#readme",
   "devDependencies": {
     "eslint": "5.4.0",
-    "jest": "23.5.0",
+    "jest": "24.8.0",
     "pre-commit": "1.2.2",
     "css-validator": "0.8.0",
     "html-validator": "3.1.2"

diff --git a/src/ex10_html-css-fundamentals-part2/image/active.png b/src/ex10_html-css-fundamentals-part2/image/active.png
diff --git a/src/ex10_html-css-fundamentals-part2/image/arrow.svg b/src/ex10_html-css-fundamentals-part2/image/arrow.svg
diff --git a/src/ex10_html-css-fundamentals-part2/image/iback.png b/src/ex10_html-css-fundamentals-part2/image/iback.png
diff --git a/src/ex10_html-css-fundamentals-part2/image/iback_small.png b/src/ex10_html-css-fundamentals-part2/image/iback_small.png
diff --git a/src/ex10_html-css-fundamentals-part2/image/iconGeo.png b/src/ex10_html-css-fundamentals-part2/image/iconGeo.png
diff --git a/src/ex10_html-css-fundamentals-part2/image/iconMail.png b/src/ex10_html-css-fundamentals-part2/image/iconMail.png
diff --git a/src/ex10_html-css-fundamentals-part2/image/iconTel.png b/src/ex10_html-css-fundamentals-part2/image/iconTel.png
diff --git a/src/ex10_html-css-fundamentals-part2/image/icon_1.png b/src/ex10_html-css-fundamentals-part2/image/icon_1.png
diff --git a/src/ex10_html-css-fundamentals-part2/image/icon_2.png b/src/ex10_html-css-fundamentals-part2/image/icon_2.png
diff --git a/src/ex10_html-css-fundamentals-part2/image/like green.png b/src/ex10_html-css-fundamentals-part2/image/like green.png
diff --git a/src/ex10_html-css-fundamentals-part2/image/like orange.png b/src/ex10_html-css-fundamentals-part2/image/like orange.png
diff --git a/src/ex10_html-css-fundamentals-part2/image/logo.png b/src/ex10_html-css-fundamentals-part2/image/logo.png
diff --git a/src/ex10_html-css-fundamentals-part2/image/logo_background_small.png b/src/ex10_html-css-fundamentals-part2/image/logo_background_small.png
diff --git a/...x10_html-css-fundamentals-part2/image/magnifier-tool-2_icon-icons.com_56920.svg b/...x10_html-css-fundamentals-part2/image/magnifier-tool-2_icon-icons.com_56920.svg
diff --git a/src/ex10_html-css-fundamentals-part2/image/menu.png b/src/ex10_html-css-fundamentals-part2/image/menu.png
diff --git a/src/ex10_html-css-fundamentals-part2/image/slider_back1.png b/src/ex10_html-css-fundamentals-part2/image/slider_back1.png
diff --git a/src/ex10_html-css-fundamentals-part2/image/slider_back2.png b/src/ex10_html-css-fundamentals-part2/image/slider_back2.png
diff --git a/src/ex10_html-css-fundamentals-part2/image/slider_img1.png b/src/ex10_html-css-fundamentals-part2/image/slider_img1.png
diff --git a/src/ex10_html-css-fundamentals-part2/image/slider_img2.png b/src/ex10_html-css-fundamentals-part2/image/slider_img2.png
diff --git a/src/ex10_html-css-fundamentals-part2/image/text.png b/src/ex10_html-css-fundamentals-part2/image/text.png
diff --git a/src/ex10_html-css-fundamentals-part2/opensans.ttf b/src/ex10_html-css-fundamentals-part2/opensans.ttf
diff --git a/src/ex10_html-css-fundamentals-part2/task-01.css b/src/ex10_html-css-fundamentals-part2/task-01.css
@@ -0,0 +1,13 @@
+input{
+    margin:10px 0;
+}
+.interval::-webkit-outer-spin-button,
+.interval::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+}
+.interval{
+    -moz-appearance: textfield;
+}
+form{
+    font-family: arial;
+}
diff --git a/src/ex10_html-css-fundamentals-part2/task-01.html b/src/ex10_html-css-fundamentals-part2/task-01.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="utf-8">
+    <title>Task 01</title>
+    <link rel="stylesheet" type="text/css" href="task-01.css">
+</head>
+    <body>
+        <form method="GET" action="http://httpbin.org/get">
+            <fieldset>
+                <legend>Personal data</legend>
+                <label>Surname
+                    <input>
+                </label>
+                <br>
+                <label>First Name
+                    <input>
+                </label>
+                <br>
+                <label>Middle Name
+                    <input>
+                </label>
+                <br>
+                <label>You are
+                <input type="radio" name="sex">
+                male</label>
+                <label><input type="radio" name="sex">
+                female</label>
+                <br>
+                <label>Age
+                    <input class="interval" type="number" min = "18" max = "101">
+                </label>
+                <br>
+                <label for="select">Country of Residence</label>
+                    <select id="select">
+                        <option disabled selected>Country</option>
+                        <option>Russia</option>
+                    </select>
+                <br>
+                <label>City
+                    <input type="checkbox">
+                    Ryazan</label>
+                    <input type="checkbox">
+                    <label>Moscow
+                </label>
+                <br>
+                <label>Photography
+                    <input type="file">
+                </label>
+                <hr>
+                <label>Title
+                    <select size="8">
+                        <optgroup label="Technologies">
+                            <option>Web Master</option>
+                            <option>Database Administrator</option>
+                            <option>Computer-aided design</option>
+                        </optgroup>
+                        <optgroup label="Finance">
+                            <option>Economic Planning</option>
+                            <option>Managment accounting</option>
+                            <option>Budgeting and planning</option>
+                        </optgroup>
+                    </select>
+                </label>
+                <br>
+                <label>Salary
+                    <input type="range">
+                </label>
+                <br>
+                <textarea cols="50" rows="10" placeholder="Tell about yourself..."></textarea>
+            </fieldset>
+            <fieldset>
+                <legend>Contact Information</legend>
+                <label>Site
+                    <input type="url">
+                </label>
+                <br>
+                <label>Email
+                    <input type="email">
+                </label>
+                <br>
+                <label>Phone
+                        <input type="tel">
+                </label>
+            </fieldset>
+            <label>Password
+                <input type="password" required>
+            </label>
+            <br>
+            <input type="submit" value="Отправить">
+            <input type="reset" value="Сбросить">
+        </form>
+    </body>
+</html>
diff --git a/src/ex10_html-css-fundamentals-part2/task-02.css b/src/ex10_html-css-fundamentals-part2/task-02.css
@@ -0,0 +1,27 @@
+.table tr:nth-child(odd){
+  background:rgb(227,234,243);
+}
+.table tr:nth-child(even){
+  background:rgb(242,246,250);
+}
+.table tr:hover{
+background:rgb(226,229,233);
+}
+.table td:nth-child(1){
+    text-transform:capitalize;
+}
+.table td:nth-child(4)::before{
+content:"$";
+padding: 0 5px 0 0;
+}
+.table__headcolumn{
+padding: 15px;
+text-transform:uppercase;
+}
+.table__column{
+padding: 15px;
+}
+.table{
+font-family:"Arial";
+color:rgb(76,99,126);
+}
diff --git a/src/ex10_html-css-fundamentals-part2/task-02.html b/src/ex10_html-css-fundamentals-part2/task-02.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="ru">
+  <head>
+    <meta charset="utf-8">
+    <title>Task 02</title>
+    <link rel="stylesheet" type="text/css" href="task-02.css">
+  </head>
+  <body class="table">
+    <table>
+      <tr class = "table__headline">
+        <th class = "table__headcolumn">customer</th>
+        <th class = "table__headcolumn">phone</th>
+        <th class = "table__headcolumn">mail</th>
+        <th class = "table__headcolumn">outstanding</th>
+      </tr>
+      <tr class = "table__line">
+        <td class = "table__column">jhonny aviony</td>
+        <td class = "table__column">(740) 841-7566</td>
+        <td class = "table__column">info@jhonnyaviony.com</td>
+        <td class = "table__column">2.400.00</td>
+      </tr>
+      <tr class = "table__line">
+        <td class = "table__column">mark hammock</td>
+        <td class = "table__column">(800) 950-4511</td>
+        <td class = "table__column">markhammocklgmail.com</td>
+        <td class = "table__column">700</td>
+      </tr>
+      <tr class = "table__line">
+        <td class = "table__column">richlcl cross</td>
+        <td class = "table__column">(322) 841-7566</td>
+        <td class = "table__column">crossstation@gmail.com</td>
+        <td class = "table__column">1.755.00</td>
+      </tr>
+      <tr class = "table__line">
+        <td class = "table__column">flinn's shack</td>
+        <td class = "table__column">(740) 841-7566</td>
+        <td class = "table__column">help@flinns.com</td>
+        <td class = "table__column">26.850.00</td>
+      </tr>
+      <tr class = "table__line">
+        <td class = "table__column">filip justic</td>
+        <td class = "table__column">(322) 841-7566</td>
+        <td class = "table__column">filip.justic@gmail.com</td>
+        <td class = "table__column">642.214.00</td>
+      </tr>
+      <tr class = "table__line">
+        <td class = "table__column">summer evans</td>
+        <td class = "table__column">(800) 950-4511</td>
+        <td class = "table__column">summer@gmail.com</td>
+        <td class = "table__column">700.00</td>
+      </tr>
+      <tr class = "table__line">
+        <td class = "table__column">marco s. diaz</td>
+        <td class = "table__column">(800) 800-1111</td>
+        <td class = "table__column">s.diaz@gmail.com</td>
+        <td class = "table__column">700.00</td>
+      </tr>
+      <tr class = "table__line">
+        <td class = "table__column">ricky stwerat</td>
+        <td class = "table__column">(800) 800-2222</td>
+        <td class = "table__column">r.stwerat@gmail.com</td>
+        <td class = "table__column">700.00</td>
+      </tr>
+    </table>
+  </body>
+</html>