/structure.html

https://bitbucket.org/dhandschuh/pos3-html · HTML · 137 lines · 114 code · 18 blank · 5 comment · 0 complexity · 9f567b8db6faa12b164309a79049d559 MD5 · raw file 

    

  1. <!doctype html>
    2. 

  2. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
    3. 

  3. <!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
    4. 

  4. <!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
    5. 

  5. <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    6. 

  6. <head>
    7. 

  7.   <meta charset="utf-8">
    8. 

  8. 

  9.     <title>Frontline Homeowners Insurance</title>
    10. 

  10.     <meta name="description" content="">
    11. 

  11.     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
    12. 

  12.     <link rel="stylesheet" href="css/bootstrap.css">
    13. 

  13.     <link rel="stylesheet" href="css/bootstrap-widths.css">
    14. 

  14.     <script src="js/libs/modernizr-2.5.3.min.js"></script>
    15. 

  15. </head>
    16. 

  16. <body>     
    17. 

  17.   
    18. 

  18.   <div id="container">
    19. 

  19.                               
    20. 

  20.     <nav> 
    21. 

  21.       <div id="header">
    22. 

  22.       <div class="logo">Frontline Homeowners Insurance</div>
    23. 

  23.       <div class="admin-links">username, <a href="#" class="logout">logout</a><div id="admin-nav"><a href="#">underwriting</a><a href="#">administration</a></div></div>
    24. 

  24.       </div>
    25. 

  25.       <ul>
    26. 

  26.         <!-- css class 'active' to main nav of current page -->
    27. 

  27.         <li><a href="#">My Home</a></li>
    28. 

  28.         <li><a href="#">Quotes</a>
    29. 

  29.           <div class="sub-nav" id="quotes">
    30. 

  30.               <ul class="sub-links">
    31. 

  31.                 <li><a href="#">Get a flood quote</a></li>
    32. 

  32.                 <li class="divider">alabama</li>
    33. 

  33.                 <li><a href="#">Homeowners Special Form - HO3</a></li>
    34. 

  34.                 <li><a href="#">Mobile Home - MH3</a></li>
    35. 

  35.                 <li class="divider">Florida</li>
    36. 

  36.                 <li><a href="#">Homeowners Special Form - HO3</a></li>
    37. 

  37.                 <li><a href="#">Condo Unit Owners - HO6</a></li>
    38. 

  38.                 <li><a href="#">Dwelling Special Form - DP3</a></li>
    39. 

  39.                 <li><a href="#">Mobile Home - MH3</a></li>
    40. 

  40.                 <li class="divider">South Carolina</li>
    41. 

  41.                 <li><a href="#">Homeowners Special Form - HO3</a></li>
    42. 

  42.                 <li><a href="#">Condo Unit Owners - HO6</a>                
    43. 

  43.               </ul>  
    44. 

  44.             <div class="subSearch"><a href="#">search now</a></div>
    45. 

  45.           </div>  
    46. 

  46.         </li>
    47. 

  47.         <li><a href="#">Applications</a>
    48. 

  48.           <div class="sub-nav" id="applications">
    49. 

  49.               <ul class="sub-links">
    50. 

  50.                 <li><a href="#">Get a flood quote</a></li>
    51. 

  51.                 <li class="divider">alabama</li>
    52. 

  52.                 <li><a href="#">Homeowners Special Form - HO3</a></li>
    53. 

  53.                 <li><a href="#">Mobile Home - MH3</a></li>
    54. 

  54.               </ul>  
    55. 

  55.             <div class="subSearch"><a href="#">search now</a></div>
    56. 

  56.           </div>  
    57. 

  57.         </li>
    58. 

  58.         <li><a href="#" class="active">Policies</a>
    59. 

  59.         </li>  
    60. 

  60.         <li><a href="#">Account</a>
    61. 

  61.           <div class="sub-nav" id="account">
    62. 

  62.             <ul class="sub-links">
    63. 

  63.             <li><a href="#">Account Summary</a></li>
    64. 

  64.             <li><a href="#" class="active">Change Email or Password</a></li>
    65. 

  65.             <li><a href="#">Agency Management</a></li>  
    66. 

  66.             </ul>
    67. 

  67.           </div>  
    68. 

  68.         </li>            
    69. 

  69.         <li class="account-item-nav">
    70. 

  70.           <ul>
    71. 

  71.             <li><a href="#" id="messages">Messages</a></li>
    72. 

  72.             <li><a href="#" id="docs">Documents</a></li>
    73. 

  73.             <li><a href="#" id="links">Links</a></li>
    74. 

  74.           </ul>  
    75. 

  75.         </li>            
    76. 

  76.       </ul>    	
    77. 

  77.     
    78. 

  78. 		
    79. 

  79.     </nav>
    80. 

  80.     <div class="pageFunction searcharea">
    81. 

  81. 

  82.       <!-- Begin Section Specific Header Content-->
    83. 

  83. 			<ul id="searchHeader">
    84. 

  84. 				<li>
    85. 

  85.           <input type="text" value="First Name" class="name"/>
    86. 

  86.           <input type="text" value="Last Name" class="name"/>
    87. 

  87.       			<select>
    88. 

  88.       				<option value="#">Select An Agent</option>
    89. 

  89.       				<option value="">Name</option>
    90. 

  90.       				<option value="">Name</option>
    91. 

  91.       			</select>
    92. 

  92. 				</li>
    93. 

  93. 				<li>
    94. 

  94. 				  <input type="text" value="Quote Number" class="quoteNumber"/>
    95. 

  95.         </li>
    96. 

  96. 				<li class="confirm">
    97. 

  97. 				  <button type="button" name="Search" value="Search" class="btn search" >search</button>
    98. 

  98. 				  <button type="button" name="Cancel" value="Cancel" class="btn secondary" >Cancel</button>
    99. 

  99. 				</li>
    100. 

  100. 			</ul>
    101. 

  101.     </div>    
    102. 

  102. 

  103. 

  104.   <div id="content">
    105. 

  105.     
    106. 

  106.     <table class="tableList">
    107. 

  107.     	<tr><th colspan="2">Quote Number</th><th>Applicant Name</th><th>Property Address</th><th>Effective Date</th></tr>
    108. 

  108.     	<tr><td>FH03-000440232</td><td>HomeOwners Special Form - HO3</td><td>David Matthew Handschuh</td><td>23011 Piazza Doria LN 2052</td><td>09/01/11</td></tr>
    109. 

  109.     </table>
    110. 

  110.     
    111. 

  111.     <div id="buttons">
    112. 

  112.       <button class="btn" name="">button name</button>  
    113. 

  113.       <button class="btn large" name="">button name</button>  
    114. 

  114.       <button class="btn secondary" name="">button name</button>  
    115. 

  115. 

  116.     </div>  
    117. 

  117.  
    118. 

  118.   </div> 
    119. 

  119. 

  120.     
    121. 

  121.     <footer>
    122. 

  122.       <div class="footer-content">copyright info external links etc</div>
    123. 

  123.     </footer>  
    124. 

  124. 

  125. 

  126.   </div>
    127. 

  127. 

  128.     <script src="js/libs/jquery-1.7.1.min.js"></script>
    129. 

  129.      <script src="js/libs/jquery.jscrollpane.min.js"></script>
    130. 

  130.     <script src="js/libs/jquery.mousewheel.js"></script>
    131. 

  131.     <script type="text/javascript" src="js/bootstrap.min.js"></script>
    132. 

  132.     <script type="text/javascript" src="js/script.js"></script>
    133. 

  133.     <script type="text/javascript" src="js/animation.js"></script>
    134. 

  134.     <script type="text/javascript" src="js/libs/waypoints.min.js"></script>
    135. 

  135. 

  136. </body>
    137. 

  137. </html>
    138.