Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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>FindThePrecious.com</li>
- <li>Fellows</li>
- <li>Contact us</li>
- </ul>
- </nav>
- <section>
- <div class="carousel"></div>
- </section>
- <section>
- <h2>Fellows wanted dead (or alive if you want to eat them later)</h2>
- </section>
- <section>
- <article><img src="https://via.placeholder.com/350x450" alt="placeholder"></article>
- <article><img src="https://via.placeholder.com/350x450" alt="placeholder"></article>
- <article><img src="https://via.placeholder.com/350x450" alt="placeholder"></article>
- </section>
- <form>
- <h2>Contact us</h2>
- <input type="email" placeholder="@">
- <input type="text" placeholder="⌂">
- <input type="text" placeholder="I have seen one of them">
- <textarea placeholder="Your message"></textarea>
- </form>
- </body>
- </html>
- /** Barre de Navigation **/
- nav{
- margin:0;
- padding:0;
- background:black;
- height:50px;
- }
- nav ul li{
- margin:0;
- line-height:50px;
- display:inline;
- padding-right:20px;
- color:white;
- }
- /** Barre de Navigation **/
- /** Carousel **/
- .carousel{
- margin:0;
- height:250px;
- background:grey;
- }
- /** Carousel **/
- /** Section "Fellows wanted dead" **/
- section{
- color:grey;
- text-align:center;
- }
- section h2{
- margin-top:50px;
- margin-bottom:50px;
- }
- section article{
- margin:0;
- display:inline;
- padding-right:0.75%;
- padding-left:0.75%;
- margin-bottom:100px;
- }
- article img{
- display:inline-block;
- margin:0;
- width:30%;
- }
- /** Section "Fellows wanted dead" **/
- /** Formulaire de Contact **/
- form{
- margin-top:100px;
- border-top: 3px solid grey;
- }
- form h2{
- color:grey;
- margin-bottom:50px;
- }
- input{
- display:block;
- margin-left:auto;
- margin-right:auto;
- font-size:1.8em;
- height:30px;
- margin-top:20px;
- width:80%;
- }
- textarea{
- display:block;
- margin-left:auto;
- margin-right:auto;
- margin-top:20px;
- height:150px;
- width:80%;
- }
- /** Formulaire de Contact **/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement