Advertisement
pan7nikt

index.html

Oct 4th, 2022
886
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.97 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Document</title>
  8.     <link rel="stylesheet" href="style.css" type="text/css">
  9. </head>
  10. <body>
  11.     <div id="container">
  12.         <div id="banner">
  13.             <img src="img/banner.png">
  14.         </div>
  15.         <div id="navbar">
  16.             <input type="button" class="topbutton" onclick="location.href='index.html'" value="HOME">
  17.             <input type="button" class="topbutton" onclick="location.href='nawigacja.html'" value="NAWIGACJA">
  18.             <input type="button" class="topbutton" onclick="location.href='galeria.html'" value="GALERIA">
  19.             <input type="button" class="topbutton" onclick="location.href='podstrona.html'" value="UKŁADY">
  20.             <input type="button" class="topbutton" onclick="location.href='podstrona.html'" value="KONTAKT">
  21.         </div>
  22.         <div id="content">
  23.             <div id="highlights">
  24.                 <div class="topbar">
  25.                     <img class="arrowbutton" src="img/arrow.png" alt="arrowbtn">
  26.                     <p>highlights</p>
  27.                 </div>
  28.  
  29.                 <p class="bold">Jun 14, 2008</p>
  30.                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sapien massa, mattis in mollis sed, tincidunt sed sem. Donec tempus quis dui convallis condimentum. Vivamus sollicitudin molestie odio id ultrices. In hac habitasse platea dictumst. Aliquam vel dignissim arcu. Etiam scelerisque tortor eget lacus molestie efficitur. Nam efficitur laoreet leo, non dapibus metus dapibus et. Quisque hendrerit consequat odio, ac euismod nibh.<br><a href="">Read more...</a></p>
  31.                
  32.                 <p class="bold">Aug 24, 2008</p>
  33.                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sapien massa, mattis in mollis sed, tincidunt sed sem. Donec tempus quis dui convallis condimentum. Vivamus sollicitudin molestie odio id ultrices. In hac habitasse platea dictumst. Aliquam vel dignissim arcu. Etiam scelerisque tortor eget lacus molestie efficitur. Nam efficitur laoreet leo, non dapibus metus dapibus et. Quisque hendrerit consequat odio, ac euismod nibh.<br><a href="">Read more...</a></p>                
  34.             </div>
  35.             <div id="contactinfo">
  36.                 <div class="topbar">
  37.                     <img class="arrowbutton" src="img/arrow.png" alt="arrow">
  38.                     <p>Contact Info</p>
  39.                 </div>
  40.                 <img id="worldmap" src="img/worldmap.png" alt="worldmap">
  41.                 <!--<img id="worldmap" src="worldmap.png" alt="worldmap">-->
  42.             </div>
  43.             <div id="welcome">
  44.                 <h1>Welcome</h1>
  45.                 <h1>Heading 1</h1>
  46.                 <h2>Heading 2</h2>
  47.                 <h3>Heading 3</h3>
  48.                 <h4>Heading 4</h4>
  49.                 <h5>Heading 5</h5>
  50.                 <h6>Heading 6</h6>
  51.                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sapien massa, mattis in mollis sed, tincidunt sed sem. Donec tempus quis dui convallis condimentum. Vivamus sollicitudin molestie odio id ultrices. In hac habitasse platea dictumst. Aliquam vel dignissim arcu. Etiam scelerisque tortor eget lacus molestie efficitur. Nam efficitur laoreet leo, non dapibus metus dapibus et. Quisque hendrerit consequat odio, ac euismod nibh.</p>
  52.                 <input type="button" value="Read more..." class="readmorebtn"><br><br>
  53.                 <input type="button" value="Support" class="welcomebtn">
  54.                 <input type="button" value="Development" class="welcomebtn">
  55.                 <input type="button" value="Strategy" class="welcomebtn"><br>
  56.                 <img src="img/placeholder32.png" class="welcomeimg" alt="welcomeimg">
  57.                 <img src="img/placeholder32.png" class="welcomeimg" alt="welcomeimg">
  58.                 <img src="img/placeholder32.png" class="welcomeimg" alt="welcomeimg"><br>
  59.                 <p class="welcomep">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sapien massa, mattis in mollis sed, tincidunt sed sem. Donec tempus quis dui convallis condimentum.</p>
  60.                 <p class="welcomep">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sapien massa, mattis in mollis sed, tincidunt sed sem. Donec tempus quis dui convallis condimentum.</p>
  61.                 <p class="welcomep">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sapien massa, mattis in mollis sed, tincidunt sed sem. Donec tempus quis dui convallis condimentum.</p>
  62.             </div>
  63.             <div id="who">
  64.                
  65.                 <p class="contentHeader">Who uses our products?</p>
  66.             </div>
  67.             <div id="newsletter">
  68.                 <div class="topbar"></div>
  69.             </div>
  70.         </div>
  71.         <div id="stopka">
  72.            
  73.         </div>
  74.     </div>
  75. </body>
  76. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement