SHARE
TWEET

Untitled

a guest Feb 27th, 2020 69 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. #HTML#
  2.  
  3. <!DOCTYPE html>
  4. <html lang="en">
  5.     <head>
  6.         <meta charset="UTF-8">
  7.         <title>Find the precious!</title>
  8.         <link rel="stylesheet" href="style2.css">
  9.     </head>
  10.     <body>
  11.         <nav>
  12.             <ul>
  13.                 <li class="titre"><strong>FindThePrecious.com</strong></li>
  14.                 <li class="box"><strong>Fellows</strong></li>
  15.                 <li><strong>Contact us</strong></li>
  16.             </ul>
  17.         </nav>
  18.         <section>
  19.             <div class="carousel"></div>
  20.         </section>
  21.         <section class="fellow">
  22.             <h2>Fellows wanted dead</h2>
  23.             <p>(or alive if you want to eat them later)</p>
  24.         </section>
  25.         <section class="test">
  26.             <article></article>
  27.             <article></article>
  28.             <article></article>        
  29.         </section>
  30.         <hr>
  31.         <form>
  32.             <h2>Contact us</h2>
  33.             <input type="email" placeholder="@"></br>
  34.             <input type="text" placeholder="&#8962;"></br>
  35.             <input type="text" placeholder="I have seen one of them"></br>
  36.             <textarea placeholder="Your message"></textarea>
  37.         </form>
  38.     </body>
  39. </html>
  40.  
  41. #CSS#
  42. body {
  43.     font-family : Arial, Helvetica, sans-serif;
  44.     color : #666666;
  45. }
  46. ul {
  47.     background : #444444;
  48.     margin : -2px -5px -5px -5px;
  49.     padding-left : 0;
  50. }
  51.  
  52. li {
  53.     font-size : 15px;
  54.     display : inline;
  55.     padding : 6px 20px 5px 15px;
  56.     vertical-align : middle;
  57.     color : #b7b7b7;
  58. }
  59. li.titre {
  60.     font-size : 1.5em;
  61.     }
  62.  
  63. li.box {
  64.     background : #d9d9d9;
  65.     padding : 6px 30px 5px 30px;
  66. }
  67.  
  68. div.carousel {
  69.     background : #efefef;
  70.     height : 200px;
  71.     margin : 5px -5px 0px -5px;
  72. }
  73.  
  74. section.fellow {
  75.     text-align : center;
  76. }
  77.  
  78. section h2{
  79.     display : inline-block;
  80. }
  81.  
  82. p {
  83.     display : inline-block;
  84. }
  85. section.test {
  86.     margin-right : -20px;
  87.     margin-left : 10px;
  88. }
  89.  
  90. article {
  91.   display: inline-block;
  92.   background: #efefef;
  93.   color: white;
  94.   padding: 125px 305px 125px 305px;
  95.   margin: 6px;
  96. }
  97.  
  98. hr {
  99.     margin-top : 50px;
  100. }
  101.  
  102. input {
  103.     margin-left : 75px;
  104.     margin-bottom : 10px;
  105.     width : 85%;
  106. }
  107.  
  108. textarea {
  109.     margin-left : 75px;
  110.     margin-bottom : 10px;
  111.     width : 85%;
  112.     height : 100px;
  113. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top