API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 18th, 2019
105
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.43 KB | None | 0 0
raw download clone embed print report
  1. <div class="container">
  2. <div class="row mb-5">
  3. <div class="cards-solar text-center nav nav-pills col-md-12 p-0" role="tablist">
  4.  
  5.  
  6. <div class="col-md-3 mb-1" data-toggle="pill" href="#processo" onclick="trocaURL('/solucoes/energia-solar/processo')" >
  7. <div class=" cards processo rounded-top @if($parametro == 'processo') active @endif">
  8. <ul>
  9. <li><h4 class="m-3">{!!__('cards-solar.cards-1')!!}</h4></li>
  10.  
  11. </ul>
  12. </div>
  13. <div class="pb-1 pt-1" style="background-color: #fff;color:#FAA21B">
  14. <p>{!!__('cards-solar.cards-5')!!} <i class="far fa-arrow-alt-circle-right float-right mr-3 mt-2"></i></p>
  15. </div>
  16. <div class="indicator-down-holder @if($parametro == 'processo') active @endif">
  17. <div class="indicador">
  18. <i class="fas fa-chevron-circle-down"></i>
  19. </div>
  20. </div>
  21. </div>
  22.  
  23. <div class="col-md-3 mb-1" data-toggle="pill" href="#tecnologia" onclick="trocaURL('/solucoes/energia-solar/tecnologia')" >
  24. <div class="cards tecnologia col rounded-top @if($parametro == 'tecnologia') active @endif">
  25. <ul>
  26. <li><h4 class="m-3">{!!__('cards-solar.cards-2')!!}</h4></li>
  27.  
  28. </ul>
  29. </div>
  30. <div class="pb-1 pt-1" style="background-color: #fff;color:#FAA21B">
  31. <p>{!!__('cards-solar.cards-5')!!} <i class="far fa-arrow-alt-circle-right float-right mr-3 mt-2"></i></p>
  32. </div>
  33. <div class="indicator-down-holder @if($parametro == 'tecnologia') active @endif">
  34. <div class="indicador">
  35. <i class="fas fa-chevron-circle-down"></i>
  36. </div>
  37. </div>
  38. </div>
  39.  
  40. <div class="col-md-3 mb-1" data-toggle="pill" href="#economia" onclick="trocaURL('/solucoes/energia-solar/economia')" >
  41. <div class="cards tecnologia col rounded-top @if($parametro == 'economia') active @endif">
  42. <ul>
  43. <li><h4 class="m-3">{!!__('cards-solar.cards-3')!!}</h4></li>
  44. </ul>
  45. </div>
  46. <div class="pb-1 pt-1" style="background-color: #fff;color:#FAA21B">
  47. <p>{!!__('cards-solar.cards-5')!!}<i class="far fa-arrow-alt-circle-right float-right mr-3 mt-2"></i></p>
  48. </div>
  49. <div class="indicator-down-holder @if($parametro == 'economia') active @endif">
  50. <div class="indicador">
  51. <i class="fas fa-chevron-circle-down"></i>
  52. </div>
  53. </div>
  54. </div>
  55.  
  56.  
  57.  
  58. <div class="col-md-3 mb-1" data-toggle="pill" href="#instalacao" onclick="trocaURL('/solucoes/energia-solar/instalacao')" >
  59. <div class="cards instalacao rounded-top col @if($parametro == 'instalacao') active @endif">
  60. <ul>
  61. <!-- <li><img src="{{url('img/tools.png')}}" class="img-fluid"></li> -->
  62. <li><h4 class="m-3">{!!__('cards-solar.cards-4')!!}</h4></li>
  63. </ul>
  64. </div>
  65. <div class="pb-1 pt-1" style="background-color: #fff;color:#FAA21B">
  66. <p>{!!__('cards-solar.cards-5')!!} <i class="far fa-arrow-alt-circle-right float-right mr-3 mt-2"></i></p>
  67. </div>
  68. <div class="indicator-down-holder @if($parametro == 'instalacao') active @endif">
  69. <div class="indicador">
  70. <i class="fas fa-chevron-circle-down"></i>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75.  
  76.  
  77.  
  78. <<<<<<< HEAD
  79. </div>
  80. <div>
  81. <!-- Tab panes -->
  82. <div class="tab-content col-md-12 px-5 py-4 shadow-sm mx-auto" style="background-color: #ffffff;margin-top: -90px; top:-75px;
  83. ">
  84. <div id="processo" class="container m-0 p-0 tab-pane fade @if($parametro == 'processo')
  85. =======
  86. </div>
  87. <div>
  88. <!-- Tab panes -->
  89. <div class="tab-content col-md-12 p-3 p-md-5 shadow-sm mx-auto" style="background-color: #ffffff;margin-top: -90px; top:-75px;
  90. ">
  91. <div id="processo" class="container m-0 p-0 tab-pane fade @if($parametro == 'processo')
  92. active show
  93. @endif">
  94. <h3 style="text-align: left;font: Bold 36px;letter-spacing: 0;color: #FFA700;">{!!__('cards-solar.cards-titulo-1')!!}</h3>
  95. {!!__('cards-solar.cards-texto-1')!!}
  96. <div class="text-center">
  97. <img src="/img/solar-processo-2.png" class="img-fluid">
  98. </div>
  99.  
  100. <div class="nav-movein yellow">
  101. <a class="btn btn-primary alterarTab" target="#tecnologia">
  102. <img src="/img/arrow-right-yellow.png" alt="">
  103. Tecnologia
  104. </a>
  105. </div>
  106. </div>
  107. <div id="tecnologia" class="container tab-pane fade @if($parametro == 'tecnologia')
  108. >>>>>>> c79844da0d9179befde9e05cf9125973b120c733
  109. active show
  110. @endif">
  111. <h3 style="text-align: left;font: Bold 36px;letter-spacing: 0;color: #FFA700;">{!!__('cards-solar.cards-titulo-1')!!}</h3>
  112. {!!__('cards-solar.cards-texto-1')!!}
  113. <div class="text-center">
  114. <img src="/img/solar-processo-2.png" class="img-fluid">
  115. </div>
  116. <<<<<<< HEAD
  117.  
  118. <div class="nav-movein yellow">
  119. <a class="btn btn-primary alterarTab" target="#processo">
  120. <img src="/img/arrow-left-yellow.png" alt="">
  121. Processo
  122. </a>
  123.  
  124. <a class="btn btn-primary alterarTab" target="#economia">
  125. <img src="/img/arrow-right-yellow.png" alt="">
  126. Economia
  127. </a>
  128. </div>
  129.  
  130.  
  131. =======
  132. >>>>>>> 40c6918022df074083796547debf2a837e38b2ee
  133. </div>
  134. <div id="tecnologia" class="container tab-pane fade @if($parametro == 'tecnologia')
  135. active show
  136. @endif">
  137. <<<<<<< HEAD
  138. <h3 class="mb-5" style="text-align: left;font: Bold 36px;letter-spacing: 0;color: #FFA700;">{!!__('cards-solar.cards-titulo-3')!!}</h3>
  139. {!!__('cards-solar.cards-texto-3')!!}
  140. <div class="nav-movein yellow">
  141. <a class="btn btn-primary alterarTab" target="#tecnologia">
  142. <img src="/img/arrow-left-yellow.png" alt="">
  143. Tecnologia
  144. </a>
  145.  
  146. <a class="btn btn-primary alterarTab" target="#instalacao">
  147. <img src="/img/arrow-right-yellow.png" alt="">
  148. Instalação
  149. </a>
  150. </div>
  151. =======
  152. <h3 style="text-align: left;font: Bold 36px;letter-spacing: 0;color: #FFA700;">{!!__('cards-solar.cards-titulo-2')!!}</h3>
  153. {!!__('cards-solar.cards-texto-2')!!}
  154. <div class="text-center">
  155. <img src="/img/solar-tecnologia-1.png" class="img-fluid">
  156. </div>
  157.  
  158.  
  159. </div>
  160. <div id="economia" class="container tab-pane fade @if($parametro == 'economia')
  161. active show
  162. @endif">
  163. <h3 style="text-align: left;font: Bold 36px;letter-spacing: 0;color: #FFA700;">{!!__('cards-solar.cards-titulo-3')!!}</h3>
  164. {!!__('cards-solar.cards-texto-3')!!}
  165. >>>>>>> 40c6918022df074083796547debf2a837e38b2ee
  166. </div>
  167.  
  168.  
  169.  
  170.  
  171. <div id="instalacao" class="container tab-pane fade
  172. @if($parametro == 'instalacao')
  173. active show
  174. @endif
  175. ">
  176. <h3 style="text-align: left;font: Bold 36px;letter-spacing: 0;color: #FFA700;">{!!__('cards-solar.cards-titulo-4')!!}</h3>
  177. <<<<<<< HEAD
  178. {!!__('cards-solar.cards-texto-4')!!}
  179.  
  180. <div class="nav-movein yellow">
  181. <a class="btn btn-primary alterarTab" target="#economia">
  182. <img src="/img/arrow-left-yellow.png" alt="">
  183. Economia
  184. </a>
  185. </div>
  186. =======
  187. {!!__('cards-solar.cards-texto-4')!!}
  188. >>>>>>> 40c6918022df074083796547debf2a837e38b2ee
  189. </div>
  190. </div>
  191. </div>
  192. </div>
  193.  
  194. <script>
  195. function trocaURL(url){
  196. var final = url.split("/");
  197. document.getElementById('troca-titulo-cards').innerHTML = final[2];
  198.  
  199.  
  200.  
  201. switch (final[3]) {
  202. case 'processo':
  203. text = "Instalação";
  204. break;
  205.  
  206. case 'instalacao':
  207. text = "Instalação";
  208. break;
  209.  
  210.  
  211. case 'tecnologia':
  212. text = "Tecnologia";
  213. break;
  214.  
  215.  
  216. case 'economia':
  217. text = "Economia";
  218. break;
  219.  
  220.  
  221.  
  222. case 'instalacao':
  223. text = "Instalação";
  224. break;
  225.  
  226. default:
  227. text = "No value found";
  228. }
  229.  
  230. document.getElementById('troca-titulo-cards').innerHTML = text;
  231. window.history.replaceState("object or string", "Title",url);
  232. }
  233. </script>
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!