-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprevencion_riesgos.php
226 lines (217 loc) · 11.3 KB
/
prevencion_riesgos.php
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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
<?php $titulo='Prevención de Riesgos'; $nav='prevencion';?>
<?php include_once('header.php'); ?>
<body class="front no-trans">
<?php include_once("analyticstracking.php") ?>
<div class="scrollToTop"><i class="icon-up-open-big"></i></div>
<div class="page-wrapper">
<?php include_once('nav.php'); ?>
<div class="banner">
<div class="fixed-image section light-translucent-bg" style="background-image:url('images/page-services-banner.jpg');">
<div class="container">
<h1><?php echo $titulo ?></h1>
<div class="separator-2"></div>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae sit excepturi, <br class="hidden-xs hidden-sm"> hic officiis illo dolore sunt assumenda saepe id commodi sint praesentium <br class="hidden-xs hidden-sm"> natus laborum quas cumque facilis, suscipit aliquam dolorum.</p>
</div>
</div>
</div>
<?php include_once('intro-page.php'); ?>
<!-- main-container start -->
<!-- ================ -->
<section class="main-container">
<div class="container">
<div class="row">
<!-- main start -->
<!-- ================ -->
<div class="main col-md-12">
<!-- page-title start -->
<!-- ================ -->
<h1 class="page-title text-center">Core Features</h1>
<div class="separator"></div>
<!-- page-title end -->
<div class="row">
<div class="col-md-6">
<div class="box-style-3 right animated fadeInUpSmall">
<div class="icon-container default-bg">
<i class="fa fa-bold"></i>
</div>
<div class="body">
<h2>Bootstrap Based</h2>
<p>Voluptatem ad provident non veritatis beatae cupiditate amet reiciendis.</p>
<a href="page-services.html" class="link"><span>Read More</span></a>
</div>
</div>
<div class="box-style-3 right animated fadeInUpSmall">
<div class="icon-container default-bg">
<i class="fa fa-check"></i>
</div>
<div class="body">
<h2>Unlimited Options</h2>
<p>Iure sequi unde hic. Sapiente quaerat labore inventore veritatis cumque.</p>
<a href="page-services.html" class="link"><span>Read More</span></a>
</div>
</div>
<div class="box-style-3 right animated fadeInUpSmall">
<div class="icon-container default-bg">
<i class="fa fa-bicycle"></i>
</div>
<div class="body">
<h2>Easy to Use</h2>
<p>Inventore dolores aut laboriosam cum consequuntur delectus sequi! Eum est.</p>
<a href="page-services.html" class="link"><span>Read More</span></a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="space hidden-lg hidden-md"></div>
<img class="animated fadeInUpSmall" src="images/services-1.png" alt="iDea">
</div>
</div>
<div class="space"></div>
</div>
<!-- main end -->
</div>
</div>
</section>
<!-- main-container end -->
<!-- section start -->
<!-- ================ -->
<div class="section gray-bg clearfix">
<div class="container">
<h1 class="text-center title">More Features</h1>
<div class="row grid-space-10">
<div class="col-sm-4">
<div class="box-style-2 object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="0">
<div class="icon-container default-bg">
<i class="fa fa-leaf"></i>
</div>
<div class="body">
<h2>Clean Design and Code</h2>
<p>Voluptatem ad provident non veritatis beatae cupiditate amet reiciendis.</p>
<a href="page-services.html" class="link"><span>Read More</span></a>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="box-style-2 object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="200">
<div class="icon-container default-bg">
<i class="fa fa-laptop"></i>
</div>
<div class="body">
<h2>Very Flexible</h2>
<p>Iure sequi unde hic. Sapiente quaerat labore inventore veritatis cumque.</p>
<a href="page-services.html" class="link"><span>Read More</span></a>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="box-style-2 object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="400">
<div class="icon-container default-bg">
<i class="fa fa-sitemap"></i>
</div>
<div class="body">
<h2>Latest Technologies</h2>
<p>Inventore dolores aut laboriosam cum consequuntur delectus sequi! Eum est.</p>
<a href="page-services.html" class="link"><span>Read More</span></a>
</div>
</div>
</div>
</div>
<div class="row grid-space-10">
<div class="col-sm-4">
<div class="box-style-2 object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="600">
<div class="icon-container default-bg">
<i class="fa fa-bold"></i>
</div>
<div class="body">
<h2>Packed Full of Features</h2>
<p>Voluptatem ad provident non veritatis beatae cupiditate amet reiciendis.</p>
<a href="page-services.html" class="link"><span>Read More</span></a>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="box-style-2 object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="800">
<div class="icon-container default-bg">
<i class="fa fa-check"></i>
</div>
<div class="body">
<h2>100% Responsive</h2>
<p>Iure sequi unde hic. Sapiente quaerat labore inventore veritatis cumque.</p>
<a href="page-services.html" class="link"><span>Read More</span></a>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="box-style-2 object-non-visible" data-animation-effect="fadeInUpSmall" data-effect-delay="1000">
<div class="icon-container default-bg">
<i class="fa fa-bicycle"></i>
</div>
<div class="body">
<h2>After Sale Support</h2>
<p>Inventore dolores aut laboriosam cum consequuntur delectus sequi! Eum est.</p>
<a href="page-services.html" class="link"><span>Read More</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- section end -->
<!-- section start -->
<!-- ================ -->
<div class="section clearfix">
<div class="container">
<h1>The Process We Follow</h1>
<!-- pills start -->
<div class="process">
<!-- Nav tabs -->
<ul class="nav nav-pills white space-top" role="tablist">
<li class="active"><a href="#pill-1" role="tab" data-toggle="tab" title="Step 1"><i class="fa fa-dot-circle-o pr-5"></i> Step 1</a></li>
<li><a href="#pill-2" role="tab" data-toggle="tab" title="Step 2"><i class="fa fa-dot-circle-o pr-5"></i> Step 2</a></li>
<li><a href="#pill-3" role="tab" data-toggle="tab" title="Step 3"><i class="fa fa-dot-circle-o pr-5"></i> Step 3</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content clear-style">
<div class="tab-pane active" id="pill-1">
<h3>Consectetur adipisicing elit</h3>
<div class="row">
<div class="col-md-6">
<p>Ipsum dolor sit amet, consectetur adipisicing elit. Sit, labore iste! Pariatur tempore, dicta voluptatibus quis blanditiis voluptates in. Molestiae asperiores sed, pariatur nesciunt saepe. Culpa ipsam ut enim reiciendis!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea sit enim sint deleniti saepe esse nisi nesciunt fuga eaque dicta tenetur, cupiditate illo, consequuntur unde dolores quis dolore rem ex asperiores error. Labore saepe beatae harum quod fuga ipsam! Iusto earum iste similique, quam esse rerum, quae atque inventore consequuntur voluptatum amet deserunt mollitia? Tempore fugit, cumque dolor eaque doloremque iusto nostrum excepturi unde! Similique ipsum fugit eius laboriosam nihil quos, quia et! Earum iure, sapiente. Molestiae unde earum fugiat voluptate incidunt.</p>
</div>
<div class="col-md-6">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="//player.vimeo.com/video/29198414?byline=0&portrait=0"></iframe>
<p><a href="http://vimeo.com/29198414">Introducing Vimeo Music Store</a> from <a href="http://vimeo.com/staff">Vimeo Staff</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="pill-2">
<h3>Lorem ipsum dolor sit amet</h3>
<div class="row">
<div class="col-md-6">
<img src="images/section-image-1.png" alt="">
</div>
<div class="col-md-6">
<p>Ipsum dolor sit amet, consectetur adipisicing elit. Sit, labore iste! Pariatur tempore, dicta voluptatibus quis blanditiis voluptates in. Molestiae asperiores sed, pariatur nesciunt saepe. Culpa ipsam ut enim reiciendis!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea sit enim sint deleniti saepe esse nisi nesciunt fuga eaque dicta tenetur, cupiditate illo, consequuntur unde dolores quis dolore rem ex asperiores error. Labore saepe beatae harum quod fuga ipsam! Iusto earum iste similique, quam esse rerum, quae atque inventore consequuntur voluptatum amet deserunt mollitia? Tempore fugit, cumque dolor eaque doloremque iusto nostrum excepturi unde! Similique ipsum fugit eius laboriosam nihil quos, quia et! Earum iure, sapiente. Molestiae unde earum fugiat voluptate incidunt.</p>
</div>
</div>
</div>
<div class="tab-pane" id="pill-3">
<h3>Dolor lorem ipsum sit amet</h3>
<p>Consectetur adipisicing elit. Sit, labore iste! Pariatur tempore, dicta voluptatibus quis blanditiis voluptates in. Molestiae asperiores sed, pariatur nesciunt saepe. Culpa ipsam ut enim reiciendis!</p>
<p>Ipsum dolor sit amet, consectetur adipisicing elit. Debitis eaque nihil obcaecati minus perferendis officiis cumque nesciunt quae dolorem ad tenetur voluptate blanditiis labore libero id veritatis similique facere, fugiat soluta omnis minima? Iusto optio hic a reiciendis, inventore numquam impedit quaerat deserunt, voluptatum illum in magni, aspernatur corporis mollitia nam? Ipsum, cumque facilis recusandae commodi dolorum sequi quis possimus, aut, ab incidunt dolorem perferendis rerum tenetur. Labore exercitationem magni perspiciatis laborum, aliquam officia molestias obcaecati, voluptatum quidem eum iure aut, officiis dicta cupiditate ab, sit aliquid. Corporis ducimus ab commodi officia? Inventore suscipit saepe dolorem vitae aperiam autem, iusto id, enim assumenda modi a voluptate aliquam molestiae quidem sapiente, obcaecati recusandae. Magni repellat dignissimos sint iste dolorem maxime accusantium quas repellendus quam ipsa, sapiente, beatae enim ab ex. Optio eveniet necessitatibus, tempora dolor eaque saepe, ipsam vero at officiis cumque, maxime consequuntur in ea, voluptate quae nesciunt hic delectus.</p>
</div>
</div>
</div>
<!-- pills end -->
</div>
</div>
<!-- section end -->
<?php include_once('footer.php'); ?>
</div>
<?php include_once('template_js.php'); ?>
</body>
</html>