To design a website using bootstrap framework.
Requirement collection.
Creating the layout using bootstrap grid system.
Updating the sample content.
Choose the appropriate style and color scheme.
Validate the layout in various browsers.
Validate the HTML code.
Publish the website in the given URL.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BPRD HOME PAGE</title>
<link rel="icon" href="./img/logo.png" type="image/x-icon" /> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<img src="https://bprd.nic.in/images/GY1.jpg
" style="height:450px;" alt="police">
<div class="col-sm-12 bg-info h1 text-center">Bureau of Police Research and Development</div>
<div class="col-sm-12 bg-info h1 text-center">Ministry of Home affairs</div>
<div class="col-sm-2 h2 bg-white bg-gradient"><a href="/static/home.html">HOME</a></div>
<div class="col-sm-2 h2 bg-white bg-gradient"><a href="/static/about.html">ABOUT US</a></div>
<div class="col-sm-2 h2 bg-white bg-gradient"><a href="/static/gallery.html">GALLERY</a></div>
<div class="col-sm-2 h2 bg-white bg-gradient"><a href="/static/training.html">TRAINING</a></div>
<div class="col-sm-2 h2 bg-white bg-gradient"><a href="/static/admin.html">ADMIN</a></div>
<div class="col-sm-2 h2 bg-white bg-gradient"><a href="/static/contactus.html">CONTACT US</a></div>
<h2 class="text-center bg-info">Home</h2>
<table class="table">
<thead>
<tr>
<th class="h4 bg-warning" scope="col">S.No</th>
<th class="h4 bg-warning" scope="col">About Us</th>
</tr>
<tbody>
<tr scope="row">1</tr>
<td class="col-sm-3 h3 bg-info bg-warning">1</td>
<td class="col-sm-9 h3 bg-info bg-warning">Evolution of BPRD</td>
</tbody>
<tbody>
<tr scope="row">2</tr>
<td class=" col-sm-3 h3 bg-info bg-warning">2</td>
<td class=" col-sm-9 h3 bg-info bg-warning">Awards/Medals</td>
</tbody>
<tbody>
<tr scope="row">3</tr>
<td class=" col-sm-3 h3 bg-info bg-warning">3</td>
<td class=" col-sm-9 h3 bg-info bg-warning">Organization</td>
</tbody>
<tbody>
<tr scope="row">4</tr>
<td class="col-sm-3 h3 bg-info bg-warning">4</td>
<td class="col-sm-9 h3 bg-info bg-warning">Work Allocation</td>
</tbody>
<tbody>
<tr scope="row">5</tr>
<td class=" col-sm-3 h3 bg-info bg-warning">5</td>
<td class=" col-sm-9 h3 bg-info bg-warning">Draft Legislation</td>
</tbody>
<tbody>
<tr scope="row">6</tr>
<td class=" col-sm-3 h3 bg-info bg-warning">6</td>
<td class=" col-sm-9 h3 bg-info bg-warning">Citizen Corner</td>
</tbody>
</thead>
</table>
</div>
</div>
<marquee>Thank you for visiting our Website</marquee>
<footer>The Webpage was developed by M.RAJESHKANNAN</footer>
</body>
<style>
marquee{
font-size: 50px;
background-color: rgb(17, 160, 204);
}
footer{
font-size: 30px;
text-align: center;
background-color: rgb(41, 129, 212);
color: rgb(91, 243, 248);
}
</style>
</html>
ABOUT US
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BPRD ABOUT US</title>
<link rel="icon" href="./img/logo.png" type="image/x-icon" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<img src="https://bprd.nic.in/images/GY1.jpg" style="height:500px;" alt="police">
<div class="col-sm-12 bg-info h1 text-center">Bureau of Police Research and Development</div>
<div class="col-sm-12 bg-info h1 text-center">Ministry of Home affairs</div>
<div class="col-sm-2 h2 bg-white bg-gradient"><a href="/static/home.html">HOME</a></div>
<div class="col-sm-2 h2 bg-white bg-gradient"><a href="/static/about.html">ABOUT US</a></div>
<div class="col-sm-2 h2 bg-white bg-gradient"><a href="/static/gallery.html">GALLERY</a></div>
<div class="col-sm-2 h2 bg-white bg-gradient"><a href="/static/training.html">TRAINING</a></div>
<div class="col-sm-2 h2 bg-white bg-gradient"><a href="/static/admin.html">ADMIN</a></div>
<div class="col-sm-2 h2 bg-white bg-gradient"><a href="/static/contactus.html">CONTACT US</a></div>
<h2 class="text-center bg-info">Home>>About Us>>Evolution of BPRD</h2>
<div class="bg-warning"
CREATION:</br>
1. The Government of India vied Resolution No.8/136/68-P.I (Pers.I) dated 28.08.1970 formally established the Bureau of Police Research and Development (BPR&D), under the Ministry of Home Affairs giving a new orientation to then existing Police Research and Advisory Council (1966) for the following reasons and with the primary objective of modernization of police force:</br>
1. To take direct and active interest in the issues.</br>
2. To promote a speedy and systematic study of the police problems.</br>
3. To apply science and technology in the methods and techniques used by police.</br>
In addition and as a secondary, the Resolution mandated an advisory role also for the Bureau.</br>
2. The Bureau was established with the following two divisions initially with a well laid out charter of duties</br>
1. Research, Statistics and Publication.</br>
2. Development.</br>
3. Training is a vital and growing requirement to improve the competency of police forces in the country. The Gore-Committee (1971) set up by the Government of India studied the training aspects of police and gave several recommendations. The government of India in accepting its recommendations created a Training Division (1973) in addition to the two divisions already existing to function under the Bureau.</br>
4. The forensic science services uncompromising & Geese under the Development Division grew over a period and a separate Directorate of Forensic Sciences under the BPR&D came into existence in 1983.</br>
5. Further in 1995 Government of India decided to entrust issues relating to Correctional Administration Work to the BPR&D so that problems relating to prisons and implementation of deemed prison reforms can be taken up by the Bureau in a cohesive manner. This set up is operating out of the existing manpower resources.</br>
6. During the year 2008, the Government of India further decided to create National Police Mission under the administrative control of BPR&D to transform the police forces in the country into effective instrument for maintenance of internal security and facing the challenges in future, by equipping them with the necessary material, intellectual and organizational resources.</br>
</div>
<marquee>Thank you for visiting our Website</marquee>
<footer>The Webpage was developed by M.RAJESHKANNAN</footer>
</body>
<style>
marquee{
font-size: 50px;
background-color: rgb(17, 160, 204);
}
footer{
font-size: 30px;
text-align: center;
background-color: rgb(41, 129, 212);
color: rgb(91, 243, 248);
}
</style>
</html>
CONTACT US
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BPRD CONTACT PAGE</title>
<link rel="icon" href="./img/logo.png" type="image/x-icon" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<img src="https://bprd.nic.in/images/GY1.jpg" style="height:500px;" alt="police">
<div class="col-sm-12 bg-info h1 text-center">Bureau of Police Research and Development</div>
<div class="col-sm-12 bg-info h1 text-center">Ministry of Home affairs</div>
<div class="col-sm-2 h2 bg-white bg-gradient"><a href="/static/home.html">HOME</a></div>
<div class="col-sm-2 h2 bg-white bg-gradient"><a href="/static/about.html">ABOUT US</a></div>
<div class="col-sm-2 h2 bg-white bg-gradient"><a href="/static/gallery.html">GALLERY</a></div>
<div class="col-sm-2 h2 bg-white bg-gradient"><a href="/static/training.html">TRAINING</a></div>
<div class="col-sm-2 h2 bg-white bg-gradient"><a href="/static/admin.html">ADMIN</a></div>
<div class="col-sm-2 h2 bg-white bg-gradient"><a href="/static/contactus.html">CONTACT US</a></div>
<h2 class="text-center bg-info">Home>>Contact us</h2>
<div class="h2 bg-warning" style="height:800px;">
Address:</br>
Bureau of Police Research and Development</br>
Ministry of Home Affairs,</br>
NH-8, Mahipalpur</br>
New Delhi (India)</br>
------------------------------------------------------------------------</br>
Telefax:</br>
DG Office: +91-11-26781312, Email id: dg[at]bprd[dot]nic[dot]in</br>
ADG Office: +91-11-26781341, Email id: adg[at]bprd[dot]nic[dot]in</br>
Administration Directorate: +91-11-26781326, Email id: igadm[at]bprd[dot]nic[dot]in</br>
Training Directorate: +91-11-26782027, Email id: dirtrg[at]bprd[dot]nic[dot]in</br>
NPM Directorate: +91-11-26781345, Email id: dirnpm[at]bprd[dot]nic[dot]in</br>
MOD Directorate: +91-11-26782023, Email id: igmod[at]bprd[dot]nic[dot]in</br>
Research & CA Directorate: +91-11-26781314, Email id: dirrd[at]bprd[dot]nic[dot]in</br>
------------------------------------------------------------------------</br>
Phone:</br>
Administration Directorate: +919987233434</br>
Training Directorate: +8756347690</br>
------------------------------------------------------------------------</br>
</div>
<marquee>Thank you for visiting our Website</marquee>
<footer>The Webpage was developed by M.RAJESHKANNAN</footer>
</body>
<style>
marquee{
font-size: 50px;
background-color: rgb(17, 160, 204);
}
footer{
font-size: 30px;
text-align: center;
background-color: rgb(41, 129, 212);
color: rgb(91, 243, 248);
}
</style>
</html>
website created sucessfully