Last active
September 8, 2019 19:37
-
-
Save krez69/8e1ee33054114a6ef46dd8cffcae1793 to your computer and use it in GitHub Desktop.
quete 6
This file contains 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
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Find the precious!</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <nav> | |
| <ul> | |
| <li><a href="#FindThePrecious.com" title="FindThePrecious">FindPrecious.com</li> | |
| <li><a href="#Fellows" title="the Fellows">Fellows</a></li> | |
| <li><a href="#Contact_us" title="contact">Contact us</a></li> | |
| </ul> | |
| </nav> | |
| <section> | |
| <div class="carousel"> | |
| <p><img src="https://via.placeholder.com/1680X250.jpg" alt="fellows" class="image"/ | |
| </div> | |
| </section> | |
| <section class="h2"> | |
| <h2>Fellows wanted dead (or alive if you want to eat them later)</h2> | |
| </section> | |
| <section> | |
| <div class="conteneur"> | |
| <article><p><img src="https://via.placeholder.com/250.jpg" alt="fellows" class="image"/></article> | |
| <article><p><img src= "https://via.placeholder.com/250.jpg" alt="fellows" class="image"/></article> | |
| <article><p><img src="https://via.placeholder.com/250.jpg" alt="fellows" class="image"/></article> | |
| </div> | |
| </section> | |
| <form> | |
| <h2>Contact us</h2> | |
| <input type="text" placeholder="@"> | |
| <input type="text" placeholder="⌂"> | |
| <input type="text" placeholder="I have seen one of them"> | |
| <textarea class="textarea" placeholder="Your message"></textarea> | |
| </form> | |
| </body> | |
| </html> |
This file contains 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
| body{ | |
| margin: 0 auto; | |
| width: 100%; | |
| } | |
| ul{ | |
| list-style: none; | |
| display: fleX; | |
| font-size: 20px; | |
| width: 100%; | |
| padding: 20px; | |
| } | |
| a{ | |
| padding: 50px 5px 50px 0px; | |
| } | |
| .conteneur{ | |
| margin: 80px; | |
| display: flex; | |
| justify-content: space-around; | |
| } | |
| .h2{ | |
| text-align: center; | |
| margin-top: 80px; | |
| } | |
| .image{ | |
| margin: 0 auto; | |
| display: block; | |
| } | |
| form{ | |
| display: block; | |
| margin-left: 0 auto; | |
| margin-right: 0 auto; | |
| margin-bottom: 50px; | |
| margin-top: 50px; | |
| /* limite du formulaire */ | |
| padding: 15px; | |
| } | |
| input{ | |
| width: 80%; | |
| margin-left: 150px; | |
| margin-bottom: 30px; | |
| } | |
| .textarea{ | |
| width: 80%; | |
| margin-left: 150px; | |
| padding-bottom: 150px; | |
| } | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment