-
Notifications
You must be signed in to change notification settings - Fork 0
/
ourbussiness.html
143 lines (125 loc) · 4.66 KB
/
ourbussiness.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
<!DOCTYPE html>
<html>
<head>
<title>Our Business</title>
<meta charset="utf-8">
<meta name="viewpoint" content="width=device-width, initial-scale=1.0">
<style type="text/css">
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: sans-serif;
background-color:rgb(164, 112, 48) ;
}
input {
display: none;
}
.container {
width: 100%;
text-align: center;
}
h1 {
font-weight: normal;
font-size: 60px;
position: relative;
margin: 100px;
background-color: yellow;
font-family: Stencil;
letter-spacing: 2.5px;
}
h1::before {
position: absolute;
background-color: crimson;
width: 100px;
height: 3px;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
animation: animate 4s linear infinite;
}
h2 {
font-weight: lighter;
font-size: 25px;
position: relative;
margin: 100px;
background-color: rgb(238, 150, 34);
font-family: Cooper Black;
letter-spacing: 1.5px;
}
@keyframes animate {
0% {
width: 100px;
}
50% {
width: 200px;
}
100% {
width: 100px;
}
}
h3 {
height: 10%;
background-color: rgba(255, 255, 255, 0.559);
font-size: 40px;
margin: 40px;
line-height: 60px;
padding: 0 50 50px;
color: orangered;
font-family: Cooper Black;
vertical-align: middle;
text-align: center;
}
h4 {
height: 10%;
background-color: rgba(255, 255, 255, 0.534);
font-size: 25px;
margin: 40px;
line-height: 60px;
padding: 0 50 50px;
color: rgb(4, 127, 33);
font-family: Arial Black;
vertical-align: middle;
text-align: center;
}
p {
font-family: cursive;
letter-spacing: 2px;
color: azure;
}
</style>
</head>
<title>Business</title>
<body background="./images/background.png">
<div class="section">
<div class="container">
<div class="content-section">
<div class="title">
<h1>Business Overview</h1>
</div>
<div class="content">
</div>
</div>
</div>
<p>Company is committed to continually developing the high standard of quality environment
and health in all of its construction and related activities. Our company is commited to
provide Superior construction in various project of every aspect of business .
Dream house was established in the year of 2021 with a objective to provide high standard
and better housing and other ammenities .It is the leading construction group in various
cities of Punjab , Haryana , Himachal Pradesh primarily engaged in building low cost shelters
with a staff of 400 employees. Our completed projects include Shelter Plot planning, Highways ,
bridges.
With the time we have maintained the value with meaningful process to strenghten our company
and benefit our clients , we also look ahead to provide highest value of Global Construction.</p>
</div>
<h3>Business Verticals</h3>
<h4>Infrastructure</h4>
<h4>Retail Properties</h4>
<h4>Cement,Steel and Aluminium</h4>
<h4>Cleaning Construction</h4>
<h4>Interior Designing</h4>
</div>
</div>
</div>
</body>
</html>