-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathhome.html
130 lines (124 loc) · 6.12 KB
/
home.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="asset/css/bootstrap.css">
<link rel="stylesheet" href="asset/css/scroll.css">
<link href="https://fonts.googleapis.com/css?family=Lato|Open+Sans|Playfair+Display" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Playfair+Display" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato|Open+Sans|Playfair+Display" rel="stylesheet">
<link rel="stylesheet" href="asset/css/home.css">
<title>HOME</title>
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button class="navbar-toggle" data-toggle="collapse" data-target='#mynavbar'>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="home.html" class="navbar-brand">WetLand</a>
</div>
<div class="collapse navbar-collapse" id="mynavbar">
<ul class="nav navbar-nav pull-right">
<li><a href="home.html">Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="staff.html">Staff</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Jumbotron -->
<div class="jumbotron">
<div class="jumbo-overlay">
<div class="intro">
<h3>Welcome to <strong>Wetland Construction Limited</strong></h3>
<p>we construct your dream to reality</p>
<button class="btn-lg btn-success">EXPLORE</button>
</div>
</div>
</div>
<!-- End of Jumbotron -->
<div class="container about-us-container">
<div class="about">
<div class="about-us animation-element slide-left col-lg-4">
<h4>ABOUT US</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus unde cum, adipisci quas incidunt corrupti asperiores reprehenderit culpa, eius consectetur illum maiores voluptate! Temporibus culpa labore dolore facere, dignissimos explicabo enim incidunt eum tempore animi, excepturi doloribus eligendi accusamus ut consequuntur debitis, numquam adipisci minima quia, necessitatibus architecto ullam nobis.</p>
</div>
<div class="about-us col-lg-4 animation-element slide-left">
<h4>MISSION</h4>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil blanditiis unde, laborum, facere maiores perspiciatis dicta debitis et eius quasi sed enim modi. Saepe itaque voluptates, voluptatum quos vitae nostrum eius! Est voluptates, commodi, natus expedita nemo ullam aliquam ab.</P>,
</div>
<div class="about-us animation-element slide-left col-lg-4">
<h4>VISION</h4>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed molestias excepturi vitae magnam facere animi, exercitationem laborum porro neque soluta sint cupiditate totam qui vero. Facere accusantium voluptas commodi ducimus, et quia rem quibusdam totam nostrum fugiat reprehenderit perspiciatis repudiandae.</P>
</div>
</div>
</div>
<section class="container recent-works">
<div class="header">
<h3 class="text-center">Recently Completed Projects</h3>
</div>
<div class="image-section col-lg-3 animation-element slide-left">
<div class="image" style="background:url(/images/bridge1.jpeg) center">
</div>
</div>
<div class="image-section col-lg-3 animation-element slide-left">
<div class="image" style="background:url(/images/bridge2.jpeg) center">
</div>
</div>
<div class="image-section col-lg-3 animation-element slide-left">
<div class="image" style="background:url(/images/house1.jpeg) center"></div>
</div>
<div class="image-section col-lg-3 animation-element slide-left">
<div class="image" style="background:url(/images/house2.jpeg) center"></div>
</div>
<div class="image-section col-lg-3 animation-element slide-left">
<div class="image" style="background:url(/images/house3.jpeg) center"></div>
</div>
<div class="image-section col-lg-3 animation-element slide-left">
<div class="image" style="background:url(/images/house4.jpeg) center"></div>
</div>
<div class="image-section col-lg-3 animation-element slide-left">
<div class="image" style="background:url(/images/house5.jpeg) center"></div>
</div>
<div class="image-section col-lg-3 animation-element slide-left">
<div class="image" style="background:url(/images/maxresdefault.jpg) center"></div>
</div>
</section>
<section class=" container staffs ">
<div class="staff-list">
<h3 class="text-center">STAFFS</h3>
<div class="staff-items col-xs-3 animation-element slide-left">
<img src="/images/team1.jpg" alt="team1">
<h6>CEO</h6>
</div>
<div class="staff-items col-xs-3 animation-element slide-left">
<img src="/images/team2.jpg" alt="team2">
<h6>PRESIDENT</h6>
</div>
<div class="staff-items col-xs-3 animation-element slide-left">
<img src="/images/team3.jpg" alt="team3">
<h6>V.PRESIDENT</h6>
</div>
<div class="staff-items col-xs-3 animation-element slide-left">
<img src="/images/team4.jpg" alt="team4">
<h6>H.R</h6>
</div>
</div>
</section>
<footer class="footer">
<div class="modal-footer">
<div class="footer-label">
<h6>©wetland 2030</h6>
</div>
</div>
</footer>
<script src="asset/js/jquery-3.2.0.min.js"></script>
<script src="asset/js/scroll.js"></script>
</body>
</html>