-
Notifications
You must be signed in to change notification settings - Fork 4
/
StagesTemplate.html
92 lines (81 loc) · 3.55 KB
/
StagesTemplate.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
---
layout: default
title: Home
---
<div class="row">
<div class="small-12 columns "><h1 class="main-header-stages">The Main header </h1></div>
</div>
<div class="row">
<div class="small-12 columns">
<p >This is were a brief summary of the stage is provided. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eleifend est at tortor pretium luctus. Praesent elementum massa sapien, ac euismod diam pulvinar eget.
Pellentesque elementum, orci non consectetur rhoncus, urna dolor porta felis, non fermentum odio lorem nec velit.</p>
</div>
</div>
<div class="row">
<div class="small-12 columns "><h2 class="main-header-stages">Outline: </h2></div>
</div>
<div class="row">
<div class="small-12 columns">
<dl class="accordion" data-accordion>
<dd class="accordian-stages">
<a href="#panel1"><h2>What does this stage mean?</h2></a>
<div id="panel1" class="content">
<div class="row">
<div class="small-12 columns">
<p>This is a in depth description of the stage itself. If you break each stage down this is a distinct section in the text itself. Here are the features that will be included in this section
<ul>
<li> things that are emphasized in the guide and are used to assure a client or remind them of their rights will look like this <b> Under NY law a settlement conference must be held if you are living in a 1-4 unit home </b>.</li>
<li>warnings or actions that
the user should be aware of will look like this <div class="stages-emphasis-warning-assurance"> It is vital that you attend the first scheduled settlement conference!</div>Feel free to utilized these classes.</li>
<li>If there is a reference to any document it should create a modal box that can either be closed or take it to the relating form guide to print or get more info on ie.
<a href="#" data-reveal-id="firstModal" class="button tiny">Settlement conference</a>
<div id="firstModal" class="reveal-modal" data-reveal>
<a class="close-reveal-modal">×</a>
<img src="img/Sample_Settlement_Conference_Letter.png" alt="settlement Conference">
</div>
</li>
</ul>
</p>
</div>
</div>
</div>
</dd>
<br class="clear">
<dd class="accordian-stages">
<a href="#panel2"><h2>What Should I do</h2></a>
<div id="panel2" class="content">
<div class="row">
<div class="small-12 columns">
<ol>
<li>This should be a detailed list of the steps the user should take during this stage</li>
<li>Use all the devices listed above ie (rights being highlighted, warnings being put in boxes etc.)</li>
</ol>
</div>
</div>
</div>
</dd>
<br class="clear">
<dd class="accordian-stages">
<a href="#panel3"><h2>additional Resources</h2></a>
<div id="panel3" class="content">
<a href="#" class="button"> Settlement Conference Guide</a>
<a href="#" class="button">Forms Guide</a>
<a href="#" class="button">Important Numbers</a>
<a href="#" class="button">Tomato Juice</a>
</div>
</dd>
</dl>
</div>
</div>
<div class="row">
<div class="small-12 small-centered columns">
<ul class="pagination stages-navigation">
<li class="arrow"><a href="">«</a></li>
<li class="current"><a href="stage1.html">1</a></li>
<li ><a href="stage2.html">2</a></li>
<li ><a href="stage3.html">3</a></li>
<li class="unavailable"><a href="">…</a></li>
<li class="arrow"><a href="">»</a></li>
</ul>
</div>
</div>