-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathconsultation.html
155 lines (151 loc) · 6.07 KB
/
consultation.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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
---
layout: default
title: Consultation
active: consultation
---
<section id="overviewConsulation">
<div class="container">
<div class="row mt-4">
<div class="col-md-12 col-sm-12">
<div class="w-75 mx-auto text-center">
<h2>OVERVIEW</h2>
<p class="pt-2">
Overview Intro Summary. Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Maecenas ut turpis mauris. Duis porta posuere
lectus sed sodales. Nam sit amet condimentum sapien. Maecenas ut
turpis mauris. Duis porta posuere lectus sed sodales. Nam sit amet
sapien.
</p>
<p class="pt-2">
Maecenas ac lacinia mauris. Donec ultrices metus accumsan orci
sollicitudin ullamcorper. Etiam dolor tellus, porta non facilisis
ut, maximus et lectus. Vivamus dapibus facilisis aliquet. Nam magna
tortor, eleifend ultricies volutpat sollicitudin, aliquam a nisi.
</p>
<button class="btn btn-primary caseButton pl-3 pr-3 pt-2 pb-2 mt-4">
Open A Case
</button>
</div>
</div>
</div>
</div>
</section>
<section id="process">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 my-auto text-center">
<h2 class="subSectionHeadblue">Our Process</h2>
<p class="pt-3 w-50 font-weight-bold mx-auto text-center">
Duis porta posuere lectus sed sodales. Nam sit amet condimentum
sapien.
</p>
<div class="flex-container">
<div class="text-auto">
<i class="fas fa-2x fa-box"></i>
<h3 class="subSectionHead pt-3">Item 1</h3>
<p class="pt-2">Lorem ipsum dolor sit amet, consectetur.</p>
</div>
<div class="text-auto arrowDiv">
<i class="fas fa-3x fa-long-arrow-alt-right"></i>
</div>
<div class="text-auto">
<i class="fas fa-2x fa-box"></i>
<h3 class="subSectionHead pt-3">Item 1</h3>
<p class="pt-2">Lorem ipsum dolor sit amet, consectetur.</p>
</div>
<div class="text-auto">
<i class="fas fa-3x fa-long-arrow-alt-right"></i>
</div>
<div class="text-auto">
<i class="fas fa-2x fa-box"></i>
<h3 class="subSectionHead pt-3">Item 1</h3>
<p class="pt-2">Lorem ipsum dolor sit amet, consectetur.</p>
</div>
<div class="text-auto">
<i class="fas fa-3x fa-long-arrow-alt-right"></i>
</div>
<div class="text-auto">
<i class="fas fa-2x fa-box"></i>
<h3 class="subSectionHead pt-3">Item 1</h3>
<p class="pt-2">Lorem ipsum dolor sit amet, consectetur.</p>
</div>
<div class="text-auto">
<i class="fas fa-3x fa-long-arrow-alt-right"></i>
</div>
<div class="text-auto">
<i class="fas fa-2x fa-box"></i>
<h3 class="subSectionHead pt-3">Item 1</h3>
<p class="pt-2">Lorem ipsum dolor sit amet, consectetur.</p>
</div>
<div class="text-auto">
<i class="fas fa-3x fa-long-arrow-alt-right"></i>
</div>
<div class="text-auto">
<i class="fas fa-2x fa-box"></i>
<h3 class="subSectionHead pt-3">Item 1</h3>
<p class="pt-2">Lorem ipsum dolor sit amet, consectetur.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="con-pricing">
<div class="container">
<div class="row">
<div class="col-md-12 my-auto text-center">
<h1 class="subSectionHeadblue">Consultation Pricing</h1>
<p class="pt-2 w-50 font-weight-bold mx-auto">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam
corporis quos placeat esse explicabo nihil consequuntur a veniam in
odio eaque animi sequi, adipisci quia iste harum. Laborum, natus id!
You can
</p>
<div class="row">
<div class="col-md-4">
<div class="py-md-5 text-center my-auto">Image / GRAPHIC</div>
</div>
<div class="col-md-4">
<div class="py-md-5 text-center my-auto">Image / GRAPHIC</div>
</div>
<div class="col-md-4">
<div class="py-md-5 text-center my-auto">Image / GRAPHIC</div>
</div>
</div>
<hr style="border: 0.5px solid#000000;" />
<div class="row">
<div class="col-md-4 text-center mx-auto">
<h3 class="font-weight-bold">LEVEL 1</h3>
<p class="pt-2">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sit,
inventore explicabo. Accusamus natus debitis aperiam beatae
tenetur dolorum rerum corrupti delectus autem labore, expedita
voluptatem obcaecati hic reprehenderit repellat quod.
</p>
<span class="pricequote font-weight-bold">$ XX.00</span>
</div>
<div class="col-md-4 text-center mx-auto">
<h3 class="font-weight-bold">LEVEL 2</h3>
<p class="pt-2">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sit,
inventore explicabo. Accusamus natus debitis aperiam beatae
tenetur dolorum rerum corrupti delectus autem labore, expedita
voluptatem obcaecati hic reprehenderit repellat quod.
</p>
<span class="pricequote font-weight-bold">$ XX.00</span>
</div>
<div class="col-md-4 text-center mx-auto">
<h3 class="font-weight-bold">LEVEL 3</h3>
<p class="pt-2">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sit,
inventore explicabo. Accusamus natus debitis aperiam beatae
tenetur dolorum rerum corrupti delectus autem labore, expedita
voluptatem obcaecati hic reprehenderit repellat quod.
</p>
<span class="pricequote font-weight-bold">$ XX.00</span>
</div>
</div>
</div>
</div>
</div>
</section>