Zadanie wykonane #181
There are no files selected for viewing
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,215 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="pl"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Zadanie 5</title> | ||
| <link rel="stylesheet" href="./styles/base.css"> | ||
| <link rel="stylesheet" href="./styles/header.css"> | ||
| <link rel="stylesheet" href="./styles/content.css"> | ||
| <link rel="stylesheet" href="./styles/footer.css"> | ||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <!-- Pytanie czy w VSC moge tworzyć własne szablony i donieśc się do nich jak w Emmet? --> | ||
|
|
||
| <!-- Header start --> | ||
|
|
||
| <header class="header row"> | ||
| <div class="header__container container"> | ||
| <h1 class="header__logo cell"> | ||
| <a href="#"><img src="images/logo.svg" alt=""></a> | ||
| </h1> | ||
| <nav class="header__nav cell"> | ||
| <ul> | ||
| <li><a href="#">Team</a></li> | ||
| <li><a href="#">Pricing</a></li> | ||
| <li><a href="#">Features</a></li> | ||
| </ul> | ||
| </nav> | ||
| </div> | ||
| </header> | ||
|
|
||
| <!-- Slider --> | ||
|
|
||
| <section data-id="Slider" class="content row"> | ||
| <div class="content__container container"> | ||
| <article class="content__article cell left"> | ||
| <title>Beautiful Free Nova template</title> | ||
| <p>A top notch premium quality template for your next web project.</p> | ||
| <button type="button">Download FREE!</button> | ||
| </article> | ||
| <article class="content__article cell right"> | ||
|
Comment on lines
+43
to
+44
Owner
There was a problem hiding this comment. Na pewno nie robiłbym 2 razy PS. Tak |
||
| <a href="#"><img class="screen" src="images/screen.png" alt=""></a> | ||
| </article> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Features --> | ||
|
|
||
| <section data-id="Features" class="content row"> | ||
| <div class="content__container container"> | ||
|
Owner
There was a problem hiding this comment. Mozna zamiast |
||
| <article class="content__article title--module">FEATURES</article> | ||
| </div> | ||
| <div class="content__container container"> | ||
| <article class="content__article cell"> | ||
|
Comment on lines
+56
to
+57
Owner
There was a problem hiding this comment. Osobiście zrobiłbym |
||
| <div> | ||
| <img src="images/responsive.svg" alt=""> | ||
| </div> | ||
| <title>fully responsive</title> | ||
| <p>Look amazing on any device: smartphone, tablet, laptop and desktop</p> | ||
| </article> | ||
| <article class="content__article cell"> | ||
| <div> | ||
| <img src="images/customizable.svg" alt=""> | ||
| </div> | ||
| <title>customizable</title> | ||
| <p>Look amazing on any device: smartphone, tablet, laptop and desktop</p> | ||
| </article> | ||
| <article class="content__article cell"> | ||
| <div> | ||
| <img src="images/design.svg" alt=""> | ||
| </div> | ||
| <title>slick and beautiful design</title> | ||
| <p>Look amazing on any device: smartphone, tablet, laptop and desktop</p> | ||
| </article> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Module cooperating companies --> | ||
|
|
||
| <section data-id="Module cooperating" class="content row"> | ||
|
|
||
| <article class="content__article cell"> | ||
|
Owner
There was a problem hiding this comment. Zdecydowanie to nie |
||
| <a href="#"><img src="images/logos.png" alt=""></a> | ||
| </article> | ||
| </section> | ||
|
|
||
| <!-- Simple --> | ||
|
|
||
| <section data-id="Simple" class="content row"> | ||
|
|
||
| <article class="content__article cell left"> | ||
| <a href="#"><img src="images/imac.png" alt=""></a> | ||
| </article> | ||
| <article class="content__article cell right"> | ||
|
|
||
| <div> | ||
| <title>simple and beautiful</title> | ||
| <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the | ||
| industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type | ||
| and scrambled it to make a type specimen book.</p> | ||
| </div> | ||
| </article> | ||
|
|
||
| </section> | ||
|
|
||
| <!-- Pricing plan --> | ||
|
|
||
| <section data-id="Pricing plan" class="content row"> | ||
| <div class="content__container container"> | ||
| <article class="content__article title--module"> | ||
|
Comment on lines
+111
to
+112
Owner
There was a problem hiding this comment. Użyłbym zamiast |
||
| <title> choose your pricing plan</title> | ||
| <span>Pick any of our super affordable pricing plans</span> | ||
| </article> | ||
| </div> | ||
| <div class="content__container container"> | ||
| <article class="content__article cell"> | ||
| <div> | ||
| <title>basic</title> | ||
|
Owner
There was a problem hiding this comment. Ponownie zwracam uwagę, że tutaj raczej np. h2 lub h3 |
||
| <span>$15</span> | ||
| <p>per mouth</p> | ||
| <ul> | ||
| <li>Up to 7 Projects</li> | ||
| <li>2 Additional Developers</li> | ||
| </ul> | ||
| </div> | ||
| <button>Get Started</button> | ||
| </article> | ||
| <article class="content__article cell"> | ||
|
|
||
| <div> | ||
| <title>agency</title> | ||
| <span>$55</span> | ||
| <p>per mouth</p> | ||
| <ul> | ||
| <li>Up to 7 Projects</li> | ||
| <li>2 Additional Developers</li> | ||
| <li>Unlimited Support</li> | ||
| </ul> | ||
|
|
||
| </div> | ||
| <button>Get Started</button> | ||
| </article> | ||
|
|
||
| <article class="content__article cell"> | ||
| <div> | ||
| <title>pro</title> | ||
| <span>$75</span> | ||
| <p>per mouth</p> | ||
| <ul> | ||
| <li>Up to 7 Projects</li> | ||
| <li>2 Additional Developers</li> | ||
| <li>Unlimited Support</li> | ||
| <li>1.5GB Disk Space</li> | ||
| </ul> | ||
| </div> | ||
| <button>Get Started</button> | ||
| </article> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- The team --> | ||
|
|
||
| <section data-id="The team" class="content row"> | ||
| <div class="content__container container"> | ||
| <article class="content__article title--module">THE TEAM</article> | ||
|
Owner
There was a problem hiding this comment. Zdecydowanie nie |
||
| </div> | ||
| <div class="content__container container"> | ||
| <article class="content__article cell"> | ||
|
Comment on lines
+168
to
+169
Owner
There was a problem hiding this comment. Tutaj mamy listę członków zespołu więc ponownie zrobiłbym |
||
| <div> | ||
| <img class="person" src="images/cto.png" alt=""> | ||
| <title>CEO</title> | ||
|
|
||
| <p class="name">jonny b good</p> | ||
| <p class="about">The brains behind the whole operation</p> | ||
| <span><img src="images/twitter.svg" alt=""><img src="images/facebook.svg" alt=""></span> | ||
| </div> | ||
| </article> | ||
| <article class="content__article cell"> | ||
| <div> | ||
| <img class="person" src="images/ceo.png" alt=""> | ||
| <title>CEO</title> | ||
| <p class="name">roll over beethoven</p> | ||
| <p class="about">TThe one the puts it all toghether</p> | ||
| <span><img src="images/twitter.svg" alt=""><img src="images/facebook.svg" alt=""></span> | ||
| </div> | ||
| </article> | ||
| <article class="content__article cell"> | ||
| <div> | ||
| <img class="person" src="images/cfo.png" alt=""> | ||
| <title>CEO</title> | ||
| <p class="name">chuck barry</p> | ||
| <p class="about">The guy with his hand on the wallet</p> | ||
| <span><img src="images/twitter.svg" alt=""><img src="images/facebook.svg" alt=""></span> | ||
| </div> | ||
| </article> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Module 6 --> | ||
|
|
||
| <!-- Footer start --> | ||
|
|
||
| <footer class="footer row"> | ||
| <div class="footer__container container"> | ||
| <section class="footer__logo cell"> | ||
| <span>A free template by</span><img src="images/webscope.svg"> | ||
| </section> | ||
| </div> | ||
| </footer> | ||
|
|
||
| <!-- Footer end --> | ||
|
|
||
| </body> | ||
|
|
||
| </html> | ||
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,34 @@ | ||
| /* base.css */ | ||
| body{ | ||
| margin: 0px; | ||
| } | ||
|
|
||
| .row, | ||
| .cell, | ||
| .container { | ||
| box-sizing: border-box; | ||
| margin: 0px; | ||
| padding: 0px; | ||
| } | ||
|
|
||
| .row { | ||
| margin-bottom: 0px; | ||
| padding: 12px 0px; | ||
| } | ||
|
|
||
| .container { | ||
| margin: 0 auto; | ||
| max-width: 1150px; | ||
| } | ||
|
|
||
| .cell { | ||
| min-height: 50px; | ||
| } | ||
|
|
||
| title{ | ||
| display: block; | ||
| } | ||
|
|
||
| button{ | ||
| cursor: pointer; | ||
| } |
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.
W zadaniach podrzuciłem Ci link ;)