The text below is selected, press Ctrl+C to copy to your clipboard. (⌘+C on Mac) No line numbers will be copied.
Guest
Profile
By Guest on 26th November 2018 01:59:37 PM | Syntax: HTML4STRICT | Views: 1



New paste | Download | Show/Hide line no. | Copy text to clipboard
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <title>Harish Industries</title>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  7. <link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-black.css">
  8. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
  9. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  10. html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif;}
  11. .w3-sidebar {
  12.   z-index: 3;
  13.   width: 250px;
  14.   top: 43px;
  15.   bottom: 0;
  16.   height: inherit;
  17. }
  18.  
  19. table,td {
  20. font-family: "Roboto", sans-serif;
  21. width:80%;
  22. border: 1px solid black;
  23. border-collapse: collapse;
  24. text-align:left;
  25. border: 1px solid black;
  26. padding: 15px;
  27. }
  28.  
  29. tr:nth-child(even){background-color: #f2f2f2;}
  30.  
  31. tr:hover {background-color: #ddd;}
  32.  
  33.  
  34. <!-- Navbar -->
  35. <div class="w3-top">
  36.   <div class="w3-bar w3-theme w3-top w3-left-align w3-large">
  37.     <a class="w3-bar-item w3-button w3-right w3-hide-large w3-hover-white w3-large w3-theme-l1" href="javascript:void(0)" onclick="w3_open()"><i class="fa fa-bars"></i></a>
  38.     <a href="#" class="w3-bar-item w3-button w3-theme-l1">Logo</a>
  39.     <a href="profile.htm" class="w3-bar-item w3-button w3-hide-small w3-hover-white">Comapny Profile</a>
  40.     <a href="#" class="w3-bar-item w3-button w3-hide-small w3-hover-white">Contact</a>
  41.     <a href="#" class="w3-bar-item w3-button w3-hide-small w3-hide-medium w3-hover-white">Clients</a>
  42.   </div>
  43. </div>
  44.  
  45. <!-- Sidebar -->
  46. <nav class="w3-sidebar w3-bar-block w3-collapse w3-large w3-theme-l5 w3-animate-left" id="mySidebar">
  47.   <a href="javascript:void(0)" onclick="w3_close()" class="w3-right w3-xlarge w3-padding-large w3-hover-black w3-hide-large" title="Close Menu">
  48.     <i class="fa fa-remove"></i>
  49.   </a>
  50.   <h4 class="w3-bar-item"><b>Menu</b></h4>
  51.   <a class="w3-bar-item w3-button w3-hover-black" href="#">Home</a>
  52.   <a class="w3-bar-item w3-button w3-hover-black" href="#">Contact Us</a>
  53.   <a class="w3-bar-item w3-button w3-hover-black" href="#">Get Latest Price Quote</a>
  54.  
  55. </nav>
  56.  
  57. <!-- Overlay effect when opening sidebar on small screens -->
  58. <div class="w3-overlay w3-hide-large" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>
  59.  
  60. <!-- Main content: shift it to the right by 250 pixels when the sidebar is visible -->
  61. <div class="w3-main" style="margin-left:250px">
  62.  <div class="w3-row w3-padding-64">
  63.    <h3 class="w3-text-teal" "w3-border-bottom">Comapny Factsheet</h3>
  64.    <hr>
  65.    <p class="w3-text-teal">Basic Information</p>
  66.     <table>
  67.           <tr>
  68.     <td>Nature of Business</td>
  69.     <td>Manafacturer</td>
  70.   </tr>
  71.   <tr>
  72.     <td>Comapny Owner</td>
  73.     <td>Harish Shrawane</td>
  74.   </tr>
  75.   <tr>
  76.     <td>Address</td>
  77.     <td>Put address here</td>
  78.   </tr>
  79.   <tr>
  80.     <td>Inustry</td>
  81.     <td>Chemicals</td>
  82.   </tr>
  83.   <tr>
  84.     <td>Material</td>
  85.     <td>Sodium Silicate</td>
  86.   <tr>
  87.     <td>Year of Establishment</td>
  88.     <td>Put Year here</td>
  89.   </tr>
  90.   <tr>
  91.     <td>Leagal Status of Firm</td>
  92.     <td>Proprietorship Firm</td>
  93.   </tr>
  94.   <tr>
  95.     <td>Proprietor Name</td>
  96.     <td>Mrs. Harshada Shrawane</td>
  97.   </tr>
  98.   <tr>
  99.     <td>Annual Turnover</td>
  100.     <td>Around 5 Crore (50 Million)</td>
  101.   </tr>
  102.     </table>
  103.         <hr>
  104.         <p class="w3-text-teal">Site Information</p>
  105.         <table id="a01">
  106.   <tr>
  107.     <td>Site Location</td>
  108.     <td>URBAN</td>
  109.   </tr>
  110.   <tr>
  111.     <td>Building Infrastructure</td>
  112.     <td>Permanent</td>
  113.   </tr>
  114.   <tr>
  115.     <td>Size of Premises</td>
  116.     <td>put size here</td>
  117.   </tr>
  118.   <tr>
  119.     <td>Building Infrastructure</td>
  120.     <td>Permanent</td>
  121.   </tr>
  122.         </table>
  123.         <hr>
  124.         <p class="w3-text-teal">Statutory Profile</p>
  125. <table id="a02">
  126. <tr>
  127.     <td>GST Number</td>
  128.     <td>put GST number here</td>
  129.   </tr>
  130.   <tr>
  131.     <td>TAN Number</td>
  132.     <td>put here</td>
  133.   </tr>
  134.   <tr>
  135.     <td>DGFT / IE Code</td>
  136.     <td>put here</td>
  137.   </tr>
  138.  
  139.         <hr>
  140.         <p class="w3-text-teal">Packaging and Shipment Details</p>
  141. <table id="a03">
  142. <tr>
  143.     <td>Customized Packaging</td>
  144.     <td>Yes</td>
  145.   </tr>
  146.   <tr>
  147.     <td>Shipment Mode</td>
  148.     <td>By Road</td>
  149.   </tr>
  150.  
  151. </table>  
  152.         </div>
  153.  
  154.   <!-- Footer -->
  155.  
  156.   <footer id="myFooter">
  157.     <div class="w3-container w3-theme-l2 w3-padding-32">
  158.       <h4>Harish Industries Limited</h4>
  159.     </div>
  160.  
  161.     <div class="w3-container w3-theme-l1">
  162.        <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">Contact Us</a>
  163.     </div>
  164.   </footer>
  165.  
  166. <!-- END MAIN -->
  167. </div>
  168.  
  169. // Get the Sidebar
  170. var mySidebar = document.getElementById("mySidebar");
  171.  
  172. // Get the DIV with overlay effect
  173. var overlayBg = document.getElementById("myOverlay");
  174.  
  175. // Toggle between showing and hiding the sidebar, and add overlay effect
  176. function w3_open() {
  177.     if (mySidebar.style.display === 'block') {
  178.         mySidebar.style.display = 'none';
  179.         overlayBg.style.display = "none";
  180.     } else {
  181.         mySidebar.style.display = 'block';
  182.         overlayBg.style.display = "block";
  183.     }
  184. }
  185.  
  186. // Close the sidebar with the close button
  187. function w3_close() {
  188.     mySidebar.style.display = "none";
  189.     overlayBg.style.display = "none";
  190. }
  191.  
  192. </body>
  193. </html>



  • Recent Pastes