Advertisement
irmantas_radavicius

Untitled

Jan 16th, 2022
1,045
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <title>Title</title>
  5.     <meta charset="UTF-8">
  6.     <style>
  7.         /* GENERAL */
  8.         body {
  9.             margin: 0;
  10.         }
  11.        
  12.         #page {
  13.             background-color: none;
  14.             width: 100%;
  15.             border-collapse: collapse;
  16.             border-spacing: 0px;
  17.         }
  18.        
  19.        
  20.         /* HEADER */
  21.         #page td {
  22.             padding: 10px;
  23.             padding-left: 30px;
  24.         }
  25.        
  26.         #page td#logo {
  27.             background-color: none;
  28.             padding-left: 10px;
  29.         }  
  30.         #logo table {
  31.             background-color: none;
  32.             width: 100%;
  33.             border-collapse: collapse;
  34.             border-spacing: 10px;
  35.             height: 100px;
  36.         }
  37.         #logo #left {
  38.             background-color: none;
  39.             width: 20%;
  40.             text-align:center;
  41.             padding: 10px;
  42.             vertical-align: middle;
  43.             font-weight: bold;
  44.             text-transform: uppercase;
  45.             font-size: 48px;
  46.             /*border: 1px solid black;*/
  47.         }  
  48.         #logo #middle {    
  49.             background-color: none;
  50.             width: 2px;
  51.             padding: 0px;
  52.         }
  53.         #logo #right {
  54.             background-color: none;
  55.             width: calc(80% - 2px);
  56.             text-align:center;
  57.             padding: 0px;
  58.             vertical-align: middle;
  59.             /*border: 1px solid black;*/
  60.         }
  61.        
  62.        
  63.         /* NAV */
  64.         #page td#menu {
  65.             background-color: none;
  66.             padding-left: 10px;
  67.             font-size: 0px;
  68.         }
  69.         #menu ul {         
  70.             background-color: none;
  71.             list-style-type: none;
  72.             margin: 0px;
  73.             padding: 0px;
  74.         }      
  75.         #menu li {
  76.             display: inline-block;
  77.             background-color: none;
  78.             margin: 0px;
  79.             font-size: 16px;
  80.             /*border: 1px solid black;*/
  81.             padding: 10px;
  82.             margin-right: 2px;
  83.         }
  84.        
  85.         /* MAIN */
  86.         #page td#content {
  87.             background-color: none;
  88.             padding: 10px 50px;
  89.         }      
  90.        
  91.         /* FOOTER */
  92.         #page td#copyright {
  93.             background-color: none;
  94.             padding: 0 10px;           
  95.         }
  96.         #copyright table {
  97.             width: 100%;
  98.             /*border: 1px solid black;*/
  99.         }
  100.         #copyright table td {
  101.             padding: 10px;
  102.         }
  103.        
  104.     </style>
  105. </head>
  106. <body>
  107.     <table id="page">
  108.         <tr>
  109.             <td id="logo">
  110.                 <table>
  111.                     <tr>
  112.                         <td id="left">Logo</td>
  113.                         <td id="middle"></td>
  114.                         <td id="right">Welcome to my site</td>
  115.                     </tr>              
  116.                 </table>           
  117.             </td>
  118.         </tr>
  119.         <tr>
  120.             <td id="menu">
  121.                 <ul>
  122.                   <li>Coffee</li>    
  123.                   <li>Tea</li>
  124.                   <li>Milk</li>
  125.                 </ul>  
  126.             </td>
  127.         </tr>
  128.         <tr>
  129.             <td id="content">
  130.                 <h1>Heading</h1>
  131.                 <p>Lorem ipsum</p>
  132.                 <p><a href="#">Top</a></p>
  133.                 <h1>Heading</h1>
  134.                 <p>Lorem ipsum</p>
  135.                 <p><a href="#">Top</a></p>
  136.             </td>
  137.         </tr>
  138.         <tr>
  139.             <td id="copyright">
  140.                 <table>
  141.                     <tr>
  142.                         <td>Footer</td>
  143.                     </tr>
  144.                 </table>           
  145.             </td>
  146.         </tr>
  147.     </table>
  148. </body>
  149. </html>
Advertisement
Advertisement
Advertisement
RAW Paste Data Copied
Advertisement