RESPONSIVE CODE PLEASE .... Home Who We AreServices Contact u 0) About Us Mahesh
ID: 3890306 • Letter: R
Question
RESPONSIVE CODE PLEASE ....
Home Who We AreServices Contact u 0) About Us Mahesh Info Tech, a company under Mahesh Group, is an undisputed leader in customer communications providing complete solutions in Customer Transactional Document Management. It offers a range of HOST-TO-POST-IT based print solutions. Its variable data printing and mailing solutions services are located in Hyderabad and Chennai We offer our services with two of the most preferred software's. This includes one of the leading software's used in the industry, which is also widely being used byExplanation / Answer
Maheshinfotech.html:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=2">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<link rel="stylesheet" href="Mahesh Infotech.css">
<style>
#ab:hover #cd{
display:block;
}
#ser:hover #ser1{
display:block;
}
.col-md-6{
padding-top: 10%;
}
#my-navbar{
background:white;
}
#nav-col {
text-align: center;
}
#nav-col a:hover{
background: #ff6507;
}
.carousel-inner{
height: 400px;
}
</style>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid" id="my-navbar">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-col">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span></button>
<a class="navbar-brand" rel="home" href="#" title="MAHESH INFOTECH">
<img
src="M.png">
</a>
<div class="collapse navbar-collapse" id="nav-col">
<ul class="nav navbar-nav navbar-right">
<li><a href="Mahesh Infotech.html"><b>Home</b></a>
<li id="ab"> <a class="dropdown-toggle" data-toggle="dropdown" href="#" ><b>Who We Are</b>
<span class="caret"></span></a>
<ul id="cd"class="dropdown-menu">
<li><a href="Mahesh Infotech.html.#par"><b>About Us</b></a></li>
<li><a href="Mahesh Infotech.html.#our"><b>Our Team</b></a></li>
</ul>
<li id="ser"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"><b>Services</b>
<span class="caret"></span></a>
<ul id="ser1" class="dropdown-menu">
<li><a href="sd.html.#Content"><b>Software development</b></a></li>
<li><a href="wd.html.#wd"><b>Web development</b></a></li>
<li><a href="e-com.html.#e-com"><b>E-Commerce</b></a></li>
</ul>
<li><a href="contactus.html"><b>Contact us</b></a>
<li><a href="Login.html"><b>Login</b></a> </li>
</ul>
</div>
</nav>
<div class="row">
<!-- Carousel -->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<img src="banner1.jpg" alt="First slide" width="100%">
</div>
<div class="item">
<img src="banner2.jpg" alt="Second slide" width="100%"> <!-- Static Header -->
</div>
<div class="item">
<img src="banner3.jpg" alt="Third slide" width="100%">
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div><!-- /carousel -->
</div>
</div>
<div id="par">
<div class="container"> <br><br><br>
<h1><center>About Us</center></h1>
<p> Mahesh InfoTech, a company under Mahesh Group, is an undisputed leader in customer communications providing
complete solutions in Customer Transactional Document Management. It offers a range of HOST-TO-POST-IT based
print solutions. Its variable data printing and mailing solutions services are located in Hyderabad and Chennai.
We offer our services with two of the most preferred software’s. This includes one of the leading software’s used
in the industry, which is also widely being used by banks throughout the globe.</p>
<p> Our entire list of products include variable data printing, variable data management, direct marketing mailers,
automated mail and inserting systems, pre and post printing services, document design, electronic mailing
services and pre-print data software development. Our products are used over a large number of verticals including
insurance companies, telecom companies, and government utility companies, mutual funds, packaging industries, educational
institutes, management institutes and IT.</p>
<p> We serve the customers not only on the services related to the industry, but also provide solution and IT related support to ease and minimize the process and procedures.</p>
</div>
<br><br>
<div class="container" id="our">
<div class="row" >
<div class="heading-title text-center">
<h3 class="text-uppercase">Our Team</h3>
</div>
<div class="col-md-4 col-sm-4">
<div class="team-member">
<div class="team-img">
<img src="pf.png" alt="team member" class="img-responsive">
</div>
<div class="team-hover">
<div class="desk">
<h4>Hi There !</h4>
<p>I love to introduce myself as a hardcore Web Designer.</p>
</div>
</div>
</div>
<div class="team-title">
<h5>Umamaheswararao S</h5>
<span>Founder & ceo</span>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="team-member">
<div class="team-img">
<img src="sanjay.png" alt="team member" class="img-responsive">
</div>
<div class="team-hover">
<div class="desk">
<h4>Hello World</h4>
<p>I love to introduce myself as a hardcore Web Designer.</p>
</div>
</div>
</div>
<div class="team-title">
<h5>Sanjay Sriharsha P</h5>
<span>HR Manager</span>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="team-member">
<div class="team-img">
<img src="sathi.jpg" alt="team member" class="img-responsive">
</div>
<div class="team-hover">
<div class="desk">
<h4>I love to design</h4>
<p>I love to introduce myself as a hardcore Web Designer.</p>
</div>
<div class="s-link">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
</div>
</div>
</div>
<div class="team-title">
<h5>Satish Kumar A</h5>
<span>Marketing Manager</span>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="footer">
<div class="container-fluid">
<div class="container">
<div class="footer-inner">
<div class="row">
<div class="footer-content">
<div class="row">
<div class="col-md-4 col-sm-4 col-lg-4 col-xs-12 tabsec">
<h3>Office</h3>
<p>
<div class="textwidget">Mahesh Infotech<br>Rk Residency<br>
Flat No #1-101,Opposite Bsnl office<br>
Yellareddy guda<br>
Hyderabad-500081.<br>
</div>
</p>
<p> Phone : +91 8121336694</p>
<p><a href="mailto:info@itfan.in"> Email : maheshS@maheshinfotech.com</a></p>
</div>
<div class="col-md-4 col-sm-4 col-lg-4 col-xs-12 tabsec">
<h3>Quick Links</h3>
<section class="col-md-6 col-sm-6 col-lg-6 col-xs-12">
<p><a href="about.php">About Us</a></p>
<p><a href="media.php">OurTeam</a></p>
<p><a href="about.php">Services</a></p>
<p><a href="media.php">Contact Us</a></p>
</section>
</div>
<div class="col-md-4 col-sm-4 col-lg-4 col-xs-12 tabsec">
<h3>Root Map</h3>
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d15226.353753354995!2d78.4467743!3d17.4315278!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1499539684726" width="300" frameborder="0" allowfullscreen></iframe>
<br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
Maheshinfotech.css
#footer {
background: #033649 none repeat scroll 0% 0%;
padding-top: 30px;
margin-top: 40px;
clear: both;
color: #AAA;
display: block;
}
#footer .widgettitle {
margin: 0px;
padding: 0px 0px 15px;
border-bottom: medium none;
}
#footer h4 {
color: #FFF;
}
#footer ul {
list-style: outside none none;
}
#footer li {
padding: 7px 0px;
border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
margin: 0px;
}
#footer li a {
color: #DDD;
}
#sub-floor {
color: #AAA;
background: #031634 none repeat scroll 0% 0%;
padding: 10px 0px;
}
#san{
color:#FFF;
padding-left: 20%;
}
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.