API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 18th, 2018
93
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.08 KB | None | 0 0
raw download clone embed print report
  1. #dotParse("/application/macros/widget-macros.vtl")
  2.  
  3. <style>
  4. .review-ratings {
  5. color: #efa41b;
  6. fill: currentColor;
  7. margin: 1rem 0;
  8. }
  9.  
  10. .read-more-review-link {
  11. display: block;
  12. }
  13. .wr-national h2 {
  14. color: #6274be;
  15. font-size: 2rem;
  16. font-family: din-condensed-web,DIN Condensed Web,din-condensed,Gnuolane,Impact,sans-serif;
  17. }
  18. .wr-error-block {
  19. background-color: #d52d37;
  20. margin-top: 2rem;
  21. position: relative;
  22. }
  23.  
  24. .wr-error-cover {
  25. position: absolute;
  26. height: 80px;
  27. width: 24rem;
  28. right: 0;
  29. top: 12.5rem;
  30. background-color: white;
  31. }
  32.  
  33. .wr-hero-bottom-mobile p {
  34. display: inline;
  35. margin: 0.5rem;
  36. color: #d52d37;
  37. font-weight: 700;
  38. }
  39.  
  40. .wr-error-block p {
  41. color: white;
  42. fill: currentColor;
  43. text-indent: -1.8rem;
  44. margin-left: 1.5rem;
  45. }
  46.  
  47. .wr-error-block svg {
  48. vertical-align: bottom;
  49. margin-top: 16px;
  50. }
  51.  
  52. .wr-hero-bottom p {
  53. float: left;
  54. margin: 0.5rem;
  55. color: #d52d37;
  56. font-weight: 700;
  57. }
  58.  
  59. .wr-hero-bottom {
  60. height: 2.7rem;
  61. width: fit-content;
  62. position: absolute;
  63. background: white;
  64. bottom: -0.1rem;
  65. -webkit-box-shadow: 0px -10px 15px -4px rgba(000, 000, 000, 0), /* top */ 0px 5px 15px 0px rgba(000, 000, 000, 0.1), /* bottom */ 5px 0px 15px 0px rgba(000, 000, 000, 0.2), /* right */ -5px 0px 15px 0px rgba(000, 000, 000, 0.1); /* left */;
  66. -moz-box-shadow: 0px -10px 15px -4px rgba(000, 000, 000, 0), /* top */ 0px 5px 15px 0px rgba(000, 000, 000, 0.1), /* bottom */ 5px 0px 15px 0px rgba(000, 000, 000, 0.2), /* right */ -5px 0px 15px 0px rgba(000, 000, 000, 0.1); /* left */
  67. box-shadow: /* overridden by webkit/moz */ 0px -10px 15px -4px rgba(000, 000, 000, 0), /* top */ 0px 5px 15px 0px rgba(000, 000, 000, 0.1), /* bottom */ 5px 0px 15px 0px rgba(000, 000, 000, 0.2), /* right */ -5px 0px 15px 0px rgba(000, 000, 000, 0.1); /* left */
  68. }
  69.  
  70. .wr-services {
  71. list-style: none;
  72. -webkit-column-count: 2;
  73. -moz-column-count: 2;
  74. column-count: 2;
  75. padding-left: 0;
  76. border-top: 1px solid #6274BE;
  77. }
  78.  
  79. .wr-services li {
  80. -webkit-column-break-inside: avoid;
  81. page-break-inside: avoid;
  82. break-inside: avoid;
  83. list-style: none;
  84. border-bottom: 1px solid #6274BE;
  85. padding: 0;
  86. padding-left: 0.5rem;
  87. margin: 0;
  88. line-height: 3rem;
  89. color: #6274BE;
  90. font-size: 1.5rem;
  91. font-family: "din-condensed-web", "DIN Condensed Web", "din-condensed", "Gnuolane", "Impact", sans-serif;
  92. }
  93.  
  94. .wr-services svg {
  95. float: right;
  96. margin-top: 0.8rem;
  97. fill: currentColor;
  98. }
  99.  
  100. .wr-services-block {
  101. background-color: #F3F8FC;
  102. padding: 1rem 1rem 3rem 1rem;
  103. }
  104.  
  105. .wr-services-block h2 {
  106. margin: 1rem 0 3rem 0;
  107. }
  108.  
  109. .wr-tech-block {
  110. overflow: hidden;
  111. height: 22rem;
  112. }
  113.  
  114. .wr-tech-block-showmore {
  115. height: auto;
  116. }
  117.  
  118. .wr-tech {
  119. height: 36rem;
  120. background-size: cover;
  121. background-position: -3rem -4rem;
  122. background-repeat: no-repeat;
  123. float: left;
  124. width: 24rem;
  125. overflow: hidden;
  126. }
  127.  
  128. .wr-content-read-more {
  129. cursor: pointer;
  130. }
  131.  
  132. .wr-min-damage {
  133. margin: 3rem 0;
  134. }
  135.  
  136. .wr-min-damage-left-img {
  137. width: 48%;
  138. height: 28rem;
  139. -webkit-background-size: cover;
  140. background-size: cover;
  141. background-repeat: no-repeat;
  142. background-position: 0px -3rem;
  143. float: left;
  144. }
  145.  
  146. .wr-min-damage-right-content {
  147. float: right;
  148. width: 45%;
  149. }
  150.  
  151. .no-franchise-location .wr-min-damage-right-content p {
  152. font-size: 16px;
  153. text-indent: -1.5rem;
  154. margin-left: 2.5rem;
  155. }
  156.  
  157. .wr-min-damage-right-content span {
  158. color: #d52d37;
  159. margin-right: 1rem;
  160. font-size: 16px;
  161. display: inline;
  162. float: left;
  163. margin: 0;
  164. }
  165.  
  166. .wr-min-damage-right-content li {
  167. margin: 1.5rem 0;
  168. list-style: none;
  169. margin-left: 2rem;
  170. text-indent: -2.3rem;
  171. }
  172.  
  173. .wr-min-damage-right-content ul {
  174. padding: 0;
  175. }
  176.  
  177. .wr-min-damage-link {
  178. margin-top: 1rem;
  179. }
  180.  
  181. .wr-min-damage-link a {
  182. font-size: 1rem;
  183. text-decoration: underline;
  184. margin-right: 1rem;
  185. }
  186.  
  187. .wr-content-read-more {
  188. font-size: 1.3rem;
  189. text-decoration: underline;
  190. margin-right: 1rem;
  191. font-family: "din-condensed-web", "DIN Condensed Web", "din-condensed", "Gnuolane", "Impact", sans-serif;
  192.  
  193. }
  194.  
  195. .wr-desc-block {
  196. background-color: #F3F8FC;
  197. }
  198.  
  199. .wr-desc-left-content {
  200. width: 55%;
  201. float: left;
  202. padding: 2rem 0;
  203. }
  204.  
  205. .wr-desc-left-content h2 {
  206. margin-bottom: 2rem;
  207. }
  208.  
  209. .wr-desc-left-content p {
  210. font-size: 16px;
  211. }
  212.  
  213. .wr-desc-right-img {
  214. width: 45%;
  215. height: 24rem;
  216. background-image: url(/HERO-WR-Team.png);
  217. -webkit-background-size: cover;
  218. background-size: cover;
  219. float: right;
  220. background-position: center;
  221. background-repeat: no-repeat;
  222. margin-top:3rem;
  223. }
  224.  
  225. .wr-desc-left-img {
  226. width: 45%;
  227. float: left;
  228. height: 24rem;
  229. background-image: url(/HERO-WR-Team.png);
  230. -webkit-background-size: cover;
  231. background-size: cover;
  232. background-position: center;
  233. background-repeat: no-repeat;
  234. }
  235.  
  236. .wr-desc-right-content {
  237. width: 50%;
  238. float: right;
  239. }
  240.  
  241. .wr-desc-right-content h2 {
  242. margin: 2rem 0;
  243. }
  244.  
  245. .wr-blog-block {
  246. min-height: 25rem;
  247. margin: 3rem 0;
  248. }
  249.  
  250. .wr-single-blog {
  251. -webkit-box-shadow: 0px -10px 15px -4px rgba(000, 000, 000, 0), /* top */ 0px 5px 15px 0px rgba(000, 000, 000, 0.1), /* bottom */ 5px 0px 15px 0px rgba(000, 000, 000, 0.2), /* right */ -5px 0px 15px 0px rgba(000, 000, 000, 0.1); /* left */;
  252. -moz-box-shadow: 0px -10px 15px -4px rgba(000, 000, 000, 0), /* top */ 0px 5px 15px 0px rgba(000, 000, 000, 0.1), /* bottom */ 5px 0px 15px 0px rgba(000, 000, 000, 0.2), /* right */ -5px 0px 15px 0px rgba(000, 000, 000, 0.1); /* left */
  253. box-shadow: /* overridden by webkit/moz */ 0px -10px 15px -4px rgba(000, 000, 000, 0), /* top */ 0px 5px 15px 0px rgba(000, 000, 000, 0.1), /* bottom */ 5px 0px 15px 0px rgba(000, 000, 000, 0.2), /* right */ -5px 0px 15px 0px rgba(000, 000, 000, 0.1); /* left */
  254. width: 30%;
  255. margin-right: 3%;
  256. float: left;
  257. padding: 2rem;
  258. min-height: 24rem;
  259. }
  260.  
  261. .wr-single-blog h2 {
  262. line-height: 2.5rem;
  263. max-height: 7.7rem;
  264. overflow: hidden;
  265. }
  266.  
  267. .wr-single-blog hr {
  268. width: 20%;
  269. border-color: #d52d37;
  270. margin: 2rem 0;
  271. border-width: 1.5px;
  272. }
  273.  
  274. .wr-single-blog p {
  275. margin-bottom: 1rem;
  276. overflow: hidden;
  277. }
  278.  
  279. .wr-single-blog a {
  280. font-size: 1.3rem;
  281. text-decoration: underline;
  282. color: #2e449f;
  283. font-family: "din-condensed-web", "DIN Condensed Web", "din-condensed", "Gnuolane", "Impact", sans-serif;
  284. }
  285.  
  286. .plumbing-residential-useful-links h2:first-of-type {
  287. width: 67%;
  288. float: left;
  289. }
  290.  
  291. .plumbing-residential-useful-links h2:last-of-type {
  292. width: 28%;
  293. float: right;
  294. }
  295.  
  296. .wr-certification-1 {
  297. height: 4rem;
  298. width: auto;
  299. margin: 0 2rem 0 4rem;
  300. background-repeat: no-repeat;
  301. float: left;
  302. }
  303.  
  304. .wr-certification-2 {
  305. height: 4rem;
  306. width: auto;
  307. }
  308.  
  309. .wr-call-right-content {
  310. width: 26rem;
  311. float: right;
  312. margin-top: 3rem;
  313. background-color: #F3F8FC;
  314. padding: 2rem;
  315. }
  316.  
  317. .wr-call-right-content h2 {
  318. margin: 0 0 2rem 0;
  319. }
  320.  
  321. .wr-call-right-content ul {
  322. border-top: 1px solid #2e449f;
  323. padding: 0;
  324. }
  325.  
  326. .wr-call-right-content li {
  327. list-style: none;
  328. border-bottom: 1px solid #2e449f;
  329. padding: 0.5rem 0;
  330. margin: 0;
  331. color: #2e449f;
  332. }
  333.  
  334. .wr-call-right-content svg {
  335. float: right;
  336. margin-top: 0.1rem;
  337. fill: currentColor;
  338. }
  339.  
  340. @media (max-width: 1200px) {
  341. .wr-certification-1 {
  342. margin-left: 0;
  343. }
  344.  
  345. .wr-single-blog {
  346. width: 100%;
  347. margin-bottom: 2rem;
  348. }
  349.  
  350. .wr-blog-block {
  351. height: fit-content;
  352. }
  353. }
  354.  
  355. @media (max-width: 767px) {
  356. .wr-error-block {
  357. padding-bottom: 1.5rem;
  358. }
  359.  
  360. .wr-error-cover {
  361. display: none;
  362. }
  363.  
  364. .nowebp .wr-min-damage-left-img {
  365. background-image: url(/HERO-WR-Basement-mobile.jpg);
  366. }
  367.  
  368. .webp .wr-min-damage-left-img {
  369. background-image: url(/HERO-WR-Basement-mobile.webp);
  370. }
  371.  
  372. .nowebp .wr-desc-img {
  373. background-image: url(/HERO-WR-Team-mobile.png);
  374. }
  375.  
  376. .webp .wr-desc-img {
  377. background-image: url(/HERO-WR-Team-mobile.webp);
  378. }
  379.  
  380. .wr-tech-mobile {
  381. height: 28rem;
  382. margin: auto;
  383. background-size: cover;
  384. background-position: top;
  385. width: 30rem;
  386. background-repeat: no-repeat;
  387. overflow: hidden;
  388. }
  389.  
  390. .wr-hero-bottom-mobile hr {
  391. margin-bottom: 2rem;
  392. }
  393.  
  394. .wr-hero-text {
  395. margin: 1rem auto;
  396. text-align: center;
  397. }
  398.  
  399. .wr-hero-background {
  400. background-image: linear-gradient(#ECECEC, white);
  401. }
  402.  
  403. .wr-services-mobile {
  404. background-color: #6274BE;
  405. color: white;
  406. padding: 1rem 2rem;
  407. line-height: 3rem;
  408. margin: 2rem auto 0 auto;
  409. width: 100%;
  410. display: block;
  411. font-size: 1.3rem;
  412. font-family: "din-condensed-web", "DIN Condensed Web", "din-condensed", "Gnuolane", "Impact", sans-serif;
  413. }
  414.  
  415. .wr-services-mobile a {
  416. color: white;
  417. }
  418.  
  419. .wr-services-mobile a:hover {
  420. text-decoration: none;
  421. color: white;
  422. }
  423.  
  424. .wr-services-block {
  425. margin-top: 3rem;
  426. }
  427.  
  428. .wr-services {
  429. -webkit-column-count: 1;
  430. -moz-column-count: 1;
  431. column-count: 1;
  432. border: 0;
  433. }
  434.  
  435. .wr-min-damage-left-img {
  436. width: 100%;
  437. height: 30rem;
  438. -webkit-background-size: cover;
  439. background-size: cover;
  440. margin: auto;
  441. background-position: right;
  442. }
  443.  
  444. .wr-min-damage-right-content {
  445. width: 100%;
  446. padding: 0 1rem;
  447. }
  448.  
  449. .wr-min-damage-right-content h2 {
  450. color: #3c5aaf;
  451. margin: 3rem auto;
  452. font-size: 2rem;
  453. }
  454.  
  455.  
  456. .wr-min-damage-link {
  457. margin-top: 1rem;
  458. display: flex;
  459. justify-content: space-between;
  460. }
  461.  
  462. .wr-desc-img {
  463. height: 44rem;
  464. -webkit-background-size: cover;
  465. background-size: cover;
  466. background-position: center;
  467. margin-bottom: -7rem;
  468. background-repeat: no-repeat;
  469. }
  470.  
  471. .wr-desc-left-content {
  472. width: 100%;
  473. padding: 1rem;
  474. }
  475.  
  476. .wr-desc-content-mobile h2 {
  477. color: white;
  478. font-size: 2rem;
  479. font-family: "din-condensed-web", "DIN Condensed Web", "din-condensed", "Gnuolane", "Impact", sans-serif;
  480. background-color: #516CA2;
  481. padding: 2rem;
  482. }
  483.  
  484. .wr-desc-right-content {
  485. width: 100%;
  486. }
  487.  
  488. .plumbing-residential-useful-links h2:last-of-type {
  489. float: none;
  490. }
  491.  
  492. .plumbing-residential-useful-links a:last-of-type {
  493. margin-bottom: 1rem;
  494. }
  495. }
  496.  
  497. @media (min-width: 768px) and (max-width: 991px) {
  498. .wr-certification-1 {
  499. margin-left: 2.5rem;
  500. }
  501. .wr-min-damage-right-content {
  502. width: 50%;
  503. }
  504. .wr-desc-right-img {
  505. background-position: -10rem 3rem;
  506. height: 30rem;
  507. }
  508. .wr-error-cover {
  509. display: none;
  510. }
  511.  
  512. .wr-tech {
  513. height: 40rem;
  514. }
  515.  
  516. .wr-min-damage-left-img {
  517. background-position: -12rem;
  518. }
  519. }
  520. .review-ratings{
  521. line-height:12px;
  522. }
  523.  
  524. @media (min-width: 992px) and (max-width: 1200px) {
  525. .wr-certification-1 {
  526. margin-left: 3.2rem;
  527. }
  528.  
  529. .wr-min-damage-left-img {
  530. background-position: -14rem 0;
  531. }
  532. .wr-min-damage-right-content {
  533. width: 50%;
  534. }
  535.  
  536. .wr-tech {
  537. height: 36rem;
  538. background-position: -3rem -3rem;
  539. }
  540. }
  541.  
  542. @media (max-width: 400px) {
  543. .wr-hero-bottom-mobile p {
  544. margin: 0.2rem;
  545. font-size: 1.2rem;
  546. }
  547. }
  548.  
  549. @media (max-width: 359px) {
  550. .wr-desc-img {
  551. height: 24rem;
  552. }
  553. .wr-hero-bottom-mobile p {
  554. margin: 0rem;
  555. font-size: 1.1rem;
  556. }
  557. .wr-tech-mobile {
  558. background-position: -1.8rem 0rem;
  559. }
  560. .plumbing-residential-useful-links h2:first-of-type {
  561. width: 100%;
  562. }
  563. }
  564. </style>
  565.  
  566. #if($UtilMethods.isSet($!URLMapContent.wrImage1))
  567. #@findFileAssetByPath($!URLMapContent.wrImage1.uri, $host, true)
  568. <style>
  569. @media (max-width:$SCREEN_XS_MAX) {
  570. .wr-tech-mobile {
  571. background-image: url('/contentAsset/image/${fileAsset.identifier}/fileAsset/filter/Jpeg/jpeg_q/10');
  572. }
  573. }
  574. @media (min-width:$SCREEN_SM_MIN) and (max-width:$SCREEN_SM_MAX) {
  575. .wr-tech {
  576. background-image: url('/contentAsset/image/${fileAsset.identifier}/fileAsset/filter/Jpeg/jpeg_q/60');
  577. }
  578. }
  579. @media (min-width:$SCREEN_MD_MIN) {
  580. .wr-tech {
  581. background-image: url('/contentAsset/image/${fileAsset.identifier}/fileAsset/filter/Jpeg/jpeg_q/80');
  582. }
  583. }
  584. </style>
  585. #end
  586. #else
  587. <style>
  588. @media (max-width:$SCREEN_XS_MAX) {
  589. .wr-tech-mobile {
  590. background-image: url('/HERO-WR-Tech.png');
  591. }
  592. }
  593. </style>
  594. #end
  595.  
  596. #if($UtilMethods.isSet($!URLMapContent.wrImage2))
  597. #@findFileAssetByPath($!URLMapContent.wrImage2.uri, $host, true)
  598. <style>
  599. @media (max-width:$SCREEN_XS_MAX) {
  600. .wr-min-damage-left-img {
  601. background-image: url('/contentAsset/image/${fileAsset.identifier}/fileAsset/filter/Jpeg/jpeg_q/10');
  602. }
  603. }
  604. @media (min-width:$SCREEN_SM_MIN) and (max-width:$SCREEN_SM_MAX) {
  605. .wr-min-damage-left-img {
  606. background-image: url('/contentAsset/image/${fileAsset.identifier}/fileAsset/filter/Jpeg/jpeg_q/60');
  607. }
  608. }
  609. @media (min-width:$SCREEN_MD_MIN) {
  610. .wr-min-damage-left-img {
  611. background-image: url('/contentAsset/image/${fileAsset.identifier}/fileAsset/filter/Jpeg/jpeg_q/80');
  612. }
  613. }
  614. </style>
  615. #end
  616. #else
  617. <style>
  618. @media (max-width:$SCREEN_XS_MAX) {
  619. .wr-min-damage-left-img {
  620. background-image: url('/HERO-WR-Tech.png');
  621. }
  622. }
  623. </style>
  624. #end
  625.  
  626. #if($UtilMethods.isSet($!URLMapContent.wrImage4))
  627. #@findFileAssetByPath($!URLMapContent.wrImage4.uri, $host, true)
  628. <style>
  629. .plumbing-residential-blue-block .row:before {
  630. background-image: url('/contentAsset/image/${fileAsset.identifier}/fileAsset');
  631. }
  632. </style>
  633. #end
  634. #else
  635. <style>
  636. @media (max-width:$SCREEN_XS_MAX) {
  637. .plumbing-residential-blue-block .row:before {
  638. background-image:url(/plumbing-wrench.png);
  639. }
  640. }
  641. </style>
  642. #end
  643. #set($contentIdentifier = $contentMap.get('identifier'))
  644. #set( $content = $dotcontent.find($ContentIdentifier))
  645.  
  646. ## #set($ctaLabels = $URLMapContent.ctaLabels.selectedValues)
  647. #set($ctaLabels = ['24/7 Emergency Service', 'Fast Response Time'])
  648. ## #set($waterServicesList = $URLMapContent.waterServicesList.selectedValues)
  649. #set($waterServicesList = ['Water Damage Cleanup', 'Water Removal', 'Emergency Flood Service', 'Basement Flood Cleanup'])
  650. #set($stepsToMinimizeDamage = $URLMapContent.stepsToMinimizeDamage.split("\n"))
  651. #set($relatedBlogs = $dotcontent.pullRelated("Waterrestorationpage-Blog", $URLMapContent.identifier, false, 3))
  652.  
  653. #set($isQualified = $!session.getAttribute("Market-market") && $!session.getAttribute("Market-state"))
  654. #set($selectedWCRROptions = $URLMapContent.wcrr.split(";"))
  655. #if($!isQualified == true && !$!qualifiedBulletPoints.trim().isEmpty())
  656. #set($selectedWCRROptions = $URLMapContent.wcrr.split(";"))
  657. #end
  658. #if(!$!selectedWCRROptions)
  659. #set($selectedWCRROptions = $URLMapContent.whyChooseRotoRooterUnqualified.split("\n"))
  660. #end
  661.  
  662. #if($!isQualified == true && !$URLMapContent.paragraph2.isEmpty())
  663. #set($professionalTechnicians = $URLMapContent.paragraph2.split("<p>"))
  664. #end
  665.  
  666. #if(!$market)
  667. #set($wrTopContentSummary = $URLMapContent.wrTopContentSummary)
  668. #set($wrTopContentDescription = $URLMapContent.pageTopDescription)
  669. #else
  670. #set($wrTopContentSummary = $URLMapContent.paragraph1)
  671. #set($wrTopContentDescription = $URLMapContent.paragraph1Description)
  672. #end
  673.  
  674. #if($UtilMethods.isSet($!marketState))
  675. #set($marketHcard = $locationsUtil.getMarketHcard($!market, $!localFranchise.franchiseNumber, $!marketState))
  676. #else
  677. #set($marketHcard = $locationsUtil.getMarketHcard($!market, $!localFranchise.franchiseNumber, $!localFranchise.state.selectValue))
  678. #end
  679.  
  680. #set($googlePlusUrl = $!marketHcard.googleUrl)
  681. #set($wrGooglePlusUrl = $!marketHcard.wrGoogleUrl)
  682.  
  683. #if($wrGooglePlusUrl && $!wrGooglePlusUrl != "")
  684. #set($googlePlusUrl = $wrGooglePlusUrl)
  685. #end
  686.  
  687. #if(!$googlePlusUrl || $!googlePlusUrl == "")
  688. #set($googlePlusUrlExistsInMarket = false)
  689. #foreach($con in $dotcontent.pull("+structureName:ConfigSettings +ConfigSettings.name:googlePlusDefaultLink +live:true +deleted:false",1,"modDate desc"))
  690. #set($googlePlusUrl = $!con.value)
  691. #end
  692. #else
  693. #set($googlePlusUrlExistsInMarket = true)
  694. #end
  695.  
  696. ## get and assign first banner image
  697. #if($UtilMethods.isSet($URLMapContent.bannerImage))
  698. #set($paragraph1Image = $URLMapContent.bannerImage.uri)
  699. #else
  700. #set($paragraph1Image = "/HERO-WR-Tech.png")
  701. #end
  702.  
  703. ## get and assign area 2 image
  704. #if($UtilMethods.isSet($URLMapContent.area2Image))
  705. #set($paragraph2Image = $URLMapContent.area2Image.uri)
  706. #else
  707. #set($paragraph2Image = "/HERO-WR-basement.jpg")
  708. #end
  709.  
  710. ## get and assign area 3 image
  711. #if($UtilMethods.isSet($URLMapContent.area3Image))
  712. #set($paragraph3Image = $URLMapContent.area3Image.uri)
  713. #else
  714. #set($paragraph3Image = "/HERO-WR-Team.png")
  715. #end
  716.  
  717.  
  718. <style>
  719. .wr-min-damage-right-content li::before{
  720. content: "• ";
  721. color: #d52d37;
  722. font-size: 2rem;
  723. font-family: sans-serif;
  724. margin-top: 9px;
  725. margin-left:7px;
  726. height: 0px;
  727. display: block;
  728. float: left;
  729. line-height: 0.5rem;
  730. margin-right: 2.5rem;
  731. }
  732. .wr-min-damage-right-content li{
  733. list-style:none;
  734. }
  735. .readMoreLink{
  736. font-size: 1.3rem;
  737. text-decoration: underline;
  738. color: #2e449f;
  739. font-family: "din-condensed-web", "DIN Condensed Web", "din-condensed", "Gnuolane", "Impact", sans-serif;
  740. text-transform: uppercase;
  741. }
  742. .hiddenContent{
  743. display:none;
  744. }
  745.  
  746. .wrTopContent{
  747. padding-bottom: 50px;
  748. }
  749.  
  750. .summary-content{
  751. background:#3F5BAE;
  752. color:#fff;
  753. }
  754.  
  755. .summary-content h6{
  756. color: #fff;
  757. text-transform: uppercase;
  758. padding-bottom: 1px;
  759. margin-bottom: 0;
  760. font-size: 12px;
  761. line-height: 19px;
  762. font-weight:100;
  763. }
  764. .summary-content a, .summary-content p{
  765. color:#fff;
  766. }
  767.  
  768. .summary-content p{
  769. font-size:14px;
  770. margin-bottom:0;
  771. }
  772.  
  773. .summary-map-wrap h2{
  774. color: #6274be;
  775. font-size: 2rem;
  776. margin-bottom: 2rem;
  777. }
  778.  
  779. .readMoreLink:hover{
  780. cursor:pointer;
  781. text-decoration:none;
  782.  
  783. }
  784.  
  785. .summary-content strong{
  786. font-weight:normal;
  787. text-transform:uppercase;
  788. }
  789.  
  790. .summary-content .hcard-info{
  791. margin-bottom:10px;
  792. }
  793. .summary-service-available{
  794. padding-bottom:20px;
  795. }
  796. #map{
  797. height:204px;
  798. width:100%;
  799. }
  800.  
  801. #summary-map-marker{
  802. width:24px;
  803. }
  804. #summary-map-marker path {
  805. fill:#fff;
  806.  
  807. }
  808.  
  809. .mapCol{
  810. text-align:center;
  811. }
  812. .summary-map-col{
  813. padding-top:20px;
  814. padding-bottom:10px;
  815. }
  816.  
  817. .wr-national h2{
  818. line-height:31px;
  819. }
  820.  
  821. .plumbing-residential-red-block{
  822. margin-top:10px;
  823. }
  824.  
  825. .franchise-location-set .wr-min-damage-right-content li p{
  826. text-indent:-59px;
  827.  
  828. }
  829.  
  830. @media (max-width: 768px) {
  831. .summary-map-col{
  832. padding-top:10px;
  833. }
  834. .summary-content .row{
  835. background:#3F5BAE;
  836. }
  837. .mapCol{
  838. text-align:left;
  839. }
  840. .wr-desc-right-img{
  841. display:none;
  842. }
  843. }
  844. </style>
  845.  
  846. <script>
  847.  
  848. document.addEventListener("DOMContentLoaded", function(){
  849. var hiddenContentEl = document.querySelectorAll('.hiddenContent');
  850. var readMoreLink = document.querySelectorAll('.readMoreLink');
  851. var wrTechImageBlock = document.querySelector('.wr-tech-block') == null ? null : document.querySelector('.wr-tech-block');
  852. for(var i=0; i < readMoreLink.length; i++){
  853. readMoreLink[i].addEventListener('click', function(e){
  854. e.preventDefault();
  855. if(!(this.classList.contains('showing'))){
  856. this.classList.add('showing');
  857. this.previousElementSibling.style.display = 'block';
  858. this.text = 'Read Less';
  859. if(!!wrTechImageBlock) {
  860. wrTechImageBlock.classList.add('wr-tech-block-showmore')
  861. }
  862. } else {
  863. this.classList.remove('showing');
  864. this.previousElementSibling.style.display = 'none';
  865. this.text = 'Read More';
  866. if(!!wrTechImageBlock) {
  867. wrTechImageBlock.classList.remove('wr-tech-block-showmore')
  868. }
  869. }
  870. });
  871. }
  872. // restrict logic to local page
  873. var isLocalPage = document.querySelectorAll('.franchise-location-set').length > 0 ? true : false;
  874.  
  875. if(isLocalPage){
  876. // hide counties served area if empty
  877. var counties = document.getElementById('countiesServedCol').innerHTML.trim();
  878. var countiesContainer = document.getElementById('countyContainer');
  879.  
  880. if(counties == ""){
  881. countiesContainer.style.display = 'none';
  882. }
  883.  
  884. var cityName = "Cincinnati, OH";
  885. var city = "$!market";
  886. var state = "$!marketState";
  887. if (city && state) {
  888. cityName = city + ", " + state;
  889. }
  890. var geolocationUrl = "https://maps.googleapis.com/maps/api/geocode/json?address=";
  891. var geoLocationApiKey = "AIzaSyBGDTrqkNdyflKeHRGXA8SnRfuHSXz4pIM";
  892. var url = geolocationUrl + cityName + "&key=" + geoLocationApiKey;
  893.  
  894. var isMobile = (window.screen.availWidth <= 767) || (navigator.userAgent.match(/(iPod|iPhone|BlackBerry|Windows Phone|iemobile)/));
  895. if (!isMobile) {
  896. window.getGeolocation = function() {
  897. var xhr = new XMLHttpRequest();
  898. xhr.open('GET', url);
  899. xhr.onload = function () {
  900. if (xhr.status === 200) {
  901. var myLatLng = JSON.parse(xhr.responseText).results[0].geometry.location;
  902. if(window.google){
  903.  
  904. initMap(myLatLng);
  905. }
  906. }
  907. else {
  908. console.log('Request failed.');
  909. }
  910. };
  911. xhr.send();
  912. }
  913.  
  914. function initMap(myLatLng) {
  915. var map = new google.maps.Map(document.getElementById('map'), {
  916. zoom: 12,
  917. center: myLatLng
  918. });
  919.  
  920. var marker = new google.maps.Marker({
  921. position: myLatLng,
  922. map: map,
  923. });
  924. }
  925. getGeolocation();
  926.  
  927. if(!(window.google)) {
  928. var cb = function() {
  929. var scriptTag = document.createElement('script');
  930. scriptTag.setAttribute("type","text/javascript");
  931. scriptTag.setAttribute("src","https:maps.googleapis.com/maps/api/js?key=AIzaSyBGDTrqkNdyflKeHRGXA8SnRfuHSXz4pIM&callback=getGeolocation");
  932. var headerTag = document.getElementsByTagName('head')[0];
  933. headerTag.parentNode.insertBefore(scriptTag, headerTag);
  934. };
  935. var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame;
  936. if (raf) raf(cb);
  937. else {
  938. window.addEventListener('load', cb);
  939. }
  940.  
  941. }
  942. }
  943. }
  944.  
  945. });
  946.  
  947. </script>
  948. <div class="wr-national">
  949. #if(!$UtilMethods.isSet($marketServiceForWaterRestoration))
  950. <div class="wr-error-block hidden-xs">
  951. <div class="container">
  952. <p>
  953. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>
  954. Sorry, we do not offer Water Restoration Services in your area at this time.
  955. <br>If you have other plumbing or drain cleaning needs, please call us at $phoneHeaderFormatted
  956. </p>
  957. </div>
  958. </div>
  959. <div class="wr-error-cover"></div>
  960. #end
  961. <div class="plumbing-residential-banner-text-block">
  962. #if(!$ctaLabels.isEmpty())
  963. <div class="wr-hero-bottom-mobile visible-xs">
  964. <div class="wr-hero-text">
  965. #foreach($ctaLabel in $ctaLabels)
  966. <p>$ctaLabel</p>
  967. #if($velocityCount < $ctaLabels.size())
  968. <p>|</p>
  969. #end
  970. #end
  971. </div>
  972. <div class="wr-tech-mobile"></div>
  973.  
  974. </div>
  975. #end
  976. <div class="container">
  977. <div class="roto-container-inner">
  978. <div class="row">
  979. <div class="col-lg-12 col-md-8 col-sm-8 bread-crumbs-widget">
  980. <ul class="crumbs">
  981. <li><a href="$!headerLogoURL" data-gacategory="plumbing-page" data-gaaction="click"
  982. data-galabel="breadcrumb-home">Home</a></li>
  983. <li class="active"><a href="/water-damage-restoration/" data-gacategory="plumbing-page"
  984. data-gaaction="click"
  985. data-galabel="breadcrumb-plumbing">Water Damage Restoration</a></li>
  986. </ul>
  987. </div>
  988. </div>
  989. <div class="row">
  990. <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12 wrTopContent">
  991. <h2 class="plumbing-residential-service-title">$URLMapContent.pageTitle</h2>
  992. $wrTopContentSummary
  993. <div class="hiddenContent">
  994. $wrTopContentDescription
  995. </div>
  996. <a class="readMoreLink" data-gacategory="local-page"
  997. data-gaaction="read-more" data-galabel="review">READ MORE</a>
  998. </div>
  999. <div class="col-lg-4 col-md-4 col-sm-4 hidden-xs wr-tech-block">
  1000. <div class="wr-tech" style="background-image:url($paragraph1Image)"></div>
  1001. </div>
  1002. </div>
  1003. </div>
  1004. #if(!$ctaLabels.isEmpty())
  1005. <div class="wr-hero-bottom hidden-xs">
  1006. #foreach($ctaLabel in $ctaLabels)
  1007. <p>$ctaLabel</p>
  1008. #if($velocityCount < $ctaLabels.size())
  1009. <p>|</p>
  1010. #end
  1011. #end
  1012. </div>
  1013. #end
  1014. #if(!$UtilMethods.isSet($marketServiceForWaterRestoration))
  1015. <div class="wr-error-block visible-xs">
  1016. <div class="container">
  1017. <p>
  1018. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"/></svg>
  1019. Sorry, we do not offer Water Restoration Services in your area at this time.
  1020. <br>If you have other plumbing or drain cleaning needs, please call us at $phoneHeaderFormatted
  1021. </p>
  1022. </div>
  1023. </div>
  1024. #end
  1025. </div>
  1026. </div>
  1027. #set($isSubPage = !$request.getAttribute("javax.servlet.forward.request_uri").endsWith('/water-damage-restoration/'))
  1028. #if($!isSubPage)
  1029. <div class="plumbing-residential-services-mobile visible-xs">
  1030. <a>
  1031. <span>VIEW ALL WATER SERVICES</span>
  1032. <svg class="plumbing-residential-extend-icon plumbing-residential-services-extend-more"
  1033. xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  1034. <path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/>
  1035. <path d="M0 0h24v24H0z" fill="none"/>
  1036. </svg>
  1037. <svg class="plumbing-residential-extend-icon plumbing-residential-services-extend-less"
  1038. xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  1039. <path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"/>
  1040. <path d="M0 0h24v24H0z" fill="none"/>
  1041. </svg>
  1042. </a>
  1043. </div>
  1044. <ul class="wr-services plumbing-residential-services-block visible-xs">
  1045. #foreach($waterService in $waterServicesList)
  1046. <a href="/water-damage-restoration/$waterService.toLowerCase().replaceAll(" ", "-")/">
  1047. <li>$waterService.trim()
  1048. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  1049. <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path>
  1050. <path d="M0 0h24v24H0z" fill="none"></path>
  1051. </svg>
  1052. </li>
  1053. </a>
  1054. #end
  1055. </ul>
  1056. #if($!URLMapContent.midPageSectionTitle && $!URLMapContent.midPageSectionDescription)
  1057. <div class="wr-desc-block">
  1058. <div class="visible-xs">
  1059. <div class="wr-desc-img"></div>
  1060. <div class="wr-desc-content-mobile">
  1061. <h2>$URLMapContent.midPageSectionTitle.toUpperCase()</h2>
  1062. </div>
  1063. </div>
  1064. <div class="container">
  1065. <div class="wr-desc-left-img hidden-xs"></div>
  1066.  
  1067. <div class="wr-desc-right-content">
  1068. <h2 class="hidden-xs">$URLMapContent.midPageSectionTitle.toUpperCase()</h2>
  1069. <p>$URLMapContent.midPageSectionSummary</p>
  1070. #if($URLMapContent.midPageSectionDescription)
  1071. <p class="wr-content-desc hidden">$URLMapContent.midPageSectionDescription</p>
  1072. <a class="wr-content-read-more">READ MORE</a>
  1073. #end
  1074. </div>
  1075. </div>
  1076. </div>
  1077. #end
  1078. #if($!URLMapContent.midPageSectionTitle && $!URLMapContent.midPageSectionSummary)
  1079. <div class="wr-call-feature">
  1080. <div class="visible-xs">
  1081. <div class="wr-desc-img"></div>
  1082. <div class="wr-desc-content-mobile">
  1083. <h2>$URLMapContent.midPageSectionTitle.toUpperCase()</h2>
  1084. </div>
  1085. </div>
  1086. <div class="container">
  1087. <div class="wr-desc-left-content">
  1088. <h2 class="hidden-xs">$URLMapContent.wrContentTitle1.toUpperCase()</h2>
  1089. <p>$URLMapContent.wrContentSummary1</p>
  1090. #if($URLMapContent.wrContentDescription1)
  1091. <p class="wr-content-desc hidden">$URLMapContent.wrContentDescription1</p>
  1092. <a class="wr-content-read-more">READ MORE</a>
  1093. #end
  1094. </div>
  1095. <div class="wr-call-right-content hidden-xs">
  1096. <h2 class="hidden-xs">WATER SERVICES LIST</h2>
  1097. <ul>
  1098. #foreach($waterService in $waterServicesList)
  1099. <a href="/water-damage-restoration/$waterService.toLowerCase().replaceAll(" ", "-")/">
  1100. <li>$waterService.trim()
  1101. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  1102. <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path>
  1103. <path d="M0 0h24v24H0z" fill="none"></path>
  1104. </svg>
  1105. </li>
  1106. </a>
  1107. #end
  1108. </ul>
  1109. </div>
  1110. </div>
  1111. </div>
  1112. #end
  1113. #else
  1114. #if(!$waterServicesList.isEmpty())
  1115. <div class="wr-services-block">
  1116. <div class="container" style="padding: 0rem">
  1117. <div class="row">
  1118. <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 center-block roto-container-inner">
  1119. <div class="plumbing-residential-services-mobile visible-xs">
  1120. <a>
  1121. <span>VIEW ALL WATER SERVICES</span>
  1122. <svg class="plumbing-residential-extend-icon plumbing-residential-services-extend-more"
  1123. xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  1124. <path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/>
  1125. <path d="M0 0h24v24H0z" fill="none"/>
  1126. </svg>
  1127. <svg class="plumbing-residential-extend-icon plumbing-residential-services-extend-less"
  1128. xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  1129. <path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"/>
  1130. <path d="M0 0h24v24H0z" fill="none"/>
  1131. </svg>
  1132. </a>
  1133. </div>
  1134. <h2 class="hidden-xs">WATER SERVICES LIST</h2>
  1135. <ul class="wr-services plumbing-residential-services-block">
  1136. #foreach($waterService in $waterServicesList)
  1137. <a href="/water-damage-restoration/$waterService.toLowerCase().replaceAll(" ", "-")/">
  1138. <li>$waterService.trim()
  1139. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  1140. <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path>
  1141. <path d="M0 0h24v24H0z" fill="none"></path>
  1142. </svg>
  1143. </li>
  1144. </a>
  1145. #end
  1146. </ul>
  1147. </div>
  1148. </div>
  1149. </div>
  1150. </div>
  1151. #end
  1152. #if($!stepsToMinimizeDamage && !$stepsToMinimizeDamage.isEmpty())
  1153. <div class="wr-min-damage">
  1154. <div class="wr-min-damage-left-img"></div>
  1155. <div class="container">
  1156. <div class="wr-min-damage-right-content">
  1157. <h2>STEPS TO TAKE TO MINIMIZE DAMAGE</h2>
  1158. <ul>
  1159. #foreach($step in $stepsToMinimizeDamage)
  1160. <li>
  1161. <span>$velocityCount .</span>
  1162. <p>$!step.trim()</p>
  1163. </li>
  1164. #end
  1165. </ul>
  1166. <p>The flood restoration process<br>consists of two major phases:</p>
  1167. <div class="wr-min-damage-link">
  1168. <a>Flood Water Removal</a>
  1169. <a>Flood Cleanup</a>
  1170. </div>
  1171. </div>
  1172. </div>
  1173. </div>
  1174. #end
  1175. #if($!URLMapContent.midPageSectionTitle && $!URLMapContent.midPageSectionDescription)
  1176. <div class="wr-desc-block">
  1177. <div class="visible-xs">
  1178. <div class="wr-desc-img"></div>
  1179. <div class="wr-desc-content-mobile">
  1180. <h2>$URLMapContent.midPageSectionTitle.toUpperCase()</h2>
  1181. </div>
  1182. </div>
  1183. <div class="container">
  1184. <div class="wr-desc-left-content">
  1185. <h2 class="hidden-xs">$URLMapContent.midPageSectionTitle.toUpperCase()</h2>
  1186. <p>$URLMapContent.midPageSectionDescription</p>
  1187. </div>
  1188. <div class="wr-desc-right-img hidden-xs"></div>
  1189. </div>
  1190. </div>
  1191. #end
  1192. #if($!URLMapContent.wrContentTitle1)
  1193. <div class="wr-blog-block">
  1194. <div class="container">
  1195. <div class="wr-blogs">
  1196. <div class="wr-single-blog">
  1197. <h2>$!URLMapContent.wrContentTitle1.toUpperCase()</h2>
  1198. <hr>
  1199. <p>$URLMapContent.wrContentSummary1</p>
  1200. #if($!URLMapContent.wrContentDescription1)
  1201. <p class="hidden wr-content-desc">$URLMapContent.wrContentDescription1</p>
  1202. <a class="wr-content-read-more">READ MORE</a>
  1203. #end
  1204. </div>
  1205. <div class="wr-single-blog">
  1206. <h2>$!URLMapContent.wrContentTitle2.toUpperCase()</h2>
  1207. <hr>
  1208. <p>$URLMapContent.wrContentSummary2</p>
  1209. #if($!URLMapContent.wrContentDescription2)
  1210. <p class="hidden wr-content-desc">$URLMapContent.wrContentDescription2</p>
  1211. <a class="wr-content-read-more">READ MORE</a>
  1212. #end
  1213. </div>
  1214. <div class="wr-single-blog">
  1215. <h2>$!URLMapContent.wrContentTitle3.toUpperCase()</h2>
  1216. <hr>
  1217. <p>$URLMapContent.wrContentSummary3</p>
  1218. #if($!URLMapContent.wrContentDescription3)
  1219. <p class="hidden wr-content-desc">$URLMapContent.wrContentDescription3</p>
  1220. <a class="wr-content-read-more">READ MORE</a>
  1221. #end
  1222. </div>
  1223. </div>
  1224. </div>
  1225. </div>
  1226. #end
  1227. #end
  1228.  
  1229. #if($URLMapContent.paragraph2Title && $URLMapContent.paragraph2)
  1230. <div class="wr-min-damage">
  1231. <div class="wr-min-damage-left-img" style="background-image:url($paragraph2Image)"></div>
  1232. <div class="container">
  1233. <div class="wr-min-damage-right-content">
  1234. <h2 class="plumbing-residential-service-title">$URLMapContent.paragraph2Title</h2>
  1235.  
  1236. $URLMapContent.paragraph2
  1237.  
  1238.  
  1239. <div class="hiddenContent">
  1240. $URLMapContent.paragraph2Description
  1241. </div>
  1242. <a href="" class="readMoreLink">Read More</a>
  1243.  
  1244. </div>
  1245. </div>
  1246. </div>
  1247. #end
  1248. #if($!URLMapContent.paragraph3Title && $!URLMapContent.paragraph3)
  1249. <div class="wr-desc-block">
  1250. <div class="container">
  1251.  
  1252. <div class="wr-desc-left-content">
  1253. <h2>$URLMapContent.paragraph3Title</h2>
  1254. <div>$URLMapContent.paragraph3</div>
  1255. <div class="hiddenContent">
  1256. $URLMapContent.paragraph3Description
  1257. </div>
  1258. <a href="" class="readMoreLink">Read More</a>
  1259. </div>
  1260. <div class="wr-desc-right-img" style="background-image:url($paragraph3Image)"></div>
  1261. </div>
  1262. </div>
  1263. #end
  1264.  
  1265.  
  1266.  
  1267.  
  1268.  
  1269. #if($UtilMethods.isSet($marketServiceForWaterRestoration))
  1270. <div class="container roto-container">
  1271. <div class="row">
  1272. <div class="col-lg-12 col-md-12 col-sm-11 center-block roto-container-inner summary-map-wrap">
  1273. <h2 class=" hidden-xs">
  1274. Serving the Entire $!request.getSession().getAttribute('Market-mainMarket') Metro Area</h2>
  1275. <div class="summary-content">
  1276. <div class="row">
  1277. <div class="col-sm-1 mapCol summary-map-col">
  1278. #if($!googlePlusUrl)
  1279. <a href="$!googlePlusUrl" target="_blank" rel="googleUrlRelation" data-gacategory="local-page" data-gaaction="click" data-galabel="map-area" class="col-lg-8 col-md-8 col-sm-8 gutterless-col area-map-wrapper">
  1280. #else
  1281. <a href="/$!marketUrl/" target="_blank" data-gacategory="local-page" data-gaaction="click" data-galabel="map-area" class="col-lg-8 col-md-8 col-sm-8 gutterless-col area-map-wrapper">
  1282. #end
  1283. <svg id="summary-map-marker" class=" " xmlns="http://www.w3.org/2000/svg" width="29" height="27" viewBox="0 0 22 24">
  1284. <path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" fill="#d52d37"></path>
  1285. </svg>
  1286. </a>
  1287.  
  1288. </div>
  1289. <div class="col-lg-2 col-md-3 col-sm-4 summary-map-col">
  1290. <div class="hcard-info">
  1291. <h6>Manager</h6>
  1292. $!localFranchise.ownerName
  1293. </div>
  1294. <div class="hcard-info">
  1295. <span class="summary-service-call">
  1296. <h6>Phone:</h6>
  1297. <a href="tel:$!phoneHeader" id="nav-phone-number" data-gacategory="Location Qualifier Summary" data-gaaction="Click" data-galabel="Click to Call">
  1298. $!phoneHeaderFormatted
  1299. </a>
  1300. </span>
  1301. </div>
  1302. #if($UtilMethods.isSet($marketHcard) && $!marketHcard.dispAddress && $!marketHcard.dispAddress != "")
  1303. <h6>Address</h6>
  1304. <div class="hcard-info">$!marketHcard.dispAddress#if($UtilMethods.isSet($marketHcard.dispAddress2)), $marketHcard.dispAddress2#end<br/>$!marketHcard.market, $!marketHcard.dispState $!marketHcard.dispZip</div>
  1305. #else
  1306. <div class="hcard-label">Location</div>
  1307. #if($UtilMethods.isSet($marketHcard))
  1308. <div class="hcard-info">$!marketHcard.market, $!marketHcard.state</div>
  1309. #else
  1310. <div class="hcard-info">$!market, $!marketState</div>
  1311. #end
  1312. #end
  1313. </div>
  1314. <div class="col-lg-5 col-md-4 col-sm-4 summary-service-available summary-map-col">
  1315. <div id="countyContainer">
  1316. <h6>Counties Served</h6>
  1317. <div class="communities-serve-links">
  1318. <div id="countiesServedCol" class="gutterless-col ">#displayCountiesServe($!localFranchise)</div>
  1319. </div>
  1320. </div>
  1321. </div>
  1322. <div class="col-lg-4 col-md-4 visible-desktop gutterless-col">
  1323. <div id="map"></div>
  1324. </div>
  1325. </div>
  1326. </div>
  1327. </div>
  1328. </div>
  1329. </div>
  1330. #end
  1331.  
  1332.  
  1333. <script>
  1334. document.addEventListener("DOMContentLoaded", function () {
  1335. $('.wr-content-read-more').on('click', function() {
  1336. $(this).parent().find('.wr-content-desc').toggleClass('hidden');
  1337. if($(this).text() === 'READ MORE') {
  1338. $(this).text('READ LESS');
  1339. } else {
  1340. $(this).text('READ MORE');
  1341. }
  1342. });
  1343. })
  1344. </script>
  1345. <div class="plumbing-residential-blue-block">
  1346. <div class="container">
  1347. <div class="row
  1348. #if($selectedWCRROptions.size() <= 2)
  1349. plumbing-tech-img-one-line
  1350. #elseif($selectedWCRROptions.size() <= 4)
  1351. plumbing-tech-img-two-lines
  1352. #else
  1353. plumbing-tech-img-three-lines
  1354. #end">
  1355. <div></div>
  1356. <div class="plumbing-why-choose-block">
  1357. <h2>WHY CHOOSE ROTO-ROOTER?</h2>
  1358. <div class="plumbing-why-choose-roto">
  1359. <ul>
  1360. #foreach($selectedWCRROption in $selectedWCRROptions)
  1361. <li>$selectedWCRROption.replaceAll(';_', ', ').replaceAll('_', ' ')</li>
  1362. #end
  1363. </ul>
  1364. </div>
  1365. </div>
  1366. </div>
  1367. </div>
  1368. </div>
  1369.  
  1370. #set($review1 = $!URLMapContent.review1)
  1371. #set($review2 = $!URLMapContent.review2)
  1372. #set($review3 = $!URLMapContent.review3)
  1373. #set( $reviews = [] )
  1374. #if($review1 && $review1.trim().length() > 0)
  1375. #set($dummy = $reviews.add($review1))
  1376. #end
  1377. #if($review2 && $review2.trim().length() > 0)
  1378. #set($dummy = $reviews.add($review2) )
  1379. #end
  1380. #if($review3 && $review3.trim().length() > 0)
  1381. #set($dummy = $reviews.add($review3))
  1382. #end
  1383. #plumbingRedBlock($!URLMapContent.wrImage5)
  1384. #plumbingReviews($reviews)
  1385.  
  1386. <div class="plumbing-residential-useful-links">
  1387. <div class="container">
  1388. <h2>USEFUL RESOURCES</h2>
  1389. <h2 class="wr-certification hidden-xs">CERTICATIONS</h2>
  1390. <a href="/plumbing-videos">FEATURED VIDEOS
  1391. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  1392. <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path>
  1393. <path d="M0 0h24v24H0z" fill="none"></path>
  1394. </svg>
  1395. </a>
  1396. <a href="/coupons">COUPONS
  1397. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  1398. <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path>
  1399. <path d="M0 0h24v24H0z" fill="none"></path>
  1400. </svg>
  1401. </a>
  1402. <div>
  1403. <h2 class="wr-certification visible-xs">CERTICATIONS</h2>
  1404. <img class="wr-certification-1" src="/WR-Certification-IICRC.png"></img>
  1405. <img class="wr-certification-2" src="/WR-Certification-RIA.png"></img>
  1406. </div>
  1407. </div>
  1408. </div>
  1409. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!