devmentor-pl · AdamIDD · Mar 17, 2024 · Mar 17, 2024 · Mar 17, 2024 · Mar 17, 2024
diff --git a/01/index.html b/01/index.html
@@ -1,12 +1,127 @@
 <!DOCTYPE html>
 <html lang="pl">
+
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <meta
+        name="viewport"
+        content="width=device-width, initial-scale=1.0"
+    >
+    <meta
+        http-equiv="X-UA-Compatible"
+        content="ie=edge"
+    >
     <title>devmentor.pl - HTML & CSS BASICS - #01</title>
 </head>
+
 <body>
-
+
+    <header>
+        <h1><img
+                src=""
+                alt=""
+            ></h1>
+        <nav>
+            <ul>
+                <li><a href="a">home</a></li>
+                <li>
+                    <a href="a">oferta</a>
+                    <ul>
+                        <li><a href="a">strony www</a></li>
+                        <li><a href="a">sklepy internetowe</a></li>
+                        <li><a href="a">portale</a></li>
+                    </ul>
+                </li>
+                <li><a href="a">o mnie</a></li>
+                <li><a href="a">kontakt</a></li>
+            </ul>
+    </header>
+
+    <main>
+        <article>
+            <h1>Jadymy po majstra</h1>
+            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem ea assumenda nam enim a nihil
+                ipsa eum. Dolorem vero fugiat, nostrum facilis debitis animi molestiae ex eligendi nobis, molestias
+                aliquam.</p>
+            <figure>
+                <img src="images/img.png" alt="">
+                <figcaption>Fajny obrazek</figcaption>
+            </figure>
+            <table>
+                <caption>
+                  Front-end web developer course 2021
+                </caption>
+                <thead>
+                  <tr>
+                    <th scope="col">Person</th>
+                    <th scope="col">Most interest in</th>
+                    <th scope="col">Age</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr>
+                    <th scope="row">Chris</th>
+                    <td>HTML tables</td>
+                    <td>22</td>
+                  </tr>
+                  <tr>
+                    <th scope="row">Dennis</th>
+                    <td>Web accessibility</td>
+                    <td>45</td>
+                  </tr>
+                  <tr>
+                    <th scope="row">Sarah</th>
+                    <td>JavaScript frameworks</td>
+                    <td>29</td>
+                  </tr>
+                  <tr>
+                    <th scope="row">Karen</th>
+                    <td>Web performance</td>
+                    <td>36</td>
+                  </tr>
+                </tbody>
+                <tfoot>
+                  <tr>
+                    <th scope="row" colspan="2">Average age</th>
+                    <td>33</td>
+                  </tr>
+                </tfoot>
+              </table>
+            <footer>
+                <p>Autor artykułu: <a rel="author">Adam C.</a>, data publikacji: <time 
+                datetime="2024-03-17">March 17</time</p>
+            </footer>
+        </article>
+    </main>
+    <section>
+        <form action="">
+            <div><label for="name">Imię</label><input type="text" name="name" id="name"></div>
+            <div><label for="content"></label><textarea name="content" id="content" cols="30" rows="10"></textarea></div>
+            <div><input type="submit" value="Dodaj komentarz"></div>
+        </form>
+
+        <ul>
+            <li>
+                <h2><a rel="author">Beata</a>,
+                <time datetime="2024-03-17">March 17</time</p></h2>
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
+            </li>
+            <li>
+                <h2><a rel="author">Ania</a>
+                <time datetime="2024-03-18">March 18</time</p></h2>
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p></li>
+            <li>
+                <h2><a rel="author">Julia</a>
+                <time datetime="2024-03-19">March 19</time</p></h2>
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
+            </li>
+        </ul>
+
+    </section>
+
+    <footer>
+        <p>&copy;2024 id-design.pl</p>
+    </footer>
 </body>
+
 </html>
diff --git a/02/styles/index.css b/02/styles/index.css
@@ -7,7 +7,7 @@
 Znacznik label, którego przodkiem jest klasa .ac-container 
 (0, 1, 1)
 */
-?? {
+.ac-container label {
     height: 30px !important;
     line-height: 21px !important;
     font-size: 12px !important;
@@ -44,25 +44,25 @@ Znacznik label, którego przodkiem jest klasa .ac-container
 
 /* 
 Zmiana koloru tła po najechaniu przez kursor myszy na znacznik label, 
-który znajduje się wewnątrze elementu o klasie .ac-container 
+który znajduje się wewnątrz elementu o klasie .ac-container 
 (0, 2, 1)
 */
-?? {
+.ac-container label:hover {
     background: #fff;
 }
 
 /*
 Te same style CSS dla dwóch selektorów:
 1) 
-znacznik label, którego poprzedni brat jest znaznaczonym inputem (użyj pseudoklasy), 
+znacznik label, którego poprzedni brat jest zaznaczonym inputem (użyj pseudoklasy), 
 i ten brat musi posiadać przodka o klasie .ac-container 
 (0, 2, 2)
 2) 
 to samo co w 1) ale z efektem najechania kursorem na label 
 (0, 3, 2)
 */
-??,
-?? {
+.ac-container input:checked + label,
+.ac-container input:checked + label:hover {
     background: #f1f2f3;
     color: #666;
     text-shadow: 0 1px 1px rgba(255,255,255,0.6);
@@ -89,7 +89,7 @@ którego poprzedni brat jest zaznaczonym inputem (użyj pseudoklasy),
 którego przodek to element o klasie .ac-container
 (0, 3, 3)
 */
-?? {
+.ac-container input:checked+label:hover:after {
     background-image: url(../images/arrow_up.png);
 }
 
@@ -126,7 +126,7 @@ Rodzeństwo o typie article, dla elementu input, który jest zaznaczony (użyj p
 oraz posiada przodka o klasie .ac-container
 (0, 2, 2)
 */
-?? {
+.ac-container input:checked ~ article {
     -webkit-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
     -moz-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
     -o-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;

diff --git a/03/fonts/SourceSansPro-Bold.otf b/03/fonts/SourceSansPro-Bold.otf
diff --git a/03/fonts/SourceSansPro-It.otf b/03/fonts/SourceSansPro-It.otf
diff --git a/03/fonts/SourceSansPro-Regular.otf b/03/fonts/SourceSansPro-Regular.otf
diff --git a/03/fonts/fs/generator_config.txt b/03/fonts/fs/generator_config.txt
@@ -0,0 +1,5 @@
+# Font Squirrel Font-face Generator Configuration File
+# Upload this file to the generator to recreate the settings
+# you used to create these fonts.
+
+{"mode":"optimal","formats":["woff","woff2"],"tt_instructor":"default","fix_gasp":"xy","fix_vertical_metrics":"Y","metrics_ascent":"","metrics_descent":"","metrics_linegap":"","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"}