Skip to content

Commit 0194945

Browse files
TusharKesarwaniTusharKesarwani
authored
Merge pull request #1273 from rayarka26/main
Logistic Company Landing Page added
2 parents ca7d0c3 + 6da6c4d commit 0194945

12 files changed

Lines changed: 181 additions & 0 deletions

File tree

‎Projects/Logistic Company/img/img 5 (1).jpg‎

116 KB
Loading

‎Projects/Logistic Company/img/img1 (1).jpg‎

173 KB
Loading

‎Projects/Logistic Company/img/img3 (1).jpg‎

121 KB
Loading

‎Projects/Logistic Company/img/img3.webp‎

38.2 KB
Loading

‎Projects/Logistic Company/img/plane.jpg‎

265 KB
Loading

‎Projects/Logistic Company/img/ship.jpeg‎

58.5 KB
Loading

‎Projects/Logistic Company/img/ship.png‎

103 KB
Loading

‎Projects/Logistic Company/img/truck.jpeg‎

8.93 KB
Loading

‎Projects/Logistic Company/index.html‎

Lines changed: 148 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,148 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
8+
<link rel="stylesheet" href="style.css">
9+
<title> Go-Fast</title>
10+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
11+
<style>
12+
body {
13+
font-family: "Sofia", sans-serif;
14+
}
15+
</style>
16+
</head>
17+
<body>
18+
<nav class="navbar navbar-expand-sm bg-primary navbar-dark">
19+
<a class="navbar-brand" href="#"><h1>Go-Fast</h1></a>
20+
<ul class="navbar-nav ">
21+
<li class="nav-item active">
22+
<a class="nav-link" href="#about"><h4>About</h4></a>
23+
</li>
24+
<li class="nav-item">
25+
<a class="nav-link" href="#contact"><h4>Contact</h4></a>
26+
</li>
27+
<li class="nav-item">
28+
<a class="nav-link" href="#services"><h4>Service</h4></a>
29+
</li>
30+
<li class="navbar-nav ml-5">
31+
<form class="form-inline mr-100" action="/action_page.php">
32+
<input class="form-control mr-sm-2" type="text" placeholder="Search">
33+
<button class="btn btn-success" style="background-color: rgb(44, 171, 245)" type="submit">Search</button>
34+
</form>
35+
</li>
36+
</ul>
37+
</nav>
38+
39+
<div id="demo" class="carousel slide" data-ride="carousel">
40+
41+
<!-- Indicators -->
42+
<ul class="carousel-indicators">
43+
<li data-target="#demo" data-slide-to="0" class="active"></li>
44+
<li data-target="#demo" data-slide-to="1"></li>
45+
<li data-target="#demo" data-slide-to="2"></li>
46+
</ul>
47+
48+
<!-- The slideshow -->
49+
<div class="carousel-inner">
50+
<div class="carousel-item active ">
51+
<img src="./img/img 5 (1).jpg" class="mx-auto d-block" alt="Los Angeles" height="600" width="1100">
52+
</div>
53+
<div class="carousel-item">
54+
<img src="./img/img1 (1).jpg" class="mx-auto d-block" alt="Chicago" height="600" width="1100">
55+
</div>
56+
<div class="carousel-item">
57+
<img src="./img/img3 (1).jpg" class="mx-auto d-block" alt="New York" height="600" width="1100" >
58+
</div>
59+
</div>
60+
61+
<!-- Left and right controls -->
62+
<a class="carousel-control-prev text-black" href="#demo" data-slide="prev">
63+
<span class="carousel-control-prev-icon"></span>
64+
</a>
65+
<a class="carousel-control-next" href="#demo" data-slide="next">
66+
<span class="carousel-control-next-icon"></span>
67+
</a>
68+
</div>
69+
<hr>
70+
<div id="about">
71+
<h1 class="text-center text-capitalize"> About Us</h1>
72+
<hr class = "w-25 mx auto pt-5">
73+
<div class="row ml-auto mb-5">
74+
<div class="col-lg-6 col-md-6 col-12">
75+
<img src="https://img.freepik.com/free-photo/truck-with-trailer-road_1340-32492.jpg" class="img-fluid">
76+
</div>
77+
<div class="col-lg-6 col-md-6 col-12">
78+
<br>
79+
<br>
80+
<h2>Know About Our Work</h2>
81+
<hr>
82+
<p style="padding: 0px 30px 0 0;">Our work involves a multi-faceted process encompassing several key functions.
83+
Firstly, the company collaborates with suppliers to procure and receive the required inventory.
84+
Once the goods are received, they are meticulously inspected, sorted, and stored in a warehouse or
85+
distribution center.
86+
</p><p style="padding: 0px 30px 0 0;">The logistics company then develops an efficient transportation plan, utilizing
87+
various modes like road, air, or water, to deliver the products to their destinations.
88+
Efficient information systems and technologies are employed to manage inventory, track shipments, and optimize logistics operations. Moreover, a logistics company engages in reverse logistics, managing returns, repairs, and recycling processes. Overall, a logistics company operates with precision, coordination, and expertise to ensure seamless flow of goods and customer satisfaction.</p>
89+
<button> Know More</button>
90+
</div>
91+
92+
</div>
93+
</div>
94+
<!-- Service Part -->
95+
<hr>
96+
<div id="services">
97+
<h1 class="text-center text-capitalize"> Our Services</h1>
98+
<hr class = "w-25 mx auto pt-5">
99+
<div class="row ml-auto mb-5 text-center">
100+
<div class="col-lg-4 col-md-6 col-12">
101+
<div class="card ml-5" style="width:400px">
102+
<img class="card-img-top ml-auto" src="./img/truck.jpeg" alt="Card image" height="300px">
103+
<div class="card-body">
104+
<h4 class="card-title">Transportation</h4>
105+
<p class="card-text">Water, air, and road: diverse modes of transportation enable global connectivity</p>
106+
<a href="#" class="btn btn-primary">Read More</a>
107+
</div>
108+
</div></div>
109+
<div class="col-lg-4 col-md-6 col-12">
110+
<div class="card ml-5" style="width:400px">
111+
<img class="card-img-top ml-auto" src="./img/ship.jpeg" alt="Card image" height="300px">
112+
<div class="card-body">
113+
<h4 class="card-title">Inventory Management</h4>
114+
<p class="card-text">Effective inventory management ensures optimal stock levels and profitability.</p>
115+
<a href="#" class="btn btn-primary">Read More</a>
116+
</div>
117+
</div></div>
118+
<div class="col-lg-4 col-md-6 col-12">
119+
<div class="card ml-5" style="width:400px">
120+
<img class="card-img-top ml-auto" src="./img/plane.jpg" alt="Card image" height="300px">
121+
<div class="card-body">
122+
<h4 class="card-title">Warehousing</h4>
123+
<p class="card-text"> Essential for efficient storage and distribution in supply chains</p>
124+
<a href="#" class="btn btn-primary">Read More</a>
125+
</div>
126+
</div>
127+
</div>
128+
</div>
129+
</div>
130+
<hr>
131+
132+
<div id="contact">
133+
<h1 class="text-center text-capitalize"> Contact Us</h1>
134+
<!-- <hr class = "w-50 mx auto "> -->
135+
<article class="bg-primary py-5 text-center text-white">
136+
<div>
137+
<h3 class="display-4 text-white">+91 12357895</h3>
138+
<p> If you need you can call us</p>
139+
<a href="mailto:someone@gmail.com"><button class="btn-warning" style="height: 60px;"><h2 style="color: rgb(13, 13, 90);">Email Us</h2></button></a>
140+
</div>
141+
</div>
142+
</article>
143+
144+
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.slim.min.js"></script>
145+
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
146+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
147+
</body>
148+
</html>

‎Projects/Logistic Company/style.css‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
img{
2+
width: 100%;
3+
}
4+
body{
5+
background-color: rgb(244, 248, 252);
6+
overflow-x: hidden; /* Hide horizontal scrollbar */
7+
}
8+
::-webkit-scrollbar {
9+
width: 10px;
10+
}
11+
12+
/* Track */
13+
::-webkit-scrollbar-track {
14+
background: #f1f1f1;
15+
}
16+
17+
/* Handle */
18+
::-webkit-scrollbar-thumb {
19+
background: #888;
20+
}
21+
22+
/* Handle on hover */
23+
::-webkit-scrollbar-thumb:hover {
24+
background: #555;
25+
}

0 commit comments

Comments
 (0)