//HTML CODE//
<html>
<head>
<title>
Inventrom Private Limited | Bolt IoT
</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="inventrom.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="total">
<header class="head">
<nav class="top">
<div class="logo">
<a href="inventrom.html"><img class="image" src="inventromlogo.png" alt="inventrom"></a>
</div>
<div class='links'>
<a href="#about">About</a>
<a href="#awards">Awards</a>
<a href="#getintouch">Contact</a>
</div>
</nav>
</header>
<div class="body">
<div class="firstbody">
<P>Bolt is an Internet Of Things Platform for enterprise</P>
<p>ready for Product and Solutions</p>
<a href="https://www.boltiot.com/" target=_blank><span style="font-size: 17px; color:white">CLICK TO KNOW MORE</span></a>
</div>
<section id="about">
<div class="middlebody">
<p style="color: #006400">ABOUT US</p>
<p>we are an award-winning IoT team that has extensive experience in enterprise IoT projects.Before working on the Bolt platform,we have</p>
<p>been strategic IoT consultants to various Fortunate 500 Companies.</p>
<div class="pic1">
<a href=" "><img src="about_us_vision.png" width="400px" height="300px"></a>
<p>Our Vision</p>
<p>Build technology platforms for better communication.</p>
</div>
<div class="pic2">
<a href=" "><img src="about_us_mission.png" width="400px" height="300px"></a>
<p>Our Mission</p>
<p>To build a platform to make IoT development quick easy and low cost</p>
</div>
</div>
</section>
<section id="awards">
<div class="middlebody2">
<p style="color:#006400">AWARDS</p>
<div class="pics">
<a href=" "><img src="award1.png" width="250px" height="200px"></a>
<p>SHOWCASE</p>
<P>--------</P>
<P>INDO-US STARTUP KONNECT PROGRAM</P>
<P>SILICON VALLEY</P>
</div>
<div class="pics">
<a href=" "><img src="award2.png" width="250px" height="200px"></a>
<p>WINNER</p>
<P>--------</P>
<P>DST-LOCKHEED MARTIN INDIA INNOVATION</P>
<P>GROWTH PROGRAM</P>
</div>
<div class="pics">
<a href=" "><img src="award3.png" width="250px" height="200px"></a>
<p>WINNER</p>
<P>--------</P>
<P>POWER OF IDEAS</P>
</div>
<div class="pics">
<a href=" "><img src="award4.png" width="250px" height="200px"></a>
<p>WINNER</p>
<P>--------</P>
<P>CHIEF MINISTER AWARD FOR THE BEST START-UP IN </P>
<P>GOA</P>
</div>
</div>
</section>
<section id="getintouch">
<div class="middlebody3">
<p style="color:#006400;text-align:center">GET IN TOUCH</p>
<div class="Personaldata">
<!--[if lte IE 8]>
<![endif]–>
Our Location
Mumbai
Inventrom Private Limited, Unit no: B 32-A, B-wing, 2nd Floor, Raj Industrial
Complex, Military Road, Marol, Andheri East, Mumbai, Maharashtra - 400059B 32-A,B-wing,2nd Floor,Raj Indu
Goa
Inventrom Private Limited, 10, Gasper Apartment, Behind Suzuki
Showroom, Panjim, Goa - 403001, Near People's High School
Contact Us
79, 11th Cross Road, Binnamangala Indiranagar, Bengaluru, Karnataka, 560038, India
(+91) 8881197198
✉ support@boltiot.com
//CSS CODE//
.logo{
display: inline-block;
margin-left: 18%;
}
.links{
margin-left: 300px;
display: inline-block;
}
.links a{
padding: 15px;
display: inline-block;
font-size: 20px;
color: #A9A9A9 ;
}
a:hover{
color: #0a0a0a;
}
.firstbody{
background-image:url(“background-layer.png”);
height: 500px;
color: white;
text-align: center;
padding-top:18% ;
font-size: 40px;
}
.middlebody{
text-align:center;
}
.pic1{
display: inline-block;
text-align: left;
font-size:small ;
}
.pic2{
display: inline-block;
padding-left: 200px;
text-align: left;
font-size:small ;
}
.middlebody2{
text-align: center;
background-color: #F5F5F5;
height: 500px;
}
.pics{
paddint-top: 20px;
display: inline-block;
text-align: center;
font-size:10px ;
}
.middlebody3{
padding-top: 0px;
background-color: #F5F5F5;
height: 600px;
}
.personaldata{
margin-left: 20px;
display: inline-block;
}
.locations{
display: inline-block;
margin-left:650px;
}
.foot{
height: 80px;
width: 100%;
color: white;
background-color:#006400;
margin-bottom: 0px;
}
.foot p{
padding-top:30px;
padding-left: 150px;
}
span a{
padding: 10px;
position: relative;
bottom: 30px;
}