-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
186 lines (156 loc) · 7.29 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title>WITCO Construction & Development Corporation</title>
<!-- favicon -->
<link rel="icon" type="image/gif/png" href="assets/images/WITCO-08.png">
<!-- google font -->
<link href="https://fonts.googleapis.com/css?family=Fjalla+One|Noto+Sans:400,700|Open+Sans:300" rel="stylesheet">
<!-- fontawesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<!-- animate css -->
<link rel="stylesheet" type="text/css" href="assets/css/animate.css">
<!-- bootstrap css -->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<!-- external css -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<!-- jquery -->
<script type="text/javascript" src="assets/js/jquery-3.3.1.min.js"></script>
<!-- popper js-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<!-- external bootstrap js -->
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
</head>
<body>
<a href="#one" class="scroll-down" address="true"></a>
<section class="container-fluid px-0">
<div class="header">
<img class="header-bg img-fluid max-width" src="assets/images/header.jpg"> <!-- BG image -->
<div class="logo-con">
<img class="header-logo img-fluid" src="assets/images/WITCO-06.png">
<h3 id="subtitle">Construction & Development Corporation</h3>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-dark sticky-top" id="navbar">
<a class="navbar-brand" href="index.html"><img class="thumb" src="assets/images/WITCO-06.png"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-nav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse pt-1" id="navbar-nav">
<ul class="navbar-nav ml-auto">
<li class="nav-item px-2 text-center">
<a class="nav-link active" href="index.html#home">Home</a>
</li>
<li class="nav-item px-2 text-center">
<a class="nav-link" href="profile.html">Profile</a>
</li>
<li class="nav-item px-2 text-center">
<a class="nav-link" href="projects.html">Projects</a>
</li>
<li class="nav-item px-2 text-center">
<a class="nav-link" href="careers.html">Careers</a>
</li>
<li class="nav-item px-2 text-center">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
<div id="one"></div>
<div id="company" class="content row">
<div id="home" class="container col-lg-8 col-md-6 col-sm-12 mx-0">
<img id="warehouse1" src="assets/images/warehouse.jpg">
</div>
<div id="ware-desc1" class="ware-desc container col-lg-4 col-md-6 col-sm-12">
<h2 class="mt-4">OUR COMPANY</h2>
<p>WITCO Construction & Development Corporation is a progeny of WITCO Inspection & Testing Corporation (formerly Welding Inspection & Testing Corporation, which was established in 1991). The company's main business revolves around the expertise of its Founder & President Marcelo B. Villanueva whose qualifications and experiences were obtained through thirty five years in the quality assurance and steel construction industry.</p>
<a href="profile.html" class="btn btn-outline-dark" role="button" aria-disabled="true">LEARN MORE</a>
</div>
</div>
<div class="row">
<div id="portfolio" class="container col-12">
<h2>Our Portfolio</h2>
<h5>Experience our work</h5>
</div>
</div>
<div id="gallery" class="row">
<div class="container image-cont col-lg-4 col-md-6 col-sm-12">
<a href="projects.html#project1"><div class="overlay">
<h6>Shell Company Pacific Islands</h6>
<small>Diesel Storage Tank Construction (Koror, Palau)</small>
</div></a>
<img class="image" src="assets/images/gallery-1.jpg">
</div>
<div class="container image-cont col-lg-4 col-md-6 col-sm-12">
<a href="projects.html#project2"><div class="overlay">
<h6>Shell Petroleum Corporation</h6>
<small>Dismantling & Reconstruction of Tank 10 Unleaded Gasoline Storage Tank (Camarines Sur, Philippines)</small>
</div></a>
<img class="image" src="assets/images/gallery-2.jpg">
</div>
<div class="container image-cont col-lg-4 col-md-6 col-sm-12">
<a href="projects.html#project3"><div class="overlay">
<h6>FCF Minerals Corporation</h6>
<small>Construction of Civil Works for Runruno Gold Molydenum Project (Nueva Viscaya, Philippines)</small>
</div></a>
<img class="image" src="assets/images/gallery-3.jpg">
</div>
<div class="container image-cont col-lg-4 col-md-6 col-sm-12">
<a href="projects.html#project4"><div class="overlay">
<h6>Leighton Contractors (ASIA) Ltd</h6>
<small>Erection of Carbon-in-Leach Tanks for P2324 (Masbate, Philippines)</small>
</div></a>
<img class="image" src="assets/images/gallery-4.jpg">
</div>
<div class="container image-cont col-lg-4 col-md-6 col-sm-12">
<a href="projects.html#project5"><div class="overlay">
<h6>Enerthrust Incorporated</h6>
<small>Supply, Fabrication & Installation of Diesel Storage Tanks (Masbate, Philippines)</small>
</div></a>
<img class="image" src="assets/images/gallery-5.jpg">
</div>
<div class="container image-cont col-lg-4 col-md-6 col-sm-12">
<a href="projects.html#project6"><div class="overlay">
<h6>PHP Philippines Hydro Project, Inc.</h6>
<small>Diesel Storage Tank Construction (Bulacan, Philippines)</small>
</div></a>
<img class="image" src="assets/images/gallery-6.jpg">
</div>
</div>
<div class="footer1 clear col-12">
<div class="container col-lg-3 col-md-4 col-sm-12 px-3 py-5 mx-0 px-0">
<!-- <h4>WITCO Construction & Development Corporation</h4> -->
</div>
<div class="container col-lg-6 col-md-4 col-sm-12 my-5 mx-0 px-0 text-center">
<img class="foo-img" src="assets/images/WITCO-06.png">
<small>
<a id="foolinks" href="index.html#home">Home</a> |
<a id="foolinks" href="profile.html">Profile</a> |
<a id="foolinks" href="projects.html">Projects</a> |
<a id="foolinks" href="careers.html">Careers</a> |
<a id="foolinks" href="contact.html">Contact</a>
</small>
</div>
<div id="foot-right" class="container col-lg-3 col-md-4 col-sm-12 px-3 py-5">
<!-- <h4>Follow Us</h4> -->
<!-- <a href="https://www.facebook.com/WITCO-Construction-590391207801346/" target="_blank"><i class="fab fa-facebook-f"></i></a> -->
</div>
</div>
<div class="footer2 col-12">
<small>Copyright © 2018 Tuitt Bootcamp - Don Dilidili</small>
<p id="disclaimer" class="mt-2">All images and texts are free to use and non-strict for attribution. All other rights regarding concept and layout are reserved.</p>
</div>
</section>
<script type="text/javascript">
$(function() {
$('.scroll-down').click (function() {
$('html, body').animate({scrollTop: $('section.ok').offset().top }, 'slow');
return false;
});
});
</script>
</body>
</html>