Skip to content

Commit

Permalink
OSOC_BhavikaJetwani
Browse files Browse the repository at this point in the history
Create homepage
  • Loading branch information
bhavika2502 authored Jul 6, 2022
1 parent 2dc220c commit da70a7e
Show file tree
Hide file tree
Showing 5 changed files with 80 additions and 0 deletions.
42 changes: 42 additions & 0 deletions Homepage/css/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
.crime-logo {
width: 100%;

}

.intro {
background-color: #15133C;
color: white;
padding: 100px;

}

.crime-img {
float: right;
width: 20%;
margin-bottom: 100px;
margin-left: 20px;
padding-bottom:20px;

}

.crime-area {
text-align: center;
padding-top:100px;
padding-bottom: 100px;
line-height: 4;
background-color: #413F42;
color: white;
}

button {
line-height: 2;

}

button:hover {
background: grey;
}

h2 {
padding-left: 320px;
}
Binary file added Homepage/images/crime.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Homepage/images/favicon.ico
Binary file not shown.
Binary file added Homepage/images/logo-final.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
38 changes: 38 additions & 0 deletions Homepage/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Crime Analysis and Prediction</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="images/favicon.ico">
</head>
<body>
<img src="images/logo-final.png" class="crime-logo" alt="crime logo">
<div class="intro">
<img src="images/crime.jpg" class="crime-img" alt="crime img">
<h1>About Us</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra vestibulum velit a laoreet. Donec placerat,
libero id pharetra malesuada, nisl arcu blandit tortor, non eleifend sapien purus ac erat. Mauris commodo, nunc
placerat tempus faucibus, quam tortor pellentesque neque, ac tincidunt erat mi ac ligula. Fusce ante quam, efficitur
eget lorem quis, auctor dapibus metus.
</p>


</div>
<div class="crime-area">
<h2>Analysis of Crime in your Area</h2>
Enter your City: <select class="city" name="City">
<option value="delhi">Delhi</option>
<option value="bombay">Mumbai</option>
<option value="kolkata">Kolkata</option>
<option value="Chennai">Chennai</option>
<option value="Bangalore">Bangalore</option>
</select>
<br>
<button type="button" name="btn btn-primary">Display</button>

</div>
</body>
</html>

0 comments on commit da70a7e

Please sign in to comment.