C02 Emission Detection Sample-2
C02 Emission Detection Sample-2
DETECTION
1
Introduction
Admin
User
5
Admin
6
User
7
Existing System
A typical passenger vechicles emits about 4.6
metric tons of carbon dioxide per year. This
number can vary based on a vechicles fuel,
economy, and the number of miles drivan per
year. The existing co2 emission system in
vehicles refers to the process of measuring and
reporting carbon dioxide emissions manually.
This typically involves using specific equipment
to sample the exhaust gases from vechicle’s
tailpipe during a controlled test. The collected
data is then analyzed to determine the amount
of carbon dioxide emitted by the vechicle.
8
Proposed System
Intelligent Monitoring and Mitigation of
Vehicular Carbon Emissions: A Machine
Learning-Enabled Django Framework for
Analysis and Sustainable Transportation.
11
Login.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Login</title>
<style>
/*Start Global Style*/
*{
box-sizing: border-box;
margin: 0;
padding: 0;
}
body{
background:#e9ebee;
display: flex;
justify-content: center;
align-items: center;
height:100vh;
font-family: sans-serif;
}
.container{
width: 80%;
margin: auto;
padding: 20px;
height:100%
}
.submit{
width: 100%;
margin: 30px 0;
padding: 10px;
border: none;
background-color: #9526a9;
color: #fff;
font-size: 20px;
cursor: pointer;
transition: 0.3s all ease-in-out;
}
.login ,.register{width: 50%}
12
.login{
float:left;
background-color: #fafafa;
height: 100%;
border-radius: 10px 0 0 10px;
text-align: center;
padding-top: 100px;
}
.login h1{
margin-bottom: 40px;
font-size: 2.5em;
}
}
.login hr{
width: 30%;
display: inline-block
}
.login p{
display: inline-block;
margin: 0px 10px 30px;
}
.login ul{
list-style: none;
margin-bottom:40px;
}
.login ul li{
display: inline-block;
margin-right: 30px;
cursor: pointer;
}
.login ul li:hover{opacity: 0.6}
.login ul li:last-child{margin-right: 0}
.login .copyright{
display: inline-block;
float: none;
}
/*Start Register Style*/
.register{
float: right;
background-image: linear-gradient(135deg, #00ffff 5%, #06BBCC 95%);
height: 100%;
color:#fff;
border-radius: 0 10px 10px 0;
text-align: center;
padding: 100px 0;
}
.register h2{
margin: 30px 0;
font-size: 50px;
letter-spacing: 3px
}
.register p{
font-size: 18px;
margin-bottom: 30px;
}
.register button{
background-color: transparent;
border: 1px solid #FFF;
border-radius: 20px;
padding: 10px 20px;
color: #fff;
font-size: 20px;
text-transform: uppercase;
transition:0.2s all ease-in-out;
}
.register button:hover{
color: #9526a9;
background-color: #fff;
cursor: pointer; 14
}
</style>
</head>
<body>
<div class="container">
<div class="login">
<div class="container">
<h1>Login</h1>
{% if mkn %}
{% else %}
{% endif %}
</div>
</div>
<div class="register">
<div class="container">
<i class="fas fa-user-plus fa-5x"></i>
<h2 style="color:green">Welcome Back ,Friend!</h2>
<h3 style="color:orange">Enter your username and password and start journey with us</h3>
</div>
</div>
</div>
</body>
</html>
15
Thank
you
16