Advertisement
Guest User

index.html

a guest
Oct 21st, 2016
184
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 66.77 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <!--xxxMeta title-->
  7. <title>Building Estimate Calculator</title>
  8. <!--xxxMeta description-->
  9. <meta name="description" content="Online Steel Building Price Estimate Calculator">
  10. <link rel="shortcut icon" href="http://www.buildingsguide.com/sites/all/themes/buildingsguide/favicon.ico" type="image/vnd.microsoft.icon" />
  11. <link rel="stylesheet" href="./css/calc.css" type="text/css" media="screen" />
  12. <script type="text/javascript" src="./js/jquery-1.4.1.min.js"></script>
  13. <script src="./js/jquery.numeric.js" type="text/javascript"></script>
  14.  
  15. <script type="text/javascript">
  16. function resetValue() {
  17. $('.zipcode').val('');
  18. $('select').val('');
  19. //$('input[type=radio]').val('');
  20. $('input[type=radio]').removeAttr('checked');
  21. }
  22. /*--------------------------------------------- On Change show-hide functonality ----------------------------------------------------- */
  23. $(function() {
  24. /* On Change show-hide functonality for buliding usage */
  25.  
  26. $('#buildingUsage').change(function() {
  27.  
  28. if ($('#buildingUsage').val() == "Garage") {
  29. $('#display_result').html("");
  30. $('#display_shape_residental').show();
  31. $('#display_shape_1').hide();
  32. $('#display_shape_commercial').hide();
  33. $('#display_shape_farm').hide();
  34. $('#display_shape_other').hide();
  35. } else if ($('#buildingUsage').val() == "Shop") {
  36. $('#display_result').html("");
  37. $('#display_shape_residental').show();
  38. $('#display_shape_1').hide();
  39. $('#display_shape_commercial').hide();
  40. $('#display_shape_farm').hide();
  41. $('#display_shape_other').hide();
  42. } else if ($('#buildingUsage').val() == "RVGarage") {
  43. $('#display_result').html("");
  44. $('#display_shape_residental').show();
  45. $('#display_shape_1').hide();
  46. $('#display_shape_commercial').hide();
  47. $('#display_shape_farm').hide();
  48. $('#display_shape_other').hide();
  49. } else if ($('#buildingUsage').val() == "Home") {
  50. $('#display_result').html("");
  51. $('#display_shape_residental').show();
  52. $('#display_shape_1').hide();
  53. $('#display_shape_commercial').hide();
  54. $('#display_shape_farm').hide();
  55. $('#display_shape_other').hide();
  56. } else if ($('#buildingUsage').val() == "OtherResidential") {
  57. $('#display_result').html("");
  58. $('#display_shape_residental').show();
  59. $('#display_shape_1').hide();
  60. $('#display_shape_commercial').hide();
  61. $('#display_shape_farm').hide();
  62. $('#display_shape_other').hide();
  63. }
  64. if ($('#buildingUsage').val() == "Horse Barn") {
  65. $('#display_result').html("");
  66. $('#display_shape_residental').show();
  67. $('#display_shape_1').hide();
  68. $('#display_shape_commercial').hide();
  69. $('#display_shape_farm').hide();
  70. $('#display_shape_other').hide();
  71. } else if ($('#buildingUsage').val() == "agri_storage") {
  72. $('#display_result').html("");
  73. $('#display_shape_residental').show();
  74. $('#display_shape_1').hide();
  75. $('#display_shape_commercial').hide();
  76. $('#display_shape_farm').hide();
  77. $('#display_shape_other').hide();
  78. } else if ($('#buildingUsage').val() == "Riding Arena") {
  79. $('#display_result').html("");
  80. $('#display_shape_residental').show();
  81. $('#display_shape_1').hide();
  82. $('#display_shape_commercial').hide();
  83. $('#display_shape_farm').hide();
  84. $('#display_shape_other').hide();
  85. } else if ($('#buildingUsage').val() == "Dairy Barn") {
  86. $('#display_result').html("");
  87. $('#display_shape_residental').show();
  88. $('#display_shape_1').hide();
  89. $('#display_shape_commercial').hide();
  90. $('#display_shape_farm').hide();
  91. $('#display_shape_other').hide();
  92. } else if ($('#buildingUsage').val() == "OtherFarm") {
  93. $('#display_result').html("");
  94. $('#display_shape_residental').show();
  95. $('#display_shape_1').hide();
  96. $('#display_shape_commercial').hide();
  97. $('#display_shape_farm').hide();
  98. $('#display_shape_other').hide();
  99. } else if ($('#buildingUsage').val() == "Warehouse") {
  100. $('#display_result').html("");
  101. $('#display_shape_other').show();
  102. $('#display_shape_1').hide();
  103. $('#display_shape_commercial').hide();
  104. $('#display_shape_farm').hide();
  105. $('#display_shape_residental').hide();
  106. } else if ($('#buildingUsage').val() == "Factory") {
  107. $('#display_result').html("");
  108. $('#display_shape_other').show();
  109. $('#display_shape_1').hide();
  110. $('#display_shape_commercial').hide();
  111. $('#display_shape_farm').hide();
  112. $('#display_shape_residental').hide();
  113. } else if ($('#buildingUsage').val() == "Retail") {
  114. $('#display_result').html("");
  115. $('#display_shape_other').show();
  116. $('#display_shape_1').hide();
  117. $('#display_shape_commercial').hide();
  118. $('#display_shape_farm').hide();
  119. $('#display_shape_residental').hide();
  120. } else if ($('#buildingUsage').val() == "Aircraft_Hangar") {
  121. $('#display_result').html("");
  122. $('#display_shape_other').show();
  123. $('#display_shape_1').hide();
  124. $('#display_shape_commercial').hide();
  125. $('#display_shape_farm').hide();
  126. $('#display_shape_residental').hide();
  127. } else if ($('#buildingUsage').val() == "Auto") {
  128. $('#display_result').html("");
  129. $('#display_shape_other').show();
  130. $('#display_shape_1').hide();
  131. $('#display_shape_commercial').hide();
  132. $('#display_shape_farm').hide();
  133. $('#display_shape_residental').hide();
  134. } else if ($('#buildingUsage').val() == "Storage") {
  135. $('#display_result').html("");
  136. $('#display_shape_other').show();
  137. $('#display_shape_1').hide();
  138. $('#display_shape_commercial').hide();
  139. $('#display_shape_farm').hide();
  140. $('#display_shape_residental').hide();
  141. } else if ($('#buildingUsage').val() == "OtherCommercial") {
  142. $('#display_result').html("");
  143. $('#display_shape_other').show();
  144. $('#display_shape_1').hide();
  145. $('#display_shape_commercial').hide();
  146. $('#display_shape_farm').hide();
  147. $('#display_shape_residental').hide();
  148. } else if ($('#buildingUsage').val() == "Church") {
  149. $('#display_result').html("");
  150. $('#display_shape_other').show();
  151. $('#display_shape_1').hide();
  152. $('#display_shape_commercial').hide();
  153. $('#display_shape_farm').hide();
  154. $('#display_shape_residental').hide();
  155. } else if ($('#buildingUsage').val() == "School") {
  156. $('#display_result').html("");
  157. $('#display_shape_other').show();
  158. $('#display_shape_1').hide();
  159. $('#display_shape_commercial').hide();
  160. $('#display_shape_farm').hide();
  161. $('#display_shape_residental').hide();
  162. } else if ($('#buildingUsage').val() == "Fire Station") {
  163. $('#display_result').html("");
  164. $('#display_shape_other').show();
  165. $('#display_shape_1').hide();
  166. $('#display_shape_commercial').hide();
  167. $('#display_shape_farm').hide();
  168. $('#display_shape_residental').hide();
  169. } else if ($('#buildingUsage').val() == "Rec Center") {
  170. $('#display_result').html("");
  171. $('#display_shape_other').show();
  172. $('#display_shape_1').hide();
  173. $('#display_shape_commercial').hide();
  174. $('#display_shape_farm').hide();
  175. $('#display_shape_residental').hide();
  176. } else if ($('#buildingUsage').val() == "OtherCommunity") {
  177. $('#display_result').html("");
  178. $('#display_shape_other').show();
  179. $('#display_shape_1').hide();
  180. $('#display_shape_commercial').hide();
  181. $('#display_shape_farm').hide();
  182. $('#display_shape_residental').hide();
  183. } else {
  184. $('#display_shape_1').hide();
  185. $('#display_shape_commercial').hide();
  186. $('#display_shape_farm').hide();
  187. $('#display_shape_residental').show();
  188. $('#display_shape_other').hide();
  189. }
  190.  
  191. });
  192.  
  193. /*$('#locationRadio1').click(function(){
  194. $(".zipcode").numeric();
  195. });*/
  196. /* End On Change show-hide functonality for buliding usage */
  197.  
  198. /* On Change show-hide functonality for buliding Style */
  199. $('.zipcode').focus(function() {
  200. if ($('#locationRadio1:checked').val() == 'us') {
  201. $("#usAddress .zipcode").numeric();
  202. }
  203. });
  204. $('input:radio[name="buildingStyle"]').click(function() {
  205. $('#archStyleWidth').attr('value', '');
  206. $('#archStyleLength').attr('value', '');
  207. $('#archStyleHeight').attr('value', '');
  208. $('#styleWidth').attr('value', '');
  209. $('#styleLength').attr('value', '');
  210. $('#straightWallHeight').attr('value', '');
  211. $('#us_province').attr('value', '');
  212. $('#display_result').html("");
  213.  
  214.  
  215. var $this = $(this);
  216. if ($this.val() == "straight_wall_gable" || $this.val() == "straight_wall_single_slop") {
  217. $('#show_straight').show();
  218. $('#show_arc').hide();
  219. $('#show_address').show();
  220. } else if ($this.val() == "Arch_Style_Quonset" || $this.val() == "Quonset_QModel" || $this.val() == "Quonset_PModel") {
  221. $('#show_straight').hide();
  222. $('#show_arc').show();
  223. $('#show_address').show();
  224. } else {
  225. $('#show_straight').hide();
  226. $('#show_arc').hide();
  227. $('#show_address').hide();
  228. }
  229. });
  230.  
  231. /* End On Change show-hide functonality for buliding Style */
  232.  
  233. /* On Change show-hide functonality for location */
  234.  
  235. $('input:radio[name="location"]').click(function() {
  236. $('#display_result').html("");
  237. var $this = $(this);
  238. if ($this.val() == "us") {
  239. $('#usAddress').show();
  240. $('#canAddress').hide();
  241. $('#IntAddress').hide();
  242. //$(".zipcode").numeric();
  243.  
  244. } else if ($this.val() == "can") {
  245. $('#canAddress').show();
  246. $('#usAddress').hide();
  247. $('#IntAddress').hide();
  248.  
  249. } else if ($this.val() == "intl") {
  250. $('#IntAddress').show();
  251. $('#canAddress').hide();
  252. $('#usAddress').hide();
  253.  
  254.  
  255. } else {
  256. $('#IntAddress').hide();
  257. $('#canAddress').hide();
  258. $('#usAddress').hide();
  259. }
  260. });
  261.  
  262. /* End On Change show-hide functonality for location */
  263.  
  264. /* On Key Press Check zipcode is numeric */
  265.  
  266. /*$(document).ready(function(){
  267. if($('#locationRadio1:checked').val() == 'us'){
  268. $(".zipcode").numeric();
  269. }
  270. });*/
  271. var $spans = $("#show_button");
  272. /*$('.zipcode').keyup(function() {
  273.  
  274. var val = this.value;
  275. if (val != '') {
  276. $spans.show();
  277. } else {
  278. $spans.hide();
  279. $('#get_quotes').hide();
  280. }
  281. });*/
  282. /* End On Key Press Check zipcode is numeric */
  283.  
  284. /*------------------------------------------------- End On Change show hide functonality--------------------------------------- */
  285.  
  286. /*---------------------------------------------------- On submit Caluclation---------------------------------------------------- */
  287.  
  288. $("#calculate").submit(function(event) {
  289. if ($('#buildingUsage').val() == '') {
  290. alert('Plese Choose Building Usage.');
  291. return false;
  292. }
  293. if ($('#straightGable:checked').val() == 'straight_wall_gable' || $('#straightSingleShop:checked').val() == 'straight_wall_single_slop') {
  294. if ($('#styleWidth').val() == '' || $('#styleLength').val() == '' || $('#straightWallHeight').val() == '') {
  295. alert('Please Provide Building Size Details');
  296. return false;
  297. }
  298. } else if ($('#qunestpmodel:checked').val() == 'Quonset_PModel' || $('#straightArchQuonset:checked').val() == 'Arch_Style_Quonset' || $('#qunestqmodel:checked').val() == 'Quonset_QModel') {
  299. if ($('#archStyleWidth').val() == '' || $('#archStyleLength').val() == '' || $('#archStyleHeight').val() == '') {
  300. alert('Please Provide Building Size Details');
  301. return false;
  302. }
  303. }
  304. /*if($('#display_result').show()){
  305. $('#get_quotes').show();
  306. }*/
  307. var reset_count = 0;
  308. /* ---------------Values-Quonset $/square foot values key= "Quonset" & value = "Price/SF " ------------------ */
  309. sort_arc = [{
  310. key: 400,
  311. value: 12
  312. }, {
  313. key: 500,
  314. value: 10
  315. }, {
  316. key: 600,
  317. value: 10
  318. }, {
  319. key: 700,
  320. value: 10
  321. }, {
  322. key: 800,
  323. value: 10
  324. }, {
  325. key: 900,
  326. value: 10
  327. }, {
  328. key: 1000,
  329. value: 9
  330. }, {
  331. key: 1200,
  332. value: 9
  333. }, {
  334. key: 1500,
  335. value: 9
  336. }, {
  337. key: 1800,
  338. value: 9
  339. }, {
  340. key: 2000,
  341. value: 8
  342. }, {
  343. key: 3000,
  344. value: 8
  345. }, {
  346. key: 4000,
  347. value: 8
  348. }, {
  349. key: 5000,
  350. value: 8
  351. }, {
  352. key: 6000,
  353. value: 8
  354. }, {
  355. key: 7000,
  356. value: 8
  357. }, {
  358. key: 8000,
  359. value: 8
  360. }, {
  361. key: 9000,
  362. value: 8
  363. }, {
  364. key: 10000,
  365. value: 7
  366. }, {
  367. key: 12000,
  368. value: 7
  369. }, {
  370. key: 14000,
  371. value: 7
  372. }, {
  373. key: 16000,
  374. value: 7
  375. }, {
  376. key: 18000,
  377. value: 7
  378. }, {
  379. key: 20000,
  380. value: 7
  381. }, {
  382. key: 25000,
  383. value: 7
  384. }, {
  385. key: 30000,
  386. value: 6
  387. }, {
  388. key: 40000,
  389. value: 6
  390. }, {
  391. key: 45000,
  392. value: 6
  393. }, {
  394. key: 50000,
  395. value: 6
  396. }, {
  397. key: 60000,
  398. value: 6
  399. }, {
  400. key: 70000,
  401. value: 6
  402. }, {
  403. key: 80000,
  404. value: 6
  405. }, {
  406. key: 90000,
  407. value: 6
  408. }, {
  409. key: 100000,
  410. value: 6
  411. }, ];
  412. /* --------------- EndValues-Quonset $/square foot values key= "Quonset" & value = "Price/SF " ------------------ */
  413.  
  414. /* --------------- Values-Gable $/square foot values key= "Square Footage" & value = "Price/SF " ------------------ */
  415. sort_straight_wall = [{
  416. key: 400,
  417. value: 20.40
  418. }, {
  419. key: 500,
  420. value: 17.70
  421. }, {
  422. key: 600,
  423. value: 14.90
  424. }, {
  425. key: 700,
  426. value: 14.90
  427. }, {
  428. key: 800,
  429. value: 14.90
  430. }, {
  431. key: 900,
  432. value: 9.30
  433. }, {
  434. key: 1000,
  435. value: 9.30
  436. }, {
  437. key: 1200,
  438. value: 8.40
  439. }, {
  440. key: 1500,
  441. value: 8.40
  442. }, {
  443. key: 1800,
  444. value: 8.40
  445. }, {
  446. key: 2000,
  447. value: 8.40
  448. }, {
  449. key: 3000,
  450. value: 7.44
  451. }, {
  452. key: 4000,
  453. value: 7.44
  454. }, {
  455. key: 5000,
  456. value: 7.44
  457. }, {
  458. key: 6000,
  459. value: 7.44
  460. }, {
  461. key: 7000,
  462. value: 7.44
  463. }, {
  464. key: 9000,
  465. value: 7.44
  466. }, {
  467. key: 10000,
  468. value: 5.60
  469. }, {
  470. key: 12000,
  471. value: 5.60
  472. }, {
  473. key: 14000,
  474. value: 5.60
  475. }, {
  476. key: 16000,
  477. value: 5.60
  478. }, {
  479. key: 18000,
  480. value: 5.60
  481. }, {
  482. key: 20000,
  483. value: 5.60
  484. }, {
  485. key: 25000,
  486. value: 5.60
  487. }, {
  488. key: 30000,
  489. value: 5.60
  490. }, {
  491. key: 40000,
  492. value: 5.60
  493. }, {
  494. key: 45000,
  495. value: 5.60
  496. }, {
  497. key: 50000,
  498. value: 5.60
  499. }, {
  500. key: 60000,
  501. value: 5.60
  502. }, {
  503. key: 70000,
  504. value: 5.60
  505. }, {
  506. key: 80000,
  507. value: 5.60
  508. }, {
  509. key: 90000,
  510. value: 5.60
  511. }, {
  512. key: 100000,
  513. value: 5.60
  514. }, ];
  515. /* --------------- End Values-Gable $/square foot values key= "Square Footage" & value = "Price/SF " ------------------ */
  516.  
  517. /*------------------------------------------Get Values By id---------------------------------------------------------*/
  518. $arc_width = $('#archStyleWidth').val();
  519. //alert('archStyleWidth'+$arc_width);
  520. $arc_height = $('#archStyleLength').val();
  521. //alert('archStyleLength'+$arc_height);
  522. $straight_height = $('#straightWallHeight').val();
  523. //alert('straightWallHeight'+$straight_height);
  524. $straight_width = $('#styleWidth').val();
  525. //alert('styleWidth'+$straight_width);
  526. $straight_length = $('#styleLength').val();
  527. //alert('styleLength'+$straight_length);
  528. $us_state_factor = $('#us_province').val();
  529. //alert('us_province'+$us_state_factor);
  530. $can_state_factor = $('#can_province').val();
  531.  
  532. $straight_Gable = $('input:radio[name="buildingStyle"]:checked').val();
  533. //alert('buildingStyle'+$straight_Gable);
  534. //return false;
  535. /*------------------------------------------End Get Values By id---------------------------------------------------------*/
  536.  
  537. /*-------------------------------Calculation for the staright wall and Arc------------------------*/
  538.  
  539. /*-------------------------------Calculation of height-width-lenght for the staright wall and Arc------------------------*/
  540.  
  541.  
  542. function getJson(url) {
  543. return JSON.parse($.ajax({
  544. type: 'GET',
  545. url: url,
  546. dataType: 'json',
  547. data: {
  548. arc_width: $arc_width,
  549. arc_length: $arc_height,
  550. straight_height: $straight_height,
  551. straight_width: $straight_width,
  552. straight_length: $straight_length
  553. },
  554. global: false,
  555. async: false,
  556. success: function(data) {
  557. return data;
  558. }
  559. /*,
  560. error: function(jqXHR, textStatus, errorThrown) {
  561. alert("error==> "+textStatus+ "\n"+errorThrown);
  562. return false;
  563. }*/
  564. }).responseText);
  565. }
  566. var $cal_arc = getJson('./ajax_calculate_estimate.php');
  567.  
  568.  
  569. /*-------------------------------End Calculation of height-width-lenght for the staright wall and Arc------------------------*/
  570.  
  571. /*-------------------------------Calculation of Square Foot for the staright wall and Arc------------------------*/
  572. if ($('#show_arc').is(":visible")) {
  573. if ($arc_width == "") {
  574. alert("Please Select Width");
  575. event.preventDefault();
  576. } else if ($arc_height == "") {
  577. alert("Please Select Length");
  578. event.preventDefault();
  579. } else {
  580. sort_arc = sortByMapKey(sort_arc);
  581.  
  582. $.each(sort_arc, function(key, value) {
  583.  
  584. if ($cal_arc < key && reset_count == 0) {
  585. Square_foot = value;
  586. reset_count = 1;
  587. }
  588. });
  589. }
  590.  
  591.  
  592. $.post(
  593. "./ajax_calculate_estimate.php", {
  594. total_arc: $cal_arc,
  595. arc_square: Square_foot
  596. },
  597. function(data) {
  598. $('#display_result').html(data);
  599. $('#get_quotes').show();
  600. }
  601.  
  602. );
  603.  
  604. } else {
  605. if ($straight_width == "") {
  606. alert("Please Select Width");
  607. event.preventDefault();
  608. } else if ($straight_length == "") {
  609. alert("Please Select Length");
  610. event.preventDefault();
  611. } else if ($straight_height == "") {
  612. alert("Please Select Height");
  613. event.preventDefault();
  614. } else {
  615. sort_straight_wall = sortByMapKey(sort_straight_wall);
  616. $.each(sort_straight_wall, function(key, value) {
  617. if ($cal_arc < key && reset_count == 0) {
  618. Straight_Square_foot = value;
  619. reset_count = 1;
  620. }
  621.  
  622. });
  623. }
  624. /*------------------------------- End Calculation of Square Foot for the staright wall and Arc------------------------*/
  625.  
  626. /*------------------------------- Calculation of USA Address for the Gable ------------------------*/
  627. if ($('#usAddress').is(":visible")) {
  628.  
  629. if ($us_state_factor == "") {
  630. alert('Please Choose State');
  631. return false;
  632. }
  633. $zipcode_us = $("input[name=zipcode_us]").val();
  634. if ($zipcode_us != "") {
  635. $zipcode = $zipcode_us;
  636. } else {
  637. alert('Please Provide Zip Code');
  638. return false;
  639. }
  640.  
  641. if ($straight_Gable == "straight_wall_gable" && $us_state_factor != "") {
  642.  
  643. $.post("./ajax_calculate_estimate.php", {
  644. total_straight: $cal_arc,
  645. us_state_factor: $us_state_factor,
  646. staright_square_foot: Straight_Square_foot
  647. },
  648. function(data) {
  649. $('#display_result').html(data);
  650. $('#get_quotes').show();
  651. }
  652. );
  653.  
  654. } else {
  655. $.post("./ajax_calculate_estimate.php", {
  656. total_straight: $cal_arc,
  657. staright_square_foot: Straight_Square_foot,
  658. us_state_factor: ''
  659. },
  660. function(data) {
  661. $('#display_result').html(data);
  662. $('#get_quotes').show();
  663. }
  664. );
  665. }
  666. } else if ($('#canAddress').is(":visible")) {
  667. if ($can_state_factor == "") {
  668. alert("Please Choose Province");
  669. return false;
  670. }
  671. $zipcode_can = $("input[name=zipcode_can]").val();
  672. if ($zipcode_can != "") {
  673. $zipcode = $zipcode_can;
  674. } else {
  675. alert('Please Provide Postal Code');
  676. return false;
  677. }
  678.  
  679. if ($straight_Gable == "straight_wall_gable" && $us_state_factor != "") {
  680.  
  681. $.post("./ajax_calculate_estimate.php", {
  682. total_straight: $cal_arc,
  683. us_state_factor: $us_state_factor,
  684. staright_square_foot: Straight_Square_foot
  685. },
  686. function(data) {
  687. $('#display_result').html(data);
  688. $('#get_quotes').show();
  689. }
  690. );
  691.  
  692. } else {
  693. $.post("./ajax_calculate_estimate.php", {
  694. total_straight: $cal_arc,
  695. staright_square_foot: Straight_Square_foot,
  696. us_state_factor: ''
  697. },
  698. function(data) {
  699. $('#display_result').html(data);
  700. $('#get_quotes').show();
  701. }
  702. );
  703. }
  704. } else {
  705. $.post("./ajax_calculate_estimate.php", {
  706. total_straight: $cal_arc,
  707. staright_square_foot: Straight_Square_foot
  708. },
  709. function(data) {
  710. $('#display_result').html(data);
  711. $('#get_quotes').show();
  712. }
  713. );
  714.  
  715. }
  716.  
  717. }
  718. event.preventDefault();
  719. });
  720. /*------------------------------- End Calculation of USA Address for the Gable ------------------------*/
  721.  
  722. /*------------------------------- End Calculation for the staright wall and Arc------------------------*/
  723.  
  724. });
  725. /*---------------------------------- End On submit Caluclation ------------------------------------------*/
  726.  
  727. /*--------------------Sorting function to sort the values for $/squarefoot values(Keys and value) in Qunset and Gable-----------*/
  728. function sortByMapKey(a) {
  729. var sorted = a.slice(0).sort(function(a, b) {
  730. return a.key - b.key;
  731. });
  732. var keys = [];
  733. var sorted_key = {};
  734. for (var i = 0, len = sorted.length; i < len; ++i) {
  735. keys[i] = sorted[i].key + ":" + sorted[i].value;
  736. sorted_key[sorted[i].key] = sorted[i].value;
  737.  
  738. }
  739. return sorted_key;
  740. }
  741. /*--------------------End Sorting function to sort the values for $/squarefoot values(Keys and value) in Qunset and Gable-----------*/
  742. /*------------------------------------Url Redirect Function onclick of get quotes button---------------------------------------------*/
  743. $(function() {
  744. $("#get_quotes").bind("click", function() {
  745. /*if($('#straightGable:checked').val()=='straight_wall_gable' || $('#straightSingleShop:checked').val()=='straight_wall_single_slop'){
  746. if($('#styleWidth').val()=='' ||$('#styleLength').val()=='' ||$('#straightWallHeight').val()=='' ){
  747. alert('Please Provide Building Size Details');
  748. return false;
  749. }
  750. }else if($('#qunestpmodel:checked').val()=='Quonset_PModel' || $('#straightArchQuonset:checked').val()=='Arch_Style_Quonset' || $('#qunestqmodel:checked').val()=='Quonset_QModel'){
  751. if($('#archStyleWidth').val()=='' ||$('#archStyleLength').val()=='' ||$('#archStyleHeight').val()=='' ){
  752. alert('Please Provide Building Size Details');
  753. return false;
  754. }
  755. }*/
  756. $zipcode_int = $("input[name=zipcode_int]").val();
  757. $zipcode_us = $("input[name=zipcode_us]").val();
  758. $zipcode_can = $("input[name=zipcode_can]").val();
  759.  
  760. if ($zipcode_int != "") {
  761. $zipcode = $zipcode_int;
  762. } else if ($zipcode_us != "") {
  763. $zipcode = $zipcode_us;
  764. } else if ($zipcode_can != "") {
  765. $zipcode = $zipcode_can;
  766. } else {
  767. alert('Please Provide Zip Code');
  768. return false;
  769. }
  770. if ($('#show_arc').is(":visible")) {
  771.  
  772.  
  773. var url = "http://www.buildingsguide.com/forms/steel-long/index.php?buildingUsage=" + encodeURIComponent($("#buildingUsage").val()) + "&buildingStyle=" + encodeURIComponent($(
  774. "input:radio[name='buildingStyle']:checked").val()) + "&styleWidth=" + encodeURIComponent($("#archStyleWidth").val()) + "&styleLength=" + encodeURIComponent($("#archStyleLength").val()) + "&styleHeight=" +
  775. encodeURIComponent($("#archStyleHeight").val()) + "&location=" + encodeURIComponent($("input:radio[name='location']:checked").val()) + "&us_state=" + encodeURIComponent($("#us_province option:selected").text()) +
  776. "&zipcode=" + encodeURIComponent($zipcode);
  777. window.location.href = url;
  778. } else {
  779. var url = "http://www.buildingsguide.com/forms/steel-long/index.php?buildingUsage=" + encodeURIComponent($("#buildingUsage").val()) + "&buildingStyle=" + encodeURIComponent($(
  780. "input:radio[name='buildingStyle']:checked").val()) + "&styleWidth=" + encodeURIComponent($("#styleWidth").val()) + "&styleLength=" + encodeURIComponent($("#styleLength").val()) + "&styleHeight=" +
  781. encodeURIComponent($("#straightWallHeight").val()) + "&location=" + encodeURIComponent($("input:radio[name='location']:checked").val()) + "&us_state=" + encodeURIComponent($("#us_province option:selected").text()) +
  782. "&zipcode=" + encodeURIComponent($zipcode);
  783. window.location.href = url;
  784. }
  785. });
  786.  
  787. });
  788.  
  789. /*--------------------------------- End Url Redirect Function onclick of get quotes button---------------------------------------------*/
  790. </script>
  791.  
  792. </head>
  793.  
  794. <section id="section-content" class="section section-content">
  795. <div id="zone-content-wrapper" class="zone-wrapper zone-content-wrapper clearfix">
  796. <div id="zone-content" class="zone zone-content clearfix container-12">
  797.  
  798. <div class="grid-9 push-3 region region-content" id="region-content">
  799. <div class="region-inner region-content-inner">
  800. <a id="main-content"></a>
  801. <!--<h1 class="title" id="page-title">Snow Loading Analysis Calculator</h1>-->
  802. <div class="block block-system block-main block-system-main even block-without-title" id="block-system-main">
  803. <div class="block-inner clearfix">
  804.  
  805. <div class="content clearfix">
  806. <article about="/school-buildings.htm" typeof="sioc:Item foaf:Document" class="node node-building node-published node-not-promoted node-not-sticky author-admin odd structural-calculator clearfix" id="structural-calculator">
  807.  
  808.  
  809. <div class="content clearfix">
  810. <div class="field field-name-body field-type-text-with-summary field-label-hidden">
  811. <div class="field-items">
  812. <div class="field-item even" property="content:encoded">
  813. <!--xxxStart Content-->
  814. <!--<p>ASCE 7-05 Code for Buildings with Flat or Low Slope Roofs (<= 5 deg. or 1 in./ft.)<br />
  815. for Balanced Snow, Drift, and Rain-on-Snow Surcharge Loadings</p>
  816. <h4>Input Data</h4>-->
  817. <!--------------------------------------- Calcution Form------------------------------------------------------------->
  818.  
  819.  
  820. <table class="inputTable" width="100%" border="1" align="center" cellpadding="5" cellspacing="0">
  821. <tr>
  822. <td colspan="5" class="heading">
  823. <h1 class="main-heading">
  824. Steel Building Estimates</h1>
  825. </td>
  826. </tr>
  827. <form name="calculate" id="calculate" action="#" method="post">
  828. <!-------------------------------------Drop Down To Selct Building Usage------------------------------------------------>
  829.  
  830. <tr class="label">
  831. <td colspan="2">
  832. <p class="font_set">Building Use:</p>
  833. </td>
  834. <td colspan="3"><select name="buildingUsage" class="inputClass" id="buildingUsage">
  835. <option value="">Choose Usage</option>
  836. <optgroup label="RESIDENTIAL">
  837. <option value="Garage">Garage</option>
  838. <option value="Shop">Shop</option>
  839. <option value="RVGarage">RV Garage</option>
  840. <option value="Home">Home</option>
  841. <option value="OtherResidential">Other</option>
  842. </optgroup>
  843. <optgroup label="FARM">
  844. <option value="Horse Barn">Horse Barn</option>
  845. <option value="agri_storage">Agri Storage</option>
  846. <option value="Riding Arena">Riding Arena</option>
  847. <option value="Dairy Barn">Dairy Barn</option>
  848. <option value="OtherFarm">Other</option>
  849. </optgroup>
  850. <optgroup label="COMMERCIAL">
  851. <option value="Warehouse">Warehouse</option>
  852. <option value="Factory">Factory</option>
  853. <option value="Retail">Retail</option>
  854. <option value="Aircraft_Hangar">Aircraft Hangar</option>
  855. <option value="Auto">Auto</option>
  856. <option value="Storage">Mini Storage</option>
  857. <option value="OtherCommercial">Other</option>
  858. </optgroup>
  859. <optgroup label="COMMUNITY">
  860. <option value="Church">Church</option>
  861. <option value="School">School</option>
  862. <option value="Fire Station">Fire Station</option>
  863. <option value="Rec Center">Rec Center</option>
  864. <option value="OtherCommunity">Other</option>
  865. </optgroup>
  866. </select>
  867. </td>
  868. </tr>
  869. <!-------------------------------------End Drop Down To Selct Building Usage------------------------------------------------>
  870.  
  871. <!---------------------------------- Building Style Radio Buttons of Residental------------------------------------------------>
  872. <tbody id="display_shape_residental">
  873. <!--style="display:none;"-->
  874. <tr>
  875. <td colspan="5">
  876. <div class="light-bg cf">
  877. <p class="font_set">Building Style:</p>
  878. <div id="question-mark"><a href="/building-styles#general" target="_blank">?</a></div>
  879. <div class="OneColumn buildingStyle" style="padding: 0px;">
  880. <div class="icon"> <img src="./images/sw-gable.gif"> </div>
  881. <div class="icon-description"> <input id="straightGable" class="straightGable" type="radio" name="buildingStyle" value="straight_wall_gable" checked="checked">Gable</div>
  882. </div>
  883.  
  884. <div class="OneColumn buildingStyle" style="padding: 0px;">
  885. <div class="icon"><img src="./images/ac.gif"> </div>
  886. <div class="icon-description"><input id="qunestpmodel" class="straightGable" type="radio" name="buildingStyle" value="Quonset_PModel">Quonset</div>
  887. </div>
  888. </div>
  889. </td>
  890.  
  891.  
  892. </tr>
  893. </tbody>
  894. <!----------------------------------End Building Style Radio Buttons of Residental------------------------------------------------>
  895.  
  896. <!---------------------------------- Building Style Radio Buttons of Others------------------------------------------------>
  897. <tbody id="display_shape_other" style="display:none;">
  898. <tr>
  899. <td colspan="5">
  900. <div class="light-bg cf">
  901. <p class="font_set">Building Style:</p>
  902. <div id="question-mark"><a href="/building-styles" target="_blank">?</a></div>
  903. <div class="OneColumn buildingStyle" style="padding: 0px;">
  904.  
  905.  
  906.  
  907.  
  908. <div class="icon"><img src="./images/sw-gable.gif"> </div>
  909. <div class="icon-descrition"><input id="straightGable" class="straightGable" type="radio" name="buildingStyle" value="straight_wall_gable"> Gable</div>
  910. </div>
  911.  
  912. <div class="OneColumn buildingStyle" style="padding: 0px;">
  913.  
  914.  
  915.  
  916. <div class="icon"> <img src="./images/sw-ss.gif"> </div>
  917. <div class="icon-descrition"><input id="straightSingleShop" class="straightGable" type="radio" name="buildingStyle" value="straight_wall_single_slop"> Single Slope </div>
  918.  
  919. </div>
  920.  
  921. <div class="OneColumn buildingStyle" style="padding: 0px;">
  922.  
  923.  
  924.  
  925.  
  926. <div class="icon"> <img src="./images/ac.gif"></div>
  927. <div class="icon-descrition"> <input id="straightArchQuonset" class="straightGable" type="radio" name="buildingStyle" value="Arch_Style_Quonset"> Quonset </div>
  928. </div>
  929. </div>
  930. </td>
  931.  
  932. </tr>
  933.  
  934. <!--<td width="26%">
  935. <div class="OneColumn buildingStyle" style="padding: 0px;">
  936.  
  937. <input id="qunestpmodel" class="straightGable" type="radio" name="buildingStyle" value="Quonset_PModel">
  938. Quonset(P-Model)
  939.  
  940. <img width="30%" src="./images/ac.gif">
  941.  
  942.  
  943. </div>
  944. </td>
  945. <td width="26%">
  946. <div class="OneColumn buildingStyle" style="padding: 0px;">
  947.  
  948. <input id="qunestqmodel" class="straightGable" type="radio" name="buildingStyle" value="Quonset_QModel">
  949. Quonset(Q-Model)
  950.  
  951. <img width="30%" src="./images/ac.gif">
  952.  
  953.  
  954. </div>
  955. </td>-->
  956. </tbody>
  957. <!----------------------------------End Building Style Radio Buttons of Others------------------------------------------------>
  958.  
  959. <!-------------------------------Height/Width/Length selection for the straight Wall-------------------------------------------->
  960. <tbody id="show_straight">
  961. <!--style=" display:none;"-->
  962. <tr>
  963. <td colspan="1" class="label">
  964. <p class="font_set">Building Size:</p>
  965. </td>
  966.  
  967. <td colspan="4">
  968.  
  969. <select name="straightWallWidth" class="inputClass" id="styleWidth">
  970. <option value="">Width</option>
  971. <option value="24">24</option>
  972. <option value="26">26</option>
  973. <option value="28">28</option>
  974. <option value="30">30</option>
  975. <option value="40">40</option>
  976. <option value="50">50</option>
  977. <option value="60">60</option>
  978. <option value="70">70</option>
  979. <option value="80">80</option>
  980. <option value="90">90</option>
  981. <option value="100">100</option>
  982. <option value="125">125</option>
  983. <option value="150">150</option>
  984. <option value="175">175</option>
  985. <option value="200">200</option>
  986. <option value="225">225</option>
  987. <option value="250">250</option>
  988. <option value="275">275</option>
  989. <option value="300">300</option>
  990. </select>
  991.  
  992.  
  993. <select name="straightWallLength" class="inputClass" id="styleLength">
  994. <option value="">Length</option>
  995. <option value="24">24</option>
  996. <option value="26">26</option>
  997. <option value="28">28</option>
  998. <option value="30">30</option>
  999. <option value="40">40</option>
  1000. <option value="50">50</option>
  1001. <option value="60">60</option>
  1002. <option value="70">70</option>
  1003. <option value="80">80</option>
  1004. <option value="90">90</option>
  1005. <option value="100">100</option>
  1006. <option value="125">125</option>
  1007. <option value="150">150</option>
  1008. <option value="175">175</option>
  1009. <option value="200">200</option>
  1010. <option value="225">225</option>
  1011. <option value="250">250</option>
  1012. <option value="275">275</option>
  1013. <option value="300">300</option>
  1014. </select>
  1015.  
  1016.  
  1017. <select name="styleHeight" class="inputClass" id="straightWallHeight">
  1018. <option value="">Height</option>
  1019. <option value="0">8</option>
  1020. <option value="2">10</option>
  1021. <option value="4">12</option>
  1022. <option value="6">14</option>
  1023. <option value="8">16</option>
  1024. <option value="10">18</option>
  1025. <option value="12">20</option>
  1026. <option value="14">22</option>
  1027. </select>
  1028. </td>
  1029.  
  1030. </tr>
  1031. </tbody>
  1032. <!-------------------------------End Height/Width/Length selection for the straight Wall-------------------------------------------->
  1033.  
  1034. <!------------------------------- Height/Width/Length selection for the Arc Style-------------------------------------------->
  1035. <tbody id="show_arc" style="display:none;">
  1036.  
  1037. <tr>
  1038. <td colspan="1" class="label">
  1039. <p class="font_set">Building Size:</p>
  1040. </td>
  1041.  
  1042. <td colspan="4">
  1043.  
  1044. <select name="gableStyleWidth" class="inputClass" id="archStyleWidth">
  1045. <option value="">Width</option>
  1046. <option value="10">10</option>
  1047. <option value="20">20</option>
  1048. <option value="30">30</option>
  1049. <option value="40">40</option>
  1050. <option value="50">50</option>
  1051. <option value="60">60</option>
  1052. <option value="70">70</option>
  1053. <option value="80">80</option>
  1054. <option value="90">90</option>
  1055. <option value="100">100</option>
  1056. <option value="125">125</option>
  1057. <option value="150">150</option>
  1058. <option value="175">175</option>
  1059. <option value="200">200</option>
  1060. <option value="225">225</option>
  1061. <option value="250">250</option>
  1062. <option value="275">275</option>
  1063. <option value="300">300</option>
  1064. </select>
  1065.  
  1066.  
  1067. <select name="gableStyleLength" class="inputClass" id="archStyleLength">
  1068. <option value="">Length</option>
  1069. <option value="10">10</option>
  1070. <option value="12">12</option>
  1071. <option value="14">14</option>
  1072. <option value="16">16</option>
  1073. <option value="20">20</option>
  1074. <option value="25">25</option>
  1075. <option value="30">30</option>
  1076. <option value="35">35</option>
  1077. <option value="40">40</option>
  1078. <option value="45">45</option>
  1079. <option value="50">50</option>
  1080. <option value="60">60</option>
  1081. <option value="70">70</option>
  1082. <option value="80">80</option>
  1083. <option value="90">90</option>
  1084. <option value="100">100</option>
  1085. <option value="110">110</option>
  1086. <option value="120">120</option>
  1087. </select>
  1088.  
  1089.  
  1090. <select name="gableStyleHeight" class="inputClass" id="archStyleHeight" onchange="calculate()">
  1091. <option value="">Height</option>
  1092. <option value=10>10</option><option value=12>12</option><option value=14>14</option><option value=16>16</option><option value=18>18</option><option value=20>20</option><option value=22>22</option>
  1093. </select>
  1094. </td>
  1095.  
  1096. </tr>
  1097. </tbody>
  1098. <!------------------------------- End Height/Width/Length selection for the Arc Style-------------------------------------------->
  1099.  
  1100. <!--------------------------------------------------- Building Location-------------------------------------------->
  1101. <tbody id="show_address">
  1102. <!--style="display:none"-->
  1103.  
  1104. <tr>
  1105. <td colspan="1" class="label">
  1106. <p class="font_set">Building Location:</p>
  1107. </td>
  1108.  
  1109.  
  1110. <td colspan="4"><input id="locationRadio1" type="radio" value="us" name="location" checked="checked"><label>USA</label>
  1111.  
  1112. <input id="locationRadio2" type="radio" value="can" name="location"><label>Canada</label>
  1113. <input id="locationRadio3" type="radio" value="intl" name="location"><label>International</label>
  1114. </td>
  1115. </tr>
  1116.  
  1117. </tbody>
  1118. <!-------------------------------------------------End Building Location-------------------------------------------->
  1119.  
  1120. <!---------------------------------------------Display Fields base on Building Location-------------------------------------------->
  1121.  
  1122. <!----------------------Display Fields For International Address----------------------->
  1123. <!--<tbody id="IntAddress" style="display:none">
  1124. <tr>
  1125.  
  1126.  
  1127. <td>
  1128. <input type="text" name="int_add" id="int_add" class="state_province" placeholder="State/Province" />
  1129. </td>
  1130. <td>
  1131. <input id="zipcode" class="zipcode" type="text" name="zipcode_int" placeholder="Zip/Postal Code">
  1132. </td>
  1133. </tr>
  1134. </tbody>-->
  1135. <!----------------------End Display Fields For International Address----------------------->
  1136.  
  1137. <!----------------------Display Fields For USA Address----------------------->
  1138. <tbody id="usAddress">
  1139. <!-- style=" display:none;"-->
  1140. <tr>
  1141.  
  1142. <td colspan="2">
  1143. <select name="us_province" id="us_province" class="inputClass">
  1144. <option value="">Choose State</option>
  1145. <option value="8.3">AK - Alaska</option>
  1146. <option value="3.3">AL - Alabama</option>
  1147. <option value="0">AR - Arkansas</option>
  1148. <option value="0">AZ - Arizona</option>
  1149. <option value="1.7">CA - California</option>
  1150. <option value="5">CO - Colorado</option>
  1151. <option value="5">CT - Connecticut</option>
  1152. <option value="1.7">DC - District of Columbia</option>
  1153. <option value="5">DE - Delaware</option>
  1154. <option value="3.3">FL - Florida</option>
  1155. <option value="3.3">GA - Georgia</option>
  1156. <option value="1.7">HI - Hawaii</option>
  1157. <option value="0">IA - Iowa</option>
  1158. <option value="0">ID - Idaho</option>
  1159. <option value="0">IL - Illinois</option>
  1160. <option value="0">IN - Indiana</option>
  1161. <option value="3.3">KS - Kansas</option>
  1162. <option value="0">KY - Kentucky</option>
  1163. <option value="3.3">LA - Louisiana</option>
  1164. <option value="8.3">MA - Massachusetts</option>
  1165. <option value="6.7">MD - Maryland</option>
  1166. <option value="6.7">ME - Maine</option>
  1167. <option value="5">MI - Michigan</option>
  1168. <option value="5">MN - Minnesota</option>
  1169. <option value="0">MO - Missouri</option>
  1170. <option value="3.3">MS - Mississippi</option>
  1171. <option value="3.3">MT - Montana</option>
  1172. <option value="0">NC - North Carolina</option>
  1173. <option value="3.3">ND - North Dakota</option>
  1174. <option value="1.7">NE - Nebraska</option>
  1175. <option value="6.7">NH - New Hampshire</option>
  1176. <option value="6.7">NJ - New Jersey</option>
  1177. <option value="1.7">NM - New Mexico</option>
  1178. <option value="0">NV - Nevada</option>
  1179. <option value="6.7">NY - New York</option>
  1180. <option value="0">OH - Ohio</option>
  1181. <option value="3.3">OK - Oklahoma</option>
  1182. <option value="3.3">OR - Oregon</option>
  1183. <option value="8.3">PA - Pennsylvania</option>
  1184. <option value="3.3">PR - Puerto Rico</option>
  1185. <option value="5">RI - Rhode Island</option>
  1186. <option value="3.3">SC - South Carolina</option>
  1187. <option value="1.7">SD - South Dakota</option>
  1188. <option value="1.7">TN - Tennessee</option>
  1189. <option value="3.3">TX - Texas</option>
  1190. <option value="0">UT - Utah</option>
  1191. <option value="0">VA - Virginia</option>
  1192. <option value="5">VT - Vermont</option>
  1193. <option value="3.3">VI - Virgin Islands</option>
  1194. <option value="1.7">WA - Washington</option>
  1195. <option value="5">WI - Wisconsin</option>
  1196. <option value="0">WV - West Virginia</option>
  1197. <option value="1.7">WY - Wyoming</option>
  1198. </select>
  1199. </td>
  1200. <td colspan="3">
  1201. <input id="zipcode" class="zipcode" type="text" name="zipcode_us" placeholder="Zip Code" maxlength="5">
  1202. </td>
  1203. </tr>
  1204. </tbody>
  1205. <!----------------------End Display Fields For USA Address----------------------->
  1206.  
  1207. <!---------------------- Display Fields For Canada Address----------------------->
  1208. <tbody id="canAddress" style="display:none;">
  1209. <tr>
  1210.  
  1211. <td colspan="1">
  1212. <select name="can_province" class="inputClass" id="can_province">
  1213. <option value="">Choose Province</option>
  1214. <option value="AB">Alberta</option>
  1215. <option value="BC">British Columbia</option>
  1216. <option value="MB">Manitoba</option>
  1217. <option value="NB">New Brunswick</option>
  1218. <option value="NL">Newfoundland & Labrador</option>
  1219. <option value="NS">Nova Scotia</option>
  1220. <option value="NT">Northwest Territories</option>
  1221. <option value="NU">Nunavut</option>
  1222. <option value="ON">Ontario</option>
  1223. <option value="PE">Prince Edward Island</option>
  1224. <option value="QC">Quebec</option>
  1225. <option value="SK">Saskatchewan</option>
  1226. <option value="YT">Yukon</option>
  1227. </select>
  1228. </td>
  1229.  
  1230. <td colspan="1">
  1231. <input id="zipcode" class="zipcode" type="text" name="zipcode_can" placeholder="Postal Code" maxlength="7">
  1232. </td>
  1233. </tr>
  1234.  
  1235. </tbody>
  1236. <!----------------------End Display Fields For Canada Address----------------------->
  1237.  
  1238. <!------------------------------------------End Display Fields base on Building Location-------------------------------------------->
  1239. <!------------------------------------------Submit Button For Calculation-------------------------------------------->
  1240. <tbody id="show_button">
  1241. <!-- style="display:none;"-->
  1242. <tr>
  1243.  
  1244. <td colspan="5">
  1245. <div class="light-bg cf">
  1246. <input type="submit" name="submit" class="cal_button" value="Calculate Estimate">
  1247.  
  1248. <div class="total_estimation" id="display_result">&nbsp;</div>
  1249. </div>
  1250. </td>
  1251. </tr>
  1252. </tbody>
  1253.  
  1254. <!------------ Disable Reset --------------->
  1255. <! <tbody id="reset_button">
  1256. <!-- style="display:none;"-->
  1257. <! <tr>
  1258. <! <td colspan="2">
  1259. <! <input type="button" class="reset" value="Reset" onclick="resetValue()">
  1260. <! </td>
  1261. <! </tr>
  1262. <! </tbody>
  1263. <!------------ End Disable Reset ----------->
  1264.  
  1265. <!------------------------------------------End Submit Button For Calculation-------------------------------------------->
  1266. </form>
  1267.  
  1268.  
  1269. </table>
  1270.  
  1271. <!--------------------------------------- End Calcution Form------------------------------------------------------------->
  1272.  
  1273. </div>
  1274.  
  1275.  
  1276.  
  1277.  
  1278.  
  1279. <div class="clearfix">
  1280. <nav class="links node-links clearfix"></nav>
  1281.  
  1282. </div>
  1283. </article>
  1284. </div>
  1285. </div>
  1286. </div>
  1287. </div>
  1288. </div>
  1289. </div>
  1290. </div>
  1291. </section>
  1292. </body>
  1293.  
  1294. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement