INS - Template

Developer
Sreekanth Are
Size
2,574 Kb
Views
22,264
  1. INS - Template Previews
  2. INS - Template HTML Codes
  3. INS - Template CSS Codes

How do I make an ins - template?

What is a ins - template? How do you make a ins - template? This script and codes were developed by Sreekanth Are on 21 November 2022, Monday.

INS - Template Previews
IQ Test

INS - Template - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>INS - Template</title> <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container-fluid ins"> <div class="top-bg"></div> <div class="row header"> <div class="col-sm-3"> <img src="http://surekhacommunication.com/home/wp-content/uploads/2013/08/ins-LOGO.jpg" width="100px"> </div> <div class="col-sm-6 search-village"> <div class="input-group"> <input type="text" class="form-control"> <span class="input-group-addon">GO</span> </div> </div> <div class="col-sm-3"> <img src="https://www.bbc.co.uk/iplayer/images/tv/bbc_news24_640_360.jpg" width="100px"> </div> </div> <div class="row banner-bg"> <ul class="row"> <li class="col-sm-3 col-xs-12"> <div class="row"> <div class="col-sm-6">Mandal</div> <div class="col-sm-6">: Puduru</div> </div> <div class="row"> <div class="col-sm-6">Distric</div> <div class="col-sm-6">: Ranga reddy</div> </div> </li> <li class="col-sm-3 col-xs-12"> <div class="row"> <div class="col-sm-6">Assembly Constituency</div> <div class="col-sm-6">: Ranga reddy</div> </div> </li> <li class="col-sm-3 col-xs-12"> <div class="row"> <div class="col-sm-6">Parliment Constituency</div> <div class="col-sm-6">: Ranga reddy</div> </div> <div class="row"> <div class="col-sm-6">Member of Parliment Constituency</div> <div class="col-sm-6">: Ranga reddy</div> </div> </li> <li class="col-sm-3 col-xs-12"> <div class="row"> <div class="col-sm-6">Member of Parliment Constituency</div> <div class="col-sm-6">: Ranga reddy</div> </div> </li> </ul> </div>
</div>
</body>
</html>

INS - Template - Script Codes CSS Codes

.ins { padding-right: 0; padding-left: 0;
}
.ins .top-bg { height: 8px; background-color: #AF111F;
}
.header .search-village { padding: 10px;
}
.header .search-village .input-group .input-group-addon { background-color: #AF111F; color: white;
}
.banner-bg { background-image: url(https://goo.gl/4JdNlL); background-size: cover; height: 350px; background-position: center;
}
.banner-bg ul { list-style-type: none; display: flex; position: relative; top: 250px; margin-left: -25px;
}
.banner-bg ul li { background-color: white; padding: 10px; border: 2px solid rgba(0, 0, 0, 0.2); height: 100px; overflow: hidden; overflow-x: hidden;
}
.banner-bg ul li:hover { overflow: auto; overflow-x: hidden;
}
.banner-bg ul li .row { padding: 5px 0;
}
INS - Template - Script Codes
INS - Template - Script Codes
Home Page Home
Developer Sreekanth Are
Username srees
Uploaded November 21, 2022
Rating 3
Size 2,574 Kb
Views 22,264
Do you need developer help for INS - Template?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Sreekanth Are (srees) Script Codes
Name
Bootstrap Datepicker
Gradient shadow under the circle
We-Sign-Up
Bootstrap Template
Step Wizard
Template
Bootstrap 3 carousel multi div slider
VolunteerMark Checkout
Step Wizard - Breadcrumbs
A Pen by Sreekanth Are
Create amazing sales emails with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!