napisanie artykułu #206
There are no files selected for viewing
Binary file not shown.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,12 +1,112 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <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"> | ||
| <title>Kurs maturalny z matematyki</title> | ||
| </head> | ||
| <body> | ||
| <div id="nav"> | ||
| <header> | ||
| <img src="/my solutions/2/logo.jpg" alt="200"> | ||
| <ul> | ||
| <li> <a href="#">O mnie</a> </li> | ||
| <li> <a href="#">rodzaje kursów</a> </li> | ||
| <ul> | ||
| <li> <a href="#">podstawowy</a> </li> | ||
| <li> <a href="#">rozszerzony</a></li> | ||
| </ul> | ||
| <li> <a href="#">cennik</a> </li> | ||
| <li> <a href="#">recenzje</a> </li> | ||
| <li> <a href="#">formularz kontatkowy</a> </li> | ||
| </ul> | ||
| </header> | ||
| </div> | ||
|
|
||
| <div id="hero"> | ||
| <article> | ||
| <h2>O mnie</h2> | ||
| <img src="/my solutions/2/JA" alt="200"> | ||
| <p>Nauczaniem matematyki zajmuje się 8 lat. W tym czasie udało mi się skutecznie pomóc kilkuset uczniom w zdaniu egzaminów – głównie szkoły średniej, a także ósmoklasistom (kiedyś absolwentom gimnazjów). Mam kilka autorskich planów przygotowania do matury podstawowej i rozszerzonej (w zależności od czasu i zaangażowania ucznia). Pomagam również w zrozumieniu bieżącego materiału z lekcji lub wykładu.</p> | ||
| <table border="1"> | ||
| <caption>Cennik</caption> | ||
| <colgroup> | ||
| <col span="3" style="background: wheat;"> | ||
| </colgroup> | ||
| <thead> | ||
| <tr> | ||
| <th scope="col">Rodzaj lekcji</th> | ||
| <th scope="col">Czas trwania</th> | ||
| <th scope="col">Cena</th> | ||
| </tr> | ||
| </thead> | ||
| <tbody> | ||
| <tr> | ||
| <td>Online</td> | ||
| <td>50 minut</td> | ||
| <td>75 zł</td> | ||
| </tr> | ||
| <tr> | ||
| <td>Stacjonarna</td> | ||
| <td>50 minut</td> | ||
| <td>75 zł</td> | ||
| </tr> | ||
| </tbody> | ||
| </table> | ||
| <br/> | ||
| <footer> | ||
| <time datetime="2.09.2024">2 września 2024</time> | ||
| <p>Autor: Piotr Palka</p> | ||
| </footer> | ||
| </article> | ||
| </div> | ||
| <div id="form"> | ||
| <form> | ||
| <h3>Formularz kontaktowy</h3> | ||
| <div> | ||
| <label>Imię | ||
| <input name="First name"/> | ||
| </label> | ||
| </div> | ||
| <div> | ||
| <label>Nazwisko | ||
| <input name="Last name"/> | ||
| </label> | ||
| </div> | ||
| <div> | ||
| <label>Treść | ||
| <input type="text" size="50"> | ||
| </label> | ||
| </div> | ||
| <div> | ||
| <input type="submit"/> | ||
| </div> | ||
| </form> | ||
| </div> | ||
| <div id="testimonials"> | ||
| <div> | ||
| <h3>Komentarze uczniów</h3> | ||
| <p> | ||
| <em> | ||
| Bardzo polecam korepetycje. Konkretna pomoc i miłe podejście. Wynik z matury bardzo satysfakcjonujący! | ||
| </em> | ||
| </p> | ||
| <p>Wiktor</p> | ||
| <time datetime="3.07.2023">3 lipca 2023</time> | ||
| <hr/> | ||
| <p> | ||
| <em> | ||
| Świetne podejście do ucznia, oraz ogromne umiejętności przekazywania wiedzy. Korepetycje zawsze przebiegały w miłej atmosferze, bez presji i stresu. Z czystym sumieniem mogę polecić Pana Piotra, dzięki jego korepetycjom wynik matury przeszedł moje najśmielsze oczekiwania! | ||
| </em> | ||
| </p> | ||
| <p>Jagoda</p> | ||
| <time datetime="2.07.2024">2 lipca 2024</time> | ||
| </div> | ||
| </div> | ||
| <div id="contact"></div> | ||
| <footer> | ||
| <p> © Matematyka Twoja Przyszłość. Wszelkie prawa zastrzeżone</p> | ||
| </footer> | ||
| </body> | ||
| </html> | ||
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,63 @@ | ||
| @font-face { | ||
| font-family: 'Source Sans Pro'; | ||
| src: url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700;italic&display=swap'); | ||
| font-style: normal; | ||
| font-weight: 400; | ||
| } | ||
|
|
||
| /* Podstawowy styl dla .parent */ | ||
| .parent { | ||
| width: 600px; | ||
| padding: 20px; | ||
| margin: 20px auto; | ||
| border: 1px solid #ccc; | ||
| box-sizing: border-box; | ||
| } | ||
|
|
||
| /* Podstawowe style dla .child */ | ||
| .child { | ||
| padding: 10px; | ||
| background-color: #f0f0f0; | ||
| box-sizing: border-box; | ||
| } | ||
|
|
||
| /* Szerokości dla .child */ | ||
| .child--first { | ||
| width: 30%; | ||
| font-family: 'Source Sans Pro', sans-serif; | ||
| font-weight: 400; /* Regular */ | ||
| } | ||
|
|
||
| .child--middle { | ||
| width: 30%; | ||
| font-family: 'Source Sans Pro', sans-serif; | ||
| font-weight: 700; /* Bold */ | ||
| } | ||
|
|
||
| .child--last { | ||
| width: 40%; | ||
| font-family: 'Source Sans Pro', sans-serif; | ||
| font-style: italic; /* Italic */ | ||
| } | ||
|
|
||
| /* Odstęp między elementami */ | ||
| .child:not(:last-child) { | ||
| margin-right: 10px; | ||
| } | ||
|
|
||
| /* Pozycjonowanie za pomocą inline-block */ | ||
| .parent--inline-block .child { | ||
| display: inline-block; | ||
| vertical-align: top; | ||
| } | ||
|
|
||
| /* Pozycjonowanie za pomocą float */ | ||
| .parent--float .child { | ||
| float: left; | ||
| } | ||
|
Comment on lines
+55
to
+57
Owner
There was a problem hiding this comment. Używając |
||
|
|
||
| /* Pozycjonowanie za pomocą flexbox */ | ||
| .parent--flexbox { | ||
| display: flex; | ||
| justify-content: space-between; | ||
| } | ||
|
Owner
There was a problem hiding this comment. Uwaga na odpowiednią lokalizację pliku. Nie powinien być on w katalogu |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,35 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Document</title> | ||
| <link rel="stylesheet" href="/04/style/style.css"> | ||
| </head> | ||
| <body> | ||
| <nav> | ||
| <ul class="menu"> | ||
| <li><a href="#">HOME</a></li> | ||
| <li><a href="#">ITEMS <div class="rotated">></div> | ||
| </a> <!-- Strzałka w dół --> | ||
| <ul class="submenu"> | ||
| <li><a href="#">Item 1 ></a> | ||
| <ul class="submenu"> | ||
| <li><a href="#">Item 1.1</a></li> | ||
| <li><a href="#">Item 1.2</a></li> | ||
| </ul> | ||
| </li> | ||
| <li><a href="#">Item 2 ></a> <!-- Strzałka w prawo --> | ||
| <ul class="submenu"> | ||
|
Owner
There was a problem hiding this comment. Zwróć uwagę, że to menu pokazuje się na tej samej linii co to wyżej - tak nie powinno być. |
||
| <li><a href="#">Item 2.1</a></li> | ||
| <li><a href="#">Item 2.2</a></li> | ||
| </ul> | ||
| </li> | ||
| </ul> | ||
| </li> | ||
|
Owner
There was a problem hiding this comment. Tutaj jest już dobrze zamknięty ten element! 👍 |
||
| <li><a href="#">SETTINGS</a></li> | ||
| <li><a href="#">CONTACT</a></li> | ||
| </ul> | ||
| </nav> | ||
| </body> | ||
| </html> | ||
Empty file.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,64 @@ | ||
| * { | ||
| margin: 0; | ||
| padding: 0; | ||
| box-sizing: border-box; | ||
| } | ||
| body { | ||
| font-family: Arial, sans-serif; | ||
| background-color: whitesmoke; | ||
| } | ||
| nav { | ||
| background-color: white; | ||
| padding: 10px; | ||
| } | ||
| .menu { | ||
| list-style: none; | ||
| display: flex; | ||
| justify-content: flex-start; | ||
| } | ||
| .menu > li { | ||
| position: relative; | ||
| margin-right: 20px; | ||
| } | ||
|
|
||
| .menu li a { | ||
|
Owner
There was a problem hiding this comment. Zdecydowanie łatwiej jest przypisać każdemu elementowi klasę i ją stylować, zamiast używać nazw znaczników. |
||
| text-decoration: none; | ||
| color: #333; | ||
| padding: 10px 15px; | ||
| display: block; | ||
| } | ||
| .menu li a:hover { | ||
| color: rgb(66, 98, 202); | ||
| } | ||
| .submenu { | ||
| display: none; | ||
| position: absolute; | ||
| top: 100%; | ||
| left: 0; | ||
| background-color: #333; | ||
| list-style: none; | ||
| padding: 0; | ||
| } | ||
| .submenu li a { | ||
| padding: 10px 15px; | ||
| color: white; | ||
| text-decoration: none; | ||
| display: block; | ||
| background-color: #262626; | ||
| } | ||
| .submenu li a:hover { | ||
| color: wheat; | ||
| background-color: #383737; | ||
| } | ||
| .submenu .submenu { | ||
| top: 0; | ||
| left: 100%; | ||
| } | ||
| .menu li:hover > .submenu { | ||
| display: block; | ||
| } | ||
| .rotated { | ||
| position: relative; | ||
| transform: rotate(90deg); | ||
| float: right; | ||
| } | ||
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Zwróć uwagę, że
</li>ma być przed</ul>. Ten element zawiera menu podrzędne tj.