-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
197 lines (191 loc) · 9.71 KB
/
index.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
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
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://unpkg.com/pattern.css" rel="stylesheet">
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<title>BPRConsultants</title>
<link rel="shortcut icon" href="images/favicon.png" />
</head>
<body>
<!-- Header -->
<div class="text-white h-screen w-full bg-cover bg-center" style="background-image:url('images/consulting.jpg')">
<div class="absolute w-full h-full bg-black opacity-60 z-0"></div>
<div class="flex-col justify-center relative z-10 w-full h-full">
<div class="flex justify-start p-8 w-full">
<div class="w-1/4">
<a href='index.html'>BPR Consultants</a>
</div>
<div class="w-3/4 text-right">
<a href='about.html'>Contact Us</a>
</div>
</div>
<div class="h-full flex-col justify-center text-center p-8" style="font-family: Roboto;">
<div class="h-1/3"></div>
<div class="h-1/3">
<h1 class="text-3xl font-bold uppercase p-2">
More than 20 years of experience
</h1>
<p class="text-white text-lg">
At BPR Consultants our professionals will dedicate time to give you the information you need to have successfull projects.
</p>
<div class="flex justify-center p-4">
<div></div>
<div class="flex justify-between">
<div class="p-2">
<button class="bg-white text-black text-center rounded shadow-sm px-6 py-4">
About Us
</button>
</div>
<div class="p-2">
<a class="block bg-blue-500 text-white text-center rounded shadow-sm px-6 py-4" href="#contact">
Contact Us
</a>
</div>
</div>
<div></div>
</div>
</div>
<div class="h-1/3"></div>
</div>
</div>
</div>
<!-- Body -->
<div class="w-full p-8">
<div class="flex lg:flex-row flex-col justify-between">
<div id="bprconsultants" class="m-auto w-2/3 lg:w-1/3">
<img class="w-full p-4 mt-44" src="images/Logo1.png" alt="BPRConsultants"/>
</div>
<div class="w-full lg:w-2/3 p-16 flex flex-col lg:h-full justify-start">
<div class="text-4xl p-6 pl-16" style="font-family: Roboto;">
BPR Consultants offer the following services
</div>
<div id="safety" class="w-full flex flex-col md:flex-row justify-start p-4 md:pl-24">
<div class="bg-center bg-cover shadow-lg w-full md:w-1/3 h-48" style="background-image: url(images/safety.jpg);"></div>
<div class="flex flex-col px-8 my-auto py-4 md:py-0 w-full md:w-2/3">
<div class="text-gray-700 text-lg">Quality, Safety and Environmental Management Systems</div>
<ul class="list-disc text-md py-4 px-4">
<li>Integrated Management System Compliance to ISO Standards</li>
<li>System Process Improvement</li>
<li>Internal Auditing</li>
</ul>
</div>
</div>
<div id="management" class="w-full flex flex-col md:flex-row justify-start p-4 md:pl-24">
<div class="bg-center bg-cover shadow-lg w-full md:w-1/3 h-48" style="background-image: url(images/management.jpg);"></div>
<div class="flex flex-col px-8 my-auto py-4 md:py-0 w-full md:w-2/3">
<div class="text-gray-700 text-lg">Project Management Services</div>
<ul class="list-disc text-md py-4 px-4">
<li>Business in house ERP and CRM Implementation</li>
<li>Integrated Access Control and Alarms Management Project implementation</li>
</ul>
</div>
</div>
<div id="security" class="w-full flex flex-col md:flex-row justify-start p-4 md:pl-24">
<div class="bg-center bg-cover shadow-lg w-full md:w-1/3 h-48" style="background-image: url(images/securityCameras.jpg);"></div>
<div class="flex flex-col px-8 my-auto py-4 md:py-0 w-full md:w-2/3">
<div class="text-gray-700 text-lg">Security Consultancy</div>
<ul class="list-disc text-md py-4 px-4">
<li>NSW Accredited and Licensed Security Consultancy Services</li>
<li>Risk Management</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="w-full p-8">
<div class="flex lg:flex-row flex-col justify-between">
<div class="w-full lg:w-2/3 p-16 flex flex-col lg:h-full justify-start">
<div class="text-4xl p-6 pl-16" style="font-family: Roboto;">
BPR Serv Supplies and Installs
</div>
<div id="safety" class="w-full flex flex-col md:flex-row justify-start p-4 md:pl-24">
<div class="bg-center bg-cover shadow-lg w-full md:w-1/3" style="background-image: url(images/network.jpg);"></div>
<div class="flex flex-col px-8 my-auto py-4 md:py-0 w-full md:w-2/3">
<div class="text-gray-700 text-lg">Quality, Safety and Environmental Management Systems</div>
<ul class="list-disc text-md py-4 px-4">
<li>Security Alarm, Access Control and Alarms Management Systems</li>
<li>CCTV Systems</li>
<li>Intercom Systems</li>
<li>MATV Systems</li>
<li>Audio Visual and Home Entertainment Systems</li>
<li>IT Solution Management</li>
<li>Structured Cabling Installations</li>
<li>Networking</li>
<li>WiFi Installation and Integration</li>
<li>Telephone Systems</li>
<li>VOIP Solutions</li>
<li>PABX</li>
</ul>
</div>
</div>
</div>
<div id="bprserv" class="m-auto w-2/3 lg:w-1/3">
<img class="w-full p-4 mt-32" src="images/Logo-2.png" alt="BPRServ"/>
</div>
</div>
</div>
<div class="flex flex-col md:flex-row justify-between p-8 py-16 w-full pattern-dots-sm bg-blue-400 shadow-md text-blue-500" style="font-family: Roboto;">
<div class="w-2/3 text-xl m-auto text-white font-bold">
"Roland is an experienced operator with a broad skill set, and can apply real world knowledge to any tasks related to Integrated Management Systems, Auditing activities, and Process Improvement."
</div>
<div class="w-full md:w-1/3 py-4 md:py-0 flex flex-col justify-between text-white">
<div class="w-52 h-52 bg-cover bg-center shadow-lg rounded-full m-auto" style="background-image: url(images/damian.jpg);"></div>
<div class="m-auto font-bold text-lg p-4">Damian Foley - WV Technologies</div>
</div>
</div>
<div id='contact' class="w-full p-8">
<h1 class="text-3xl font-bold uppercase p-2 text-center">Contact Us</h1>
<form class="w-full flex-col p-4" name="formContacto" method="post" action="sendbymail.php">
<div class="flex-col w-full">
<label for="Name" class="block text-lg font-bold py-4">Name</label>
<input type='text' class='p-4 rounded shadow-lg w-full border border-gray-300' name='Name'>
</div>
<div class="flex-col w-full">
<label for="Description" class="block text-lg font-bold py-4">Please, tell us what you need</label>
<textarea rows="4" class='p-4 rounded shadow-lg w-full border border-gray-300' name='Description'></textarea>
</div>
<div class="flex-col w-full">
<label for="Email" class="block text-lg font-bold py-4">Email</label>
<input type='email' class='p-4 rounded shadow-lg w-full border border-gray-300' name='Email'>
</div>
<div class="flex-col w-full py-8">
<button type='submit' class='p-4 bg-blue-500 text-white text-center text-lg shadow-sm rounded w-full'>Send</button>
</div>
</form>
</div>
<!-- Footer -->
<footer class='flex justify-between w-full bg-blue-500 text-white p-4 shadow-lg'>
<div class="p-4">BPR Consultants © Pty Ltd.</div>
<div>
<div><strong>M:</strong> 0414 566 163</div>
</div>
</footer>
</body>
<script>
var animateEntrance = function(el, effect){
var bubble = el;
var position = bubble.getBoundingClientRect();
// checking whether fully visible
if(position.top >= 0 && position.bottom <= window.innerHeight) {
}
// checking for partial visibility
if(position.top < window.innerHeight && position.bottom >= 0) {
if(!bubble.classList.contains(effect)){
bubble.classList.add("animate__animated");
bubble.classList.add(effect);
}
}
};
window.onscroll = function() {
animateEntrance(document.getElementById('bprconsultants'), 'animate__bounceInLeft');
animateEntrance(document.getElementById('safety'), 'animate__fadeInDown');
animateEntrance(document.getElementById('management'), 'animate__fadeInDown');
animateEntrance(document.getElementById('security'), 'animate__fadeInDown');
};
</script>
</html>