1#*
2Web content templates are used to lay out the fields defined in a web
3content structure.
4
5Please use the left panel to quickly add commonly used variables.
6Autocomplete is also available and can be invoked by typing "${".
7
8author: jonathan zarate
9company: veriday inc.
10*#
11
12<!-- JS -->
13<script type="text/javascript">
14 $(document).ready(function($) {
15
16 $('#accordionOne').find('.accordion-toggle').click(function(){
17
18 //Expand or collapse this panel
19 $(this).next().slideToggle('fast');
20
21 //Hide the other panels
22 $(".accordion-content").not($(this).next()).slideUp('fast');
23
24 });
25
26 $('#accordionTwo').find('.accordion-toggle').click(function(){
27
28 //Expand or collapse this panel
29 $(this).next().slideToggle('fast');
30
31 //Hide the other panels
32 $(".accordion-content").not($(this).next()).slideUp('fast');
33
34 });
35 });
36</script>
37
38<!-- CSS -->
39<style>
40
41@media (max-width: 767px) {
42 .policycomplaint {
43 padding-left: 14px;
44 padding-right: 14px;
45 }
46}
47
48 .policycomplaint h2 {
49 margin-top:50px;
50 display:block;
51}
52
53.policycomplaint h3 {
54 margin-top:30px;
55 display:block;
56}
57
58.policycomplaint h4 {
59 margin-top:20px;
60 display:block;
61}
62
63.policycomplaint b {
64 margin-top:20px;
65 display:block;
66}
67
68.policycomplaint p {
69 margin-top:20px;
70 display:block;
71}
72
73
74#accordionTwo {
75 margin-bottom:50px;
76}
77
78.accordion-toggle {
79 cursor: pointer;
80 font-weight:600;
81 position:relative;
82 padding-left:15px;
83 color: #2a6496;
84 }
85 h4.accordion-toggle:before {
86 content:'';
87 height:0px;
88 position:absolute;
89 left:0;
90 top:6px;
91 border-style: solid;
92 border-width: 8px 4px 0 4px;
93 border-color: rgba(130,128,130,1) transparent transparent transparent;
94
95 }
96 .accordion-content {display: none;}
97 .accordion-content.default {display: block;}
98
99</style>
100
101<!-- HTML -->
102<div class="row">
103 <div class="policycomplaint col-md-10 offset-md-1">
104 <h2>$Text3565.getData()</h2>
105 <div id="accordionOne">
106 <h4 class="accordion-toggle">$Text6034.getData()</h4>
107 <div class="accordion-content">
108 <p>$HTML5218.getData()</p>
109 </div>
110 <h4 class="accordion-toggle">$Text6343.getData()</h4>
111 <div class="accordion-content">
112 <p>$HTML7978.getData()</p>
113 </div>
114 <h4 class="accordion-toggle">$Text3231.getData()</h4>
115 <div class="accordion-content">
116 <p>$HTML3504.getData()</p>
117 </div>
118 </div>
119 </div>
120</div>
121
122<div class="row">
123 <div class="policycomplaint col-md-10 offset-md-1">
124 <h2>$Text3911.getData()</h2>
125 <div id="accordionTwo">
126 <h4 class="accordion-toggle">$Text4191.getData()</h4>
127 <div class="accordion-content">
128 <p>$HTML4473.getData()</p>
129 </div>
130 <h4 class="accordion-toggle">$Text4449.getData()</h4>
131 <div class="accordion-content">
132 <p>$HTML4741.getData()</p>
133 </div>
134 </div>
135 </div>
136</div>
