Total HTML and CSS code for inventrom website ,whether i have to make any changes or proceed with video recording?

//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 - 400059

B 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

©2021Inventrom

//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;
}

Hi @chandachandramahesh,
You can use your creativity to build the project. If any changes are required, we’ll let you know over email once you submit the project.

@raghav.srivastava How to record video.Screen recording with explanation or record with camera

@chandachandramahesh You may record the screen with the explanation.

Great Stuff thanks for sharing