-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
133 lines (132 loc) · 6.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>My website</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="index.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="#"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<img src="https://img.freepik.com/free-photo/3d-rendering-letter-v_23-2150456977.jpg?t=st=1726813067~exp=1726816667~hmac=344a32c7219f876e03217b0668e13bf1796498689ad306ce30f993f1a92048f1&w=740" height="30px" width="30px">
</br>
<h3><b>Virtuoso construction company</b></h3>
<div class="navbar-nav ms-auto"> <!-- Add ms-auto class here -->
<a class="nav-link active" aria-current="page" href="#">Home</a>
<a class="nav-link active" aria-current="page" href="#">Services</a>
<a class="nav-link active" aria-current="page" href="#">Projects</a>
<a class="nav-link active" aria-current="page" href="#">About us</a>
<button type="button" class="btn btn-warning">Contact</button>
</div>
</div>
</div>
</nav>
<div class="image">
<div class="centered">
<h1> Crafting Excellence</h1>
<h4>Cutting-Edge Designs, and Eco-Friendly Solutions for Every Build</h4>
</div>
</div>
<br>
<br>
<div class="div1">
<i class='bx bxs-chevron-right-square'></i>
<b>SERVICES</b>
<br>
Diverse solutions tailored to your every need
</div>
<br>
<br>
<br>
<br>
<div class="row">
<div class="col-12 col-lg-4 mb-4 mb-lg-0">
<img src="https://img.freepik.com/free-photo/construction-silhouette_1150-8336.jpg?ga=GA1.1.1738043678.1726643055&semt=ais_hybrid"height="350px"><br>
<h2> Commercial</h2>
<p>Warehouses, outdoor, malls</p>
</div>
<div class="col-lg-4 col-md-12 mb-4 mb-lg-0">
<img src="https://img.freepik.com/free-photo/crop-hands-holding-caliper-near-draft_23-2147831926.jpg?ga=GA1.1.1738043678.1726643055&semt=ais_hybrid"height="350px"><br>
<h4>Residential</h4>
<p>construction design, Engineering, architect</p>
</div>
<div class="col-lg-4 col-md-12 mb-4 mb-lg-0">
<img src="https://img.freepik.com/free-photo/heavy-machines-construction-workers-working-building_181624-8234.jpg?ga=GA1.1.1738043678.1726643055&semt=ais_hybrid"height="350px"><br>
<h5>Heavy Machines </h5>
<p>construction work, Safety equipment, construction site</p>
</div>
</div>
<div class="main">
<i style="margin-left: 220px; margin-top: 200px; font-size:xx-large;"class='bx bxs-chevron-right-square'><b>About<b></i>
<br>
<h7 style="margin-left: 220px; margin-top: 200px;">Our company is a leading construction company that specializes in providing high-quality construction services to<h7>
</div>
<br>
<br>
<div class="div1">
<i class='bx bxs-chevron-right-square'></i>
<b>OUR PROJECTS</b>
<br>
Discover our latest Projects
</div>
<br>
<br>
<br>
<br>
<div id="carouselExample" class="carousel slide">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://img.freepik.com/free-photo/road-landscape_8327-113.jpg?t=st=1726808195~exp=1726811795~hmac=3026e30c9aa6a134313979379dfc7eb4b2ac8179870ff03f454d12c291a1ae2b&w=826" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="https://upload.wikimedia.org/wikipedia/commons/d/d5/Long_Exposure_of_Cable_bridge_on_Durgam_Cheruvu.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="https://img.freepik.com/free-photo/construction-works-frankfurt-downtown-germany_1268-20907.jpg?t=st=1726807753~exp=1726811353~hmac=390da7a018bbc7564a238130134e3e893bbc71e0f826273e3a77b8a4522b20bb&w=996" class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<br>
<div class="any">
<div class="row">
<div class="col-sm-3">
<img src="https://img.freepik.com/free-photo/3d-rendering-letter-v_23-2150456977.jpg?t=st=1726813067~exp=1726816667~hmac=344a32c7219f876e03217b0668e13bf1796498689ad306ce30f993f1a92048f1&w=740" height="30px" width="30px">
<p>Virtuoso<br> construction .Inc</p>
</div>
<div class="col-sm-3">
<p>Head Office<br> 108/11<br> Gkm street<br> Chennai<br> 600011</p>
</div>
<div class="col-sm-3">
<p>Navigaion<br>Services<br>Projects<br> About us<br> Contact</p>
</div>
<div class="col-sm-3 ">
<p>Follow us<br>Facebook<br>Instagram<br>Linkedin</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="text-center">
<p>Terms & conditions Privacy Policy Accessibility statement</p>
<p> © 2020 by Virtuoso construction Inc</p>
</div>
</div>
</div>
</div>
</body>
</html>