forked from AjayKumarR24430/Warehouse-Website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathWH_Home.html
170 lines (149 loc) · 5.86 KB
/
WH_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
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
<!DOCTYPE html>
<html>
<head>
<style>
* {
box-sizing: border-box;
}
body {
font-family: Arial;
padding: 10px;
background-color:black;
}
/* Header/Blog Title */
.header {
padding: 1px;
text-align: center;
background: white;
background-color:steelblue;
}
.header h1 {
font-size: 50px;
background-color:violet;
color: black;
}
/* Style the top navigation bar */
.topnav {
overflow: hidden;
background-color:blanchedalmond;
color: black;
}
/* Style the topnav links */
.topnav a {
float: left;
display: block;
color: black;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
/* Change color on hover */
.topnav a:hover {
background-color: #ddd;
color: black;
}
/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {
float: left;
width: 53%;
}
/* Right column */
.rightcolumn {
float: left;
width: 47%;
background-color:black;
padding-left: 20px;
}
.img1 {
background-color: #aaa;
background-image: url("office-automation.png");
width: 100%;
padding: 20px;
}
.img2 {
background-color: #aaa;
background-image: url("warehouse-auto.jpg");
width: 100%;
padding: 20px;
}
/* Add a card effect for articles */
.card{
background-color:powderblue;
width: 100%;
padding: 10px;
margin-top: 20px;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/* Footer */
.footer {
padding: 20px;
text-align: center;
background: #ddd;
margin-top: 20px;
}
/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
.leftcolumn, .rightcolumn {
width: 100%;
padding: 0;
}
}
/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) {
.topnav a {
float: none;
width: 100%;
}
}
</style>
</head>
<body>
<a href="WH_Begin.html" style="color: rgb(238, 255, 0)"> Redirect to our portal</a>
<div class="header">
<h1>SAMANAPERN</h1><br>
<marquee width="100%" direction="left" height="100px">
Welcome to our website. We are thrilled to announce the launch of our brand new website!
</marquee>
</div>
<div class="topnav">
<a href="WH_Services.html">Services</a>
<a href="WH_Whysamanapern.html">Why Samanapern?</a>
<a href="WH_Contactus.html" style="float:right">CONTACT US</a>
</div>
<div class="row">
<div class="leftcolumn">
<div class="card">
<h2>OFFICE AUTOMATION</h2>
<div class="img1" style="height:200px;">Image</div>
<p>Office automation system is the tool that enables data to move from one system to another on its own without human intervention and inaccuracies.</p>
<p>We are using Ofiice automation tools to help organizations collect, manage, and analyze securely to accomplish everyday tasks and processes. Our office automation systems offer an array of benefits for organizations of every size. Powerful office automation systems reduce manual effort and store a large amount of data in little space. They speed up information retrieval and improve process visibility. On the other hand, we could be watching data flow around on its own- that's automation. </p>
</div>
<div class="card">
<h2>WAREHOUSE AUTOMATION SOLUTION</h2>
<h5></h5>
<div class="img2" style="height:200px;">Image</div>
<p>Efficiency for your operation.</p>
<p>Samanapern manufactures fully-integrated warehouse automation solutions to maximize operational savings for the fundamentals of supply chain management. We have the tools and resources to build and integrate a warehouse automation system that can maximize efficiency for your operation. The advent of Online retailing has taken the Global Economy by storm and has posed a new set of Supply chain challenges. Samanapern has designed and developed a host of Solutions that are designed for both small and large online retailers that can fit seamlessly into their operations </p>
</div>
</div>
<div class="rightcolumn">
<div class="card">
<h2>About Us</h2>
<p style="height:500px;">Our goal with this website is to provide our visitors an easier way to learn about Samanapern's services and solutions and also to allow you, the visitors, to browse information easier.<br><br> Samanapern is a <b>warehouse management system (WMS)</b> software company that allow organizations to control and administer warehouse operations from the time goods or materials enter a warehouse until they move out. Operations in a warehouse include <em> <b>inventory management</b></em>, picking processes and auditing.<br><br>Our software allows you to effectively manage and control the flow of cargo as it enters the warehouse. It transforms a typical warehouse operation into a totally connected logistics and fulfillment business.Our company uses<i><b> Cargo Management System</b> </i>to receive goods at their docks, store them in the warehouse, prepare withdrawal receipts, shipping documents and keep control of their operations.<br><br>Samanapern ties warehouse operations directly into accounting for processing invoices, bills, and checks and producing reports such as P&Ls and In-Outs. The software also generates pickup orders, cargo releases, and warehouse receipts while connecting international shipping, purchase orders, and sales orders. The application uses a warehouse tracking software to define locations and set default receiving locations. <b>The software is designed to help logistics providers satisfy customers’ need for updated information and increase profits through process automation.</b></p>
</div>
<div class="card">
<h3>Follow Me</h3>
<p>Some text..</p>
</div>
</div>
</div>
<div class="footer">
</div>
</body>
</html>